:root{color-scheme:dark;--bg:#040a16;--surface:#091627;--surface2:#0e2037;--surface3:#112a46;--text:#edf5ff;--muted:#93adc9;--muted2:#718aa6;--line:#1c3854;--line2:#132a42;--blue:#4bc9ff;--violet:#ad89ff;--mint:#62d9b9;--amber:#ffbf78;--danger:#ff9b9d;--sans:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--shadow:0 20px 60px rgba(0,0,0,.2)}
:root[data-theme=light]{color-scheme:light;--bg:#edf3fb;--surface:#fff;--surface2:#e9f0fa;--surface3:#dde9f7;--text:#102745;--muted:#45617f;--muted2:#5b7390;--line:#bdd0e4;--line2:#dbe5f0;--blue:#0077ad;--violet:#7248cc;--mint:#087b62;--amber:#9a5c00;--danger:#b92c3d;--shadow:0 15px 40px rgba(24,66,116,.08)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,rgba(12,90,170,.12),transparent 50%),radial-gradient(ellipse at 90% 60%,rgba(97,58,184,.07),transparent 50%),var(--bg);color:var(--text);font:14px/1.6 var(--sans);min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button svg{pointer-events:none}.icon{height:20px;width:20px;flex:0 0 auto;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:10px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.04em;font-weight:650;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.02em;font-weight:600}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.eyebrow{display:block;font:10px/1.6 var(--mono);letter-spacing:.15em;color:var(--blue);text-transform:uppercase;margin-bottom:11px}.section-label{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.brand-symbol{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);background:linear-gradient(135deg,rgba(14,141,238,.14),rgba(115,66,203,.08));color:var(--blue);border-radius:10px;font:20px var(--mono);letter-spacing:-.16em;box-shadow:inset 0 0 12px rgba(24,140,233,.08),0 0 20px rgba(24,140,233,.1)}.brand-symbol span{font-size:15px;color:var(--violet);transform:translateY(5px)}.brand{display:flex;align-items:center;gap:12px}.brand-name{display:block;font-size:20px;font-weight:750;letter-spacing:.045em;line-height:1.3}.brand-sub{display:block;font:8px/1.6 var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.brand-version{color:var(--blue)}.fpoa-logo{width:117px;height:28px;object-fit:contain;background:white;border-radius:3px;padding:4px}.org-name{font-size:10px;line-height:1.7;color:var(--muted);max-width:360px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--text);font-size:12px;font-weight:550;text-decoration:none}.btn:hover{text-decoration:none;border-color:var(--blue);background:var(--surface3)}.btn.primary{background:linear-gradient(135deg,#086fb6,#158bd0);border-color:#3ca8e8;color:white;box-shadow:0 0 16px rgba(0,140,230,.10)}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{background:transparent}.btn.small{min-height:32px;font-size:11px;padding:6px 10px}.btn.danger{color:var(--danger)}.btn .icon{width:16px;height:16px}.icon-btn{display:inline-grid;place-items:center;min-width:36px;min-height:36px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stack{display:grid;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label,fieldset legend{font-size:12px;color:var(--muted);font-weight:500}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:11px 12px;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted2)}input[readonly]{opacity:.8}textarea{resize:vertical;line-height:1.6;min-height:100px}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);margin:13px 0;line-height:1.7}.check input{width:16px;height:16px;flex:0 0 auto;margin-top:3px;accent-color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:1/-1}.form-status{font-size:12px;color:var(--danger);min-height:20px;margin:10px 0;line-height:1.7}.form-note{color:var(--muted2);font-size:11px;line-height:1.7}fieldset{border:0;padding:0;margin:0}.panel,.card{background:linear-gradient(135deg,var(--surface2),var(--surface) 55%);border:1px solid var(--line);border-radius:9px;min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.panel::before{content:'';position:absolute;top:0;left:18px;width:58px;height:1px;background:var(--blue);box-shadow:0 0 9px var(--blue);pointer-events:none}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line2)}.panel-head h2,.panel-head h3{margin:0}.panel-body{padding:22px}.panel-head .small{font-size:11px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;font:9px/1.6 var(--mono);color:var(--muted);white-space:nowrap}.pill.blue{border-color:rgba(75,201,255,.3);color:var(--blue);background:rgba(75,201,255,.04)}.pill.green{border-color:rgba(98,217,185,.3);color:var(--mint);background:rgba(98,217,185,.04)}.pill.amber{border-color:rgba(255,191,120,.3);color:var(--amber);background:rgba(255,191,120,.04)}.pill.violet{border-color:rgba(173,137,255,.3);color:var(--violet);background:rgba(173,137,255,.04)}.empty{padding:32px 22px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.empty .icon{height:35px;width:35px;display:block;margin:0 auto 12px;color:var(--muted2);stroke-width:1}.empty p{margin:0}.error-box{padding:16px 20px;border:1px solid rgba(255,125,139,.4);background:rgba(170,56,79,.08);border-radius:7px;color:var(--danger);font-size:12px;margin-bottom:20px}.notice{padding:12px 15px;background:rgba(57,156,230,.06);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;line-height:1.8}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font:9px var(--mono);color:var(--muted2);letter-spacing:.08em;background:rgba(50,100,166,.04);padding:13px 20px;border-bottom:1px solid var(--line2);white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid var(--line2);vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted2);font-size:10px;margin-top:4px}.text-button{background:transparent;border:0;color:var(--blue);padding:2px;font-size:12px;text-align:left}.text-button:hover{text-decoration:underline}
/* Public entry */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);max-width:1500px;margin:auto;position:relative}.login-art{display:flex;flex-direction:column;padding:48px clamp(28px,6vw,90px);position:relative;overflow:hidden}.login-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.login-hero{margin:auto 0;padding:50px 0 32px;z-index:1}.login-hero h1{font-size:clamp(40px,4.6vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.06em;max-width:600px}.login-hero h1 span{color:var(--blue)}.login-hero>p{max-width:450px;color:var(--muted);font-size:15px;line-height:1.9}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:32px 0 0;max-width:510px}.login-feature{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line2);border-radius:6px;background:rgba(18,59,99,.10);font-size:11px;color:var(--muted)}.login-feature .icon{width:16px;height:16px;color:var(--blue)}.login-constellation{position:absolute;width:580px;height:580px;border:1px solid rgba(42,117,192,.13);border-radius:50%;left:-230px;top:100px;z-index:0;pointer-events:none;box-shadow:0 0 0 45px rgba(37,113,183,.025),0 0 0 120px rgba(37,113,183,.02)}.login-constellation:after{content:'';position:absolute;inset:40px;border:1px dashed rgba(75,201,255,.13);border-radius:50%}.login-bottom{padding-top:25px;border-top:1px solid var(--line2);display:flex;align-items:center;gap:18px;z-index:1}.login-side{display:flex;align-items:center;padding:40px 35px 40px 0}.login-box{width:100%;padding:35px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface2),var(--surface));box-shadow:var(--shadow);position:relative}.login-box:before{content:'';position:absolute;top:-1px;left:25px;right:25px;height:1px;background:linear-gradient(90deg,var(--blue),var(--violet))}.login-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:30px}.login-tabs button{border:0;border-right:1px solid var(--line);padding:12px;background:transparent;font-size:12px;color:var(--muted)}.login-tabs button:last-child{border-right:0}.login-tabs button[aria-selected=true]{color:var(--blue);background:rgba(39,148,233,.10);box-shadow:inset 0 -2px var(--blue)}.login-box h2{font-size:26px;font-weight:600;letter-spacing:-.035em;margin-bottom:9px}.login-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}.login-box form>.btn{width:100%}.login-security{display:flex;gap:8px;color:var(--muted2);font-size:10px;border-top:1px solid var(--line2);padding-top:18px;margin-top:24px;line-height:1.8}.login-security .icon{height:14px;width:14px;flex:0 0 auto;margin-top:2px}.otp-input{font:25px var(--mono);letter-spacing:.25em;text-align:center}.ms-logo{display:grid;grid-template-columns:8px 8px;gap:2px}.ms-logo i{width:8px;height:8px;display:block}.ms-logo i:nth-child(1){background:#f35325}.ms-logo i:nth-child(2){background:#81bc06}.ms-logo i:nth-child(3){background:#05a6f0}.ms-logo i:nth-child(4){background:#ffba08}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.boot h1{font-size:23px;margin:0;letter-spacing:.1em}.boot p{color:var(--muted);font-size:12px}
/* Client and administrator workspaces */
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.topbar{grid-column:1/-1;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 25px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:30}.topbar .brand-symbol{height:34px;width:34px;font-size:16px;border-radius:8px}.topbar .brand-symbol span{font-size:12px}.topbar .brand-name{font-size:18px}.topbar .brand-sub{font-size:7px}.topbar-right{display:flex;align-items:center;gap:12px}.user-chip{font-size:12px;text-align:right}.user-chip small{display:block;font:8px var(--mono);color:var(--muted);margin-top:3px}.topbar .btn{min-height:33px;font-size:10px}.sidebar{display:flex;flex-direction:column;padding:25px 14px 20px;background:var(--surface);border-right:1px solid var(--line2);position:sticky;top:80px;height:calc(100vh - 80px);overflow:auto}.sidebar>.section-label{font-size:8px;margin:0 11px 12px}.nav-button{width:100%;display:flex;gap:11px;align-items:center;border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;text-align:left;padding:11px 12px;margin-bottom:4px;border-radius:5px;min-height:43px}.nav-button .icon{height:17px;width:17px}.nav-button:hover{background:rgba(34,121,210,.04);color:var(--text)}.nav-button[aria-current=page]{border-color:rgba(75,201,255,.24);color:var(--blue);background:linear-gradient(90deg,rgba(25,145,228,.12),rgba(25,145,228,.025));box-shadow:inset 2px 0 var(--blue)}.nav-button .count{font:8px var(--mono);margin-left:auto;background:var(--surface3);padding:1px 5px;border-radius:3px}.sidebar-info{margin-top:auto;padding:22px 10px 0}.sidebar-info .fpoa-logo{width:110px;height:25px}.sidebar-info p{font-size:9px;line-height:1.9;color:var(--muted2);margin:13px 0}.sidebar-info>span{font:7px var(--mono);letter-spacing:.08em;color:var(--blue)}.main{padding:30px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading>div>p{font-size:13px;color:var(--muted);margin:0;max-width:650px}.page-heading h1{margin-bottom:9px;font-size:30px}.page-heading .eyebrow{font-size:9px;margin-bottom:9px}.page-heading .actions{justify-content:end}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{padding:19px 20px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(135deg,var(--surface2),var(--surface));display:flex;align-items:center;gap:15px;position:relative}.metric:before{content:'';height:25px;width:2px;background:var(--blue);position:absolute;left:-1px;top:22px}.metric .icon{height:24px;width:24px;color:var(--blue);stroke-width:1.3}.metric strong{font:29px/1 var(--mono);letter-spacing:-.04em;display:block}.metric small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.home-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:21px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.quick-card{padding:18px;text-align:left;background:var(--surface2);border:1px solid var(--line);border-radius:6px;color:var(--text);position:relative;min-height:144px}.quick-card>.icon{height:23px;width:23px;color:var(--blue);margin-bottom:12px}.quick-card h3{font-size:13px;margin-bottom:6px}.quick-card p{font-size:10px;color:var(--muted);line-height:1.8;margin:0;max-width:200px}.quick-card:hover{border-color:var(--blue);background:var(--surface3)}.quick-card.violet>.icon{color:var(--violet)}.quick-card.green>.icon{color:var(--mint)}.update-list{padding:0 20px}.update-row{padding:18px 0;border-bottom:1px solid var(--line2)}.update-row:last-child{border-bottom:0}.update-row h3{margin:9px 0 7px;font-size:14px}.update-row p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:10px;white-space:pre-wrap;overflow-wrap:anywhere}.update-meta{display:flex;align-items:center;gap:8px;color:var(--muted2);font-size:10px;flex-wrap:wrap}.update-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.update-cards>.panel{padding:23px}.update-cards h2{font-size:19px;margin:15px 0 12px}.update-cards p{font-size:13px;color:var(--muted);line-height:1.9}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{max-width:340px;font-size:12px}.toolbar>label{font-size:11px;color:var(--muted)}.document-upload{padding:21px;margin-bottom:22px}.upload-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.upload-row .field{flex:1;min-width:220px;margin:0}.document-name{display:flex;gap:11px;align-items:center}.document-name>.icon{color:var(--blue);height:20px;width:20px}.document-name strong{font-size:12px;font-weight:500}.file-actions{display:flex;gap:8px;justify-content:flex-start}.case-card{padding:22px}.case-top{display:flex;justify-content:space-between;gap:14px;align-items:start}.case-card .case-number{font:11px var(--mono);color:var(--blue);display:block;margin-bottom:11px}.case-card h2{font-size:20px}.case-details{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0;padding:15px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}.case-details small{display:block;color:var(--muted2);font-size:9px;margin-bottom:4px}.case-details span{font-size:12px}.case-notes{margin:0;padding:0;list-style:none}.case-notes li{border-left:1px solid var(--line);padding:0 0 20px 18px;position:relative;margin-left:4px}.case-notes li:before{content:'';position:absolute;left:-4px;top:7px;height:7px;width:7px;background:var(--blue);border-radius:50%}.case-notes li h3{font-size:13px;margin-bottom:7px}.case-notes li p{font-size:12px;color:var(--muted);white-space:pre-wrap}.case-notes li small{font-size:10px;color:var(--muted2)}.case-notes li:last-child{padding-bottom:0}.raffle-head{display:flex;gap:14px;align-items:center}.raffle-symbol{height:49px;width:49px;display:grid;place-items:center;border:1px solid rgba(173,137,255,.3);background:rgba(173,137,255,.05);border-radius:9px;color:var(--violet)}.raffle-symbol .icon{height:26px;width:26px}.raffle-head h2{margin:0}.raffle-head .pill{margin-top:7px}.raffle-card{padding:25px}.raffle-card>.prose{font-size:13px;color:var(--muted);margin:20px 0}.raffle-deadline{padding:15px;border:1px solid var(--line2);border-radius:5px;margin:18px 0;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.raffle-card .actions{margin-top:15px}.result-box{background:rgba(98,217,185,.05);border:1px solid rgba(98,217,185,.25);border-radius:6px;padding:16px;margin:16px 0;font-size:12px;line-height:1.8}.result-box strong{display:block;color:var(--mint);margin-bottom:5px}.ticket-card{padding:18px 21px;display:flex;align-items:center;gap:16px;justify-content:space-between}.ticket-card h3{margin:5px 0;font-size:14px}.ticket-card p{font-size:11px;color:var(--muted2);margin:4px 0 0}.ticket-card .icon{color:var(--blue);width:23px;height:23px}.ticket-card>div:first-of-type{flex:1}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px}.support-layout .panel-body{padding:25px}.support-message{padding:16px;border:1px solid var(--line2);background:var(--bg);border-radius:6px;margin-bottom:12px}.support-message.staff{border-left:2px solid var(--blue)}.support-message>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-bottom:9px}.support-message p{margin:0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.lounge-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px}.rooms{padding:18px 12px}.rooms h2{font-size:14px;padding:0 10px;margin:3px 0 17px}.room-button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 11px;border:1px solid transparent;border-radius:5px;background:none;color:var(--muted);text-align:left;font-size:11px;margin-bottom:5px}.room-button[aria-current=true]{border-color:var(--line);color:var(--blue);background:var(--surface2)}.room-button span{font:15px var(--mono);opacity:.6}.room-note{font-size:10px;color:var(--muted2);padding:15px 10px 0;margin-top:14px;border-top:1px solid var(--line2);line-height:1.8}.chat-panel{display:flex;flex-direction:column;min-height:570px}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line2)}.chat-heading h2{font-size:16px;margin:0}.chat-heading small{font-size:9px;color:var(--muted2)}.messages{height:390px;overflow-y:auto;padding:23px;scrollbar-width:thin}.message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;margin-bottom:23px}.message-avatar{height:29px;width:29px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface2);border-radius:7px;font-size:11px;color:var(--blue)}.message.staff .message-avatar{border-color:rgba(173,137,255,.4);color:var(--violet)}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.message-meta strong{font-size:11px;font-weight:600}.message-meta time{font-size:9px;color:var(--muted2)}.message-body{font-size:13px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.message-controls{display:flex;gap:11px;margin-top:7px}.message-controls button{font-size:9px;color:var(--muted2);border:0;background:none;padding:0}.message-controls button:hover{color:var(--blue)}.chat-composer{padding:18px 22px;border-top:1px solid var(--line2);margin-top:auto}.chat-composer textarea{min-height:75px;font-size:13px}.chat-composer .actions{justify-content:space-between;margin-top:10px}.chat-composer .actions>span{font-size:10px;color:var(--muted2)}.chat-composer .form-status{margin-bottom:0}.account-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px}.account-summary{padding:25px}.account-summary .avatar{width:60px;height:60px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;font-size:22px;color:var(--blue);background:var(--surface2);margin-bottom:18px}.account-summary h2{font-size:22px}.account-summary dl{display:grid;grid-template-columns:auto 1fr;gap:15px 20px;font-size:12px;margin:22px 0 0}.account-summary dt{color:var(--muted)}.account-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.workspace-footer{padding:30px 0 0;font-size:9px;color:var(--muted2);line-height:1.9}.workspace-footer span{display:block;font:8px var(--mono);letter-spacing:.08em;margin-top:9px;color:var(--blue)}.admin-badge{font:9px var(--mono);padding:4px 8px;border:1px solid rgba(173,137,255,.35);border-radius:4px;color:var(--violet);letter-spacing:.06em}.admin-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:22px;align-items:start}.admin-layout>.panel{min-width:0}.admin-layout form{padding:23px}.admin-record-list{padding:0 20px}.admin-record{padding:18px 0;border-bottom:1px solid var(--line2)}.admin-record:last-child{border:0}.admin-record h3{margin:5px 0;font-size:14px}.admin-record p{font-size:12px;color:var(--muted);line-height:1.8}.admin-record>.actions{margin-top:10px}.diagnostics{font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.code-block{border:1px solid var(--line);border-radius:5px;padding:15px;background:var(--bg);font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.mobile-menu{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);width:max-content;padding:12px 20px;border:1px solid var(--blue);background:var(--surface);color:var(--text);border-radius:6px;box-shadow:var(--shadow);font-size:12px;z-index:100}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0;max-width:650px;width:calc(100% - 30px);max-height:90vh;box-shadow:0 30px 100px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,5,15,.75);backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line2);padding:20px 24px}.dialog-head h2{margin:0;font-size:20px}.dialog-body{padding:24px}.dialog-body .prose{font-size:13px;color:var(--muted)}.dialog-body h3{font-size:14px}.dialog-body .actions{margin-top:20px}
@media(min-width:1700px){.main{padding:36px 40px}.sidebar{padding-top:30px}.login-box{padding:45px}.login-hero h1{font-size:72px}}
@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}.main{padding:25px}.metrics{gap:11px}.metric{padding:17px 14px;gap:11px}.metric strong{font-size:25px}.metric small{font-size:9px}.metric .icon{width:21px;height:21px}.home-layout{grid-template-columns:minmax(0,1fr)}.login-art{padding:35px}.login-hero h1{font-size:51px}.login-box{padding:28px}.login-side{padding:35px 30px 35px 0}.topbar{padding:14px 20px}.lounge-layout{grid-template-columns:170px minmax(0,1fr)}.admin-layout{grid-template-columns:minmax(0,1fr)}.support-layout{grid-template-columns:minmax(0,1fr)}.account-grid{grid-template-columns:minmax(0,1fr)}.user-chip{max-width:170px}.user-chip>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
@media(max-width:850px){.login-page{grid-template-columns:minmax(0,1fr);max-width:750px}.login-art{padding:30px 25px}.login-hero{padding:45px 0 15px}.login-hero h1{font-size:48px;max-width:550px}.login-hero>p{font-size:14px;max-width:600px}.login-features{margin-top:22px;max-width:none}.login-bottom{display:none}.login-side{padding:10px 25px 35px}.login-box{padding:30px}.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.mobile-menu{display:inline-grid}.topbar{flex-wrap:wrap;gap:12px;min-height:78px}.topbar .brand{flex:1}.topbar .brand-name{font-size:17px}.topbar .brand-sub{font-size:6px}.topbar-right{gap:9px}.topbar .user-chip{display:none}.workspace.nav-open .sidebar{display:flex;position:fixed;top:78px;left:0;bottom:0;z-index:40;width:240px;height:calc(100vh - 78px);box-shadow:20px 0 60px rgba(0,0,0,.4)}.workspace.nav-open .sidebar .nav-button{font-size:12px;min-height:46px}.workspace.nav-open .sidebar-info{margin-top:25px}.workspace-footer{padding-top:22px}.main{padding:25px}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:29px}.page-heading>div>p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:20px}.metric strong{font-size:30px}.metric small{font-size:11px}.metric .icon{height:26px;width:26px}.update-cards{grid-template-columns:minmax(0,1fr)}.table-scroll table{min-width:550px}.home-layout{gap:18px}.lounge-layout{grid-template-columns:minmax(0,1fr);gap:15px}.rooms{display:flex;align-items:center;overflow:auto;padding:10px;gap:6px}.rooms h2,.room-note{display:none}.room-button{margin:0;width:auto;flex:0 0 auto;white-space:nowrap;padding:8px 10px}.chat-panel{min-height:550px}}
@media(max-width:520px){.topbar{padding:12px 15px;min-height:104px;gap:8px}.topbar .brand-symbol{height:29px;width:29px;font-size:14px}.topbar .brand-symbol span{font-size:10px}.topbar .brand-name{font-size:16px}.topbar .brand-sub{font-size:5.5px}.topbar-right{flex:0 0 100%;justify-content:flex-end;gap:8px}.topbar-right .btn{min-height:29px;padding:5px 9px;font-size:9px}.topbar-right .icon-btn{height:29px;min-height:29px;min-width:29px}.topbar-right .icon-btn .icon{height:15px;width:15px}.mobile-menu{min-height:31px;min-width:31px}.mobile-menu .icon{width:16px;height:16px}.workspace.nav-open .sidebar{top:104px;height:calc(100vh - 104px)}.main{padding:23px 15px}.page-heading{flex-direction:column;gap:15px;margin-bottom:22px}.page-heading h1{font-size:30px}.page-heading>div>p{font-size:12px;line-height:1.8}.page-heading .actions{justify-content:start;width:100%}.metrics{gap:10px}.metric{padding:18px 13px;gap:10px}.metric strong{font-size:25px}.metric small{font-size:9px;line-height:1.6}.metric .icon{width:20px;height:20px}.panel-head{padding:17px}.panel-head h2{font-size:16px}.panel-body{padding:18px}.quick-grid{padding:16px;gap:10px}.quick-card{padding:14px;min-height:157px}.quick-card h3{font-size:12px}.quick-card p{font-size:10px}.quick-card>.icon{height:21px;width:21px}.update-list{padding:0 17px}.update-row{padding:17px 0}.update-row h3{font-size:14px}.update-row p{font-size:12px}.update-meta{font-size:9px}.login-art{padding:25px 20px}.login-top{gap:10px}.login-top .brand-symbol{width:35px;height:35px;font-size:17px}.login-top .brand-name{font-size:17px}.login-top .brand-sub{font-size:6px}.login-top .icon-btn{width:32px;height:32px;min-width:32px;min-height:32px}.login-hero{padding-top:39px}.login-hero .eyebrow{font-size:8px}.login-hero h1{font-size:42px;max-width:370px}.login-hero>p{font-size:13px;line-height:1.9}.login-features{gap:9px;margin-top:25px}.login-feature{font-size:9px;padding:10px;gap:7px;min-height:46px}.login-feature .icon{height:14px;width:14px}.login-side{padding:10px 15px 30px}.login-box{padding:24px 21px;border-radius:9px}.login-box h2{font-size:25px}.login-tabs{margin-bottom:25px}.login-tabs button{font-size:11px;padding:11px}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.form-grid .wide{grid-column:auto}.account-summary{padding:22px}.account-summary dl{font-size:11px;gap:13px}.account-summary dd{max-width:190px}.document-upload{padding:17px}.upload-row{align-items:stretch}.upload-row .field{min-width:0;width:100%;flex:0 0 100%}.upload-row .btn{width:100%}.toolbar input{max-width:none}.case-card{padding:20px}.case-card h2{font-size:18px}.case-top{gap:10px}.case-top .pill{font-size:8px}.case-details{gap:18px}.raffle-card{padding:20px}.raffle-head{gap:12px;align-items:start}.raffle-head h2{font-size:19px}.raffle-symbol{height:43px;width:43px;flex:0 0 auto}.raffle-deadline{flex-direction:column;gap:5px}.ticket-card{padding:16px;gap:11px;flex-wrap:wrap}.ticket-card .btn{margin-left:34px}.messages{padding:18px;height:380px}.chat-heading{padding:16px}.chat-heading h2{font-size:14px}.chat-heading small{font-size:8px;max-width:100px;text-align:right}.chat-composer{padding:16px}.chat-composer .actions{gap:10px}.chat-composer .actions>span{max-width:180px;font-size:9px}.message{grid-template-columns:25px minmax(0,1fr);gap:9px}.message-avatar{height:25px;width:25px;font-size:10px}.message-body{font-size:12px}.message-meta strong{font-size:10px}.message-meta time{font-size:8px}.rooms .room-button{font-size:10px}.admin-layout form{padding:19px}.admin-record-list{padding:0 18px}.admin-record p{font-size:11px}.dialog-head{padding:17px 20px}.dialog-head h2{font-size:18px}.dialog-body{padding:20px}.workspace-footer{font-size:8px;line-height:1.9}.admin-badge{font-size:7px;padding:3px 6px}.error-box{font-size:11px}.support-layout .panel-body{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white!important;color:#111!important}.topbar,.sidebar,.btn,.actions,.toolbar,.workspace-footer,.mobile-menu,.chat-composer,#toast,dialog{display:none!important}.workspace{display:block}.main{padding:0;max-width:none}.panel,.card,.metric{box-shadow:none;background:white!important;border:1px solid #aaa;color:#111;break-inside:avoid}.panel:before{display:none}p,.muted,.prose{color:#222!important}.table-scroll{overflow:visible}table{min-width:0!important}.home-layout,.admin-layout,.support-layout,.account-grid,.update-cards{display:block}.panel{margin-bottom:20px}.page-heading .eyebrow{color:#111}.pill{color:#111!important;border-color:#aaa}.metrics{grid-template-columns:repeat(4,1fr)}}