:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e4e9ec;background:#101416;--panel:#191f22;--edge:#30383c;--muted:#92a0a7;--gold:#d4b98b;--green:#77d5af;--red:#ec9e91;--bg:#101416;--text:#e4e9ec}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--edge);background:#252d31;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:550;transition:background .15s}button:hover{background:#354147}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--gold);border-color:var(--gold);color:#24221d}button.primary:hover{background:#e2cda9}button.ghost{background:transparent}button.danger{color:var(--red);border-color:#6a413b}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,textarea,select{background:var(--bg);border:1px solid var(--edge);border-radius:8px;color:var(--text);padding:11px 12px;width:100%;font-size:14px;min-height:42px}textarea{resize:vertical;min-height:100px;line-height:1.6}label{display:block;font-size:13px;font-weight:550;color:#b8c2c7;margin:15px 0 7px}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--gold)}.check{display:flex;gap:10px;align-items:center}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.9px;font-weight:600}h2{font-size:19px;letter-spacing:-.3px;font-weight:550}h3{font-size:16px;font-weight:600}p{line-height:1.65}small,.muted{color:var(--muted)}small{font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,SFMono-Regular,monospace;margin:12px 0;color:#c0cbd1}.loading{height:100vh;display:grid;place-content:center;gap:15px;font-size:27px;letter-spacing:7px}.loading span{font-size:14px;letter-spacing:0;color:var(--muted)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{padding:30px 18px;border-right:1px solid var(--edge);background:#151a1d;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:232px;z-index:20}.brand{display:flex;align-items:center;gap:13px;padding:0 12px 30px}.brand .mark{border:1px solid var(--gold);border-radius:7px;padding:7px 10px;color:var(--gold);font-size:22px}.brand b{font-size:21px;letter-spacing:4px;font-weight:550}.brand small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:3px}.nav-title{text-transform:uppercase;color:#66747c;font-size:10px;letter-spacing:1.7px;margin:13px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{text-align:left;border:0;background:transparent;color:#99a8b0;padding:12px 14px;display:flex;gap:13px;align-items:center}.nav button span{font-size:18px;width:21px;color:#73868e}.nav button.active{background:#30312d;color:#e0c9a4}.nav button.active span{color:#d7ba8a}.nav button:hover{background:#232b2e}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:12px}.sidebar-bottom b{display:block;margin-bottom:6px}.sidebar-bottom button{margin-top:17px;padding:7px 10px;font-size:11px}.main{grid-column:2;padding:28px 38px 40px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px}.topbar p{font-size:13px;color:var(--muted);margin-top:7px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--edge);border-radius:5px;font-size:11px;line-height:1.4;color:#b1bec5;white-space:nowrap}.badge.green{color:var(--green);border-color:#315447;background:#23433540}.badge.amber{color:#e0bc80;border-color:#645337;background:#5f492526}.badge.red{color:var(--red);border-color:#654039;background:#6b332926}.dot{width:7px;height:7px;border-radius:50%;background:#77818a;display:inline-block;flex-shrink:0}.dot.online{background:#51df9f;box-shadow:0 0 10px #51df9f50}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--edge);border-radius:13px;padding:22px;min-width:0}.card p{font-size:13px;color:#a8b5bd;margin-top:10px}.card>small{display:block;margin-top:7px}.card .actions{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--edge);border-radius:12px;overflow:hidden;margin-bottom:20px;background:var(--panel)}.stat{padding:19px 23px;border-right:1px solid var(--edge)}.stat:last-child{border:0}.stat span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.stat b{font-size:27px;font-weight:550}.stat small{margin-left:8px;font-size:11px}.office-wrap{position:relative;border:1px solid #65573f;border-radius:14px;overflow:hidden;margin-bottom:22px;background:#0b0f13}.office-title{padding:14px 20px;background:#1b201f;display:flex;justify-content:space-between;align-items:center;gap:10px}.office-title b{font-size:13px}.office-title small{margin-left:12px}.office-frame{width:100%;height:min(61vw,690px);min-height:500px;border:0;display:block}.office-wrap:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.office-wrap:fullscreen .office-frame{height:calc(100vh - 60px)}.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.list{display:flex;flex-direction:column}.item{padding:15px 0;border-bottom:1px solid var(--edge);display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.item:last-child{border:0;padding-bottom:0}.item:first-child{padding-top:0}.item p{font-size:13px;color:var(--muted);margin-top:5px}.item strong{font-size:14px;font-weight:550}.item button{padding:7px 10px;font-size:12px;flex-shrink:0}.empty{padding:35px 20px;color:var(--muted);font-size:14px;text-align:center;line-height:1.75;border:1px dashed var(--edge);border-radius:11px}.notice{padding:15px 18px;border:1px solid #5e4e35;background:#5e4e351c;border-radius:9px;color:#d4bd99;font-size:13px;line-height:1.7;margin:0 0 20px}.notice.green{border-color:#315447;background:#23433530;color:var(--green)}.table-wrap{overflow:auto;border:1px solid var(--edge);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:660px;background:var(--panel)}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#1d2529;font-weight:500}td,th{padding:16px 20px;border-bottom:1px solid var(--edge)}tr:last-child td{border:0}td{font-size:13px}td small{display:block;margin-top:6px}.clickable{cursor:pointer}.clickable:hover{background:#242f34}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#484334,#262d2e);color:#d8c39e;flex-shrink:0;font-size:14px}.staff-head{display:flex;gap:13px;align-items:center;margin-bottom:18px}.staff-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--edge);padding-top:15px;margin-top:17px}.checklist{display:flex;flex-direction:column;gap:14px}.checklist div{display:flex;gap:13px;align-items:flex-start;font-size:13px;line-height:1.5}.checklist i{font-style:normal;color:#667780;min-width:19px}.checklist .done i{color:var(--green)}.chat-box{height:calc(100vh - 270px);min-height:300px;overflow:auto;display:flex;flex-direction:column;gap:15px;padding:24px}.message{background:#232d32;max-width:85%;border-radius:4px 13px 13px 13px;padding:14px 17px;align-self:flex-start}.message.own{align-self:flex-end;background:#30382f;border-radius:13px 4px 13px 13px}.message b{font-size:12px;color:var(--gold)}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px;font-size:14px}.message small{display:block;margin-top:7px;font-size:10px}.message audio{max-width:100%;width:300px;margin-top:12px}.chat-compose{padding:16px;border-top:1px solid var(--edge);display:flex;gap:10px;align-items:center}.chat-compose textarea{min-height:45px;height:45px;flex:1}.chat-compose button{height:43px}.auth{max-width:470px;margin:7vh auto;padding:38px;border:1px solid var(--edge);border-radius:18px;background:var(--panel);box-shadow:0 25px 100px #0004}.auth .brand{padding-left:0}.auth p{color:var(--muted);font-size:13px;margin-top:10px}.auth button{width:100%;margin-top:24px}.error{color:#f1a99c;font-size:13px;margin-top:12px;line-height:1.5}dialog{border:1px solid #505a60;border-radius:15px;padding:0;width:min(820px,calc(100vw - 32px));max-height:90vh;background:var(--panel);color:var(--text);box-shadow:0 30px 150px #0009}dialog::backdrop{background:#05090cbb;backdrop-filter:blur(4px)}.modal-head{padding:24px 28px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--edge)}.modal-head button{border:0;background:transparent;font-size:25px;padding:0 6px}.modal-body{padding:24px 28px;max-height:70vh;overflow:auto}.modal-body>p{color:var(--muted);font-size:13px}.modal-body .card{margin-top:15px;background:#141b1f}.modal-foot{padding:18px 28px;border-top:1px solid var(--edge);display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span2{grid-column:span 2}.mono{font-family:ui-monospace,monospace;font-size:12px}.filter{width:220px}.spacer{height:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#d6c197;color:#24251e;border-radius:10px;padding:13px 22px;font-size:13px;box-shadow:0 10px 40px #0006;z-index:100;display:none;max-width:90vw}.rec{color:#ffb8ac;border-color:#e98778}.log-detail{font-size:12px;color:#99aeb8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}.user-card{border-top:1px solid var(--edge);padding:13px 0}.wide{grid-column:1/-1}.page-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.page-toolbar input{flex:1;min-width:200px}.label-note{font-size:11px;color:var(--muted);margin:7px 0 0;line-height:1.6}.light{--panel:#fff;--edge:#d7dedf;--muted:#627178;--bg:#f1f4f4;--text:#1c292f;--gold:#967038;color:var(--text);background:var(--bg)}.light .sidebar{background:#e7eded}.light .card p,.light .item p{color:#60727b}.light button{background:#e6ecec;color:#34434b}.light .nav button.active{background:#d6d2c8;color:#64502e}.light .office-title,.light th{background:#e2e8e9}.light .message{background:#e4eeee}.light .message.own{background:#e6e9df}.light .modal-body .card{background:#f3f5f4}.light pre{color:#394c57}
@media(max-width:1200px){.main{padding:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.office-frame{min-height:510px}.cols{grid-template-columns:1fr}.shell{grid-template-columns:205px 1fr}.sidebar{width:205px}.brand b{font-size:18px}.brand{padding-left:4px}.stat{padding:17px 15px}.topbar{align-items:flex-start}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:14px 14px 8px;border-right:0;border-bottom:1px solid var(--edge)}.brand{padding:0 5px 14px}.brand .mark{font-size:17px}.brand small{display:none}.nav{flex-direction:row;overflow-x:auto;gap:3px}.nav button{white-space:nowrap;padding:10px;font-size:12px}.nav button span,.nav-title,.sidebar-bottom{display:none}.main{padding:20px 15px}.topbar{margin-bottom:20px;gap:13px}.topbar h1{font-size:24px}.topbar .actions button{font-size:11px;padding:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--edge)}.cards{grid-template-columns:1fr}.office-frame{height:620px;min-height:0}.office-title{padding:12px}.office-title small{display:none}.office-title button{padding:7px;font-size:11px}.card{padding:18px}.auth{margin:5vh 16px;padding:28px}.chat-box{padding:15px;height:55vh}.chat-compose{flex-wrap:wrap}.chat-compose textarea{flex-basis:70%}.message{max-width:95%}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal-body,.modal-head{padding:20px}.filter{width:100%}.badge{white-space:normal}.office-title .badge{display:none}}

@media(max-width:760px){.sidebar-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 5px 0}.sidebar-bottom b{margin:0}.sidebar-bottom br{display:none}.sidebar-bottom button{margin:0}.check{align-items:flex-start;overflow-wrap:anywhere}input,textarea,select{font-size:16px}}
/* Keep the room's natural aspect ratio and the full-screen toolbar in flow. */
.office-wrap{container-type:inline-size}
.office-frame{height:calc(56.28cqw + 106px);max-height:1040px}
.office-wrap:fullscreen{display:flex;flex-direction:column;margin:0}
.office-wrap:fullscreen .office-title{flex:0 0 auto;min-height:60px;box-sizing:border-box}
.office-wrap:fullscreen .office-frame{flex:1 1 0;height:0;min-height:0;width:100%;max-height:none}
@media(max-width:760px){.office-frame{height:620px}}