:root{--navy:#172566;--blue:#273d9b;--gold:#dcae36;--ink:#182033;--muted:#697386;--line:#e6e9f0;--bg:#f5f7fb;--ok:#16865c;--danger:#c43b46}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#304aa8 0,#182766 35%,#0d143a 100%)}.login-card{width:min(430px,100%);background:white;border-radius:24px;padding:34px;box-shadow:0 25px 70px #050a2677}.login-logo{display:block;width:104px;height:104px;object-fit:contain;margin:auto}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--gold)}h1,h2,h3,p{margin-top:0}.login-card h1{text-align:center;margin-bottom:8px}.login-card .eyebrow,.login-card>.muted{text-align:center}.muted,small{color:var(--muted)}label{display:grid;gap:7px;font-size:13px;font-weight:700;margin:15px 0}input,textarea,select{width:100%;border:1px solid #d8dde8;border-radius:11px;padding:11px 12px;background:white;color:var(--ink)}textarea{resize:vertical}.primary,.secondary,.danger,.quick-actions button{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.primary{background:var(--navy);color:white}.secondary{background:#eef1fb;color:var(--navy)}.danger{background:#fdecee;color:var(--danger)}.login-card .primary{width:100%;margin-top:8px}.error{color:var(--danger);font-size:13px;margin:12px 0 0}.portal{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:linear-gradient(180deg,#142365,#0e1742);color:white;padding:24px 17px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:248px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand img{width:45px;height:45px;object-fit:contain;background:white;border-radius:12px}.brand strong,.brand small{display:block}.brand small{color:#bdc5e7;margin-top:3px}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.logout{border:0;color:#dbe0f6;background:transparent;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:700}.sidebar nav button span{margin-left:10px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff17;color:white}.logout{margin-top:auto;border:1px solid #ffffff33}.workspace{grid-column:2;padding:0 30px 40px;min-width:0}.workspace>header{height:82px;display:flex;align-items:center;gap:15px}.workspace header h2{margin:0;font-size:22px}.workspace header p{margin:3px 0 0;font-size:12px;color:var(--muted)}.live{margin-left:auto;background:#e9f7f1;color:var(--ok);padding:7px 10px;border-radius:30px;font-size:12px;font-weight:800}.menu{display:none;border:0;background:transparent;font-size:22px}.view{display:none}.view.active{display:block}.welcome{background:linear-gradient(125deg,#18286e,#304aa5);color:white;border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between}.welcome h1{margin-bottom:8px}.welcome p:last-child{color:#dce2ff}.welcome span{align-self:flex-start;border:1px solid #ffffff44;padding:8px 11px;border-radius:30px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stats article,.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #1d2a5210}.stats article{padding:20px}.stats small,.stats strong{display:block}.stats strong{font-size:30px;margin-top:8px;color:var(--navy)}.panel{overflow:hidden}.panel-head{min-height:58px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0;font-size:16px}.panel-head select{width:auto;padding:7px 10px}.quick-actions{display:flex;gap:12px;padding:18px}.quick-actions button{background:#f0f3fb;color:var(--navy)}.split{display:grid;grid-template-columns:minmax(290px,36%) 1fr;gap:18px;height:calc(100vh - 122px)}.record-list{overflow:auto;max-height:calc(100vh - 200px)}.record{padding:15px 18px;border-bottom:1px solid var(--line);cursor:pointer}.record:hover,.record.active{background:#f3f5fb}.record h4{margin:0 0 5px}.record p{font-size:13px;color:var(--muted);margin:0}.meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;font-size:11px;color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:30px;background:#eef1fb;color:var(--navy);font-size:11px;font-weight:800}.conversation{display:flex;flex-direction:column}.conversation-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.conversation-head h3{margin:0}.conversation-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.messages{height:calc(100vh - 310px);padding:18px;overflow:auto;background:#fafbfe}.bubble{max-width:75%;padding:11px 13px;border-radius:14px 14px 14px 3px;background:white;border:1px solid var(--line);margin:9px 0}.bubble.staff{margin-left:auto;border-radius:14px 14px 3px 14px;background:var(--navy);color:white}.bubble small{display:block;margin-top:5px;font-size:10px}.reply{display:flex;gap:10px;padding:13px;border-top:1px solid var(--line)}.reply textarea{min-height:48px;max-height:100px}.empty{display:grid;place-items:center;min-height:300px;color:var(--muted);padding:25px;text-align:center}.cards-list{padding:18px;display:grid;gap:14px}.data-card{border:1px solid var(--line);border-radius:13px;padding:16px}.data-card-head{display:flex;justify-content:space-between;gap:12px}.data-card h4{margin:0 0 5px}.data-card p{font-size:13px;color:var(--muted);white-space:pre-wrap}.data-card details{margin-top:10px}.inline-editor{display:grid;grid-template-columns:180px 180px 1fr auto;gap:9px;align-items:end;margin-top:14px}.inline-editor label{margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar p{margin:0;color:var(--muted)}.packages-split{height:auto;grid-template-columns:34% 1fr}.editor{padding-bottom:18px}.editor>label,.editor>.form-grid,.editor>.form-actions{margin-left:18px;margin-right:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions .danger{margin-right:auto}.icon-button{border:0;background:transparent;font-size:25px;cursor:pointer}.toast{position:fixed;right:25px;top:90px;background:#13205a;color:white;padding:12px 16px;border-radius:10px;z-index:5;box-shadow:0 8px 25px #0003}
@media(max-width:900px){.portal{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s;z-index:10}.sidebar.open{transform:none}.workspace{grid-column:1;padding:0 15px 30px}.menu{display:block}.stats{grid-template-columns:1fr 1fr}.split,.packages-split{grid-template-columns:1fr;height:auto}.record-list{max-height:360px}.conversation{min-height:600px}.inline-editor{grid-template-columns:1fr 1fr}.inline-editor button{grid-column:2}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.stats{grid-template-columns:1fr}.welcome{padding:23px}.welcome span{display:none}.quick-actions{display:grid}.inline-editor{grid-template-columns:1fr}.inline-editor button{grid-column:1}.workspace>header{height:72px}.live{display:none}}
.form-block{margin:18px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-row small{display:block;margin-top:4px}.day-fields{display:grid;gap:12px;margin-top:14px}.day-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:start;padding:12px;background:white;border:1px solid var(--line);border-radius:12px}.day-row label{margin:0}.day-row textarea{min-height:82px}.upload-note{margin:7px 0;color:var(--muted);font-size:12px}.request-editor{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.request-editor .form-grid{margin:0}.request-editor label{margin:0}.request-editor textarea{min-height:86px}.private-note{background:#fff9e9;border:1px solid #ecd992;padding:12px;border-radius:11px}@media(max-width:900px){.day-row{grid-template-columns:1fr}.form-block{margin:14px 18px}}
.secondary-stats{grid-template-columns:repeat(2,1fr)}.secondary-stats strong{font-size:18px}.secondary-stats span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.compact-input{width:220px;padding:8px 10px}.detail-panel{overflow:auto}.detail-content,.form-panel{padding:18px}.detail-content form{display:grid;gap:14px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.info-grid>div,.summary-card{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.info-grid small{color:var(--muted)}.chat-controls{padding:10px 14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;border-bottom:1px solid var(--line);background:#fafbfe}.chat-controls label{margin:0}.chat-controls .wide{grid-column:1/3}.chat-controls textarea{min-height:50px}.paid-chat{border-left:5px solid var(--gold);background:#fffaf0}.status-serious,.status-reject{background:#fdecee;color:#a52e3b}.status-client{background:#e7f7ed;color:#147449}.status-pending_payment{background:#fff2c9;color:#7d5c00}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.permission-grid label{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.permission-grid input{width:auto}.form-panel{max-width:980px}.form-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.stats.mini{grid-template-columns:repeat(3,1fr)}.stats.mini strong{font-size:22px}.summary-card{margin:8px 0}.summary-card span{color:var(--muted);font-size:13px}details pre{white-space:pre-wrap;word-break:break-word;background:#f6f7fa;border-radius:10px;padding:12px;font-size:12px}@media(max-width:900px){.secondary-stats,.permission-grid,.info-grid{grid-template-columns:1fr}.chat-controls{grid-template-columns:1fr}.chat-controls .wide{grid-column:1}.compact-input{width:150px}}