@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#0d1219;color:#e8edf5;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh;background:radial-gradient(circle at 80% 0,#17283a,transparent 35%),#0d1219}.sidebar{width:250px;background:#111923;border-right:1px solid #253140;padding:25px 15px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 34px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#177e69;display:grid;place-items:center;color:#fff}.brand strong{font:800 17px Manrope;letter-spacing:2px;display:block}.brand span{font-size:9px;color:#8493a5;letter-spacing:1.5px}.workspace-label,.eyebrow{font-size:10px;letter-spacing:1.6px;color:#56c5a0;font-weight:700}.workspace-label{color:#718195;margin:0 10px 12px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:none;color:#9aa8b9;text-align:left;padding:12px;border-radius:9px}.nav-item.active{background:#19342f;color:#80d6bc;box-shadow:inset 3px 0 #37b58e}.nav-item b{display:block;font-size:12px}.nav-item small{display:block;color:#718195;font-size:10px;margin-top:3px}.sidebar-bottom{margin-top:auto;border-top:1px solid #293644;padding:18px 8px 0;font-size:11px;color:#aeb9c7}.sidebar-bottom i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3fc28f;margin-right:8px}.sidebar-bottom small{float:right;color:#718195}.main{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid #24303e;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#a9b5c4;font-size:12px}.topbar>div:first-child span{padding:0 8px;color:#586779}.top-actions{display:flex;align-items:center;gap:12px}.connection{font-size:10px;color:#80d6bc}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#25443e;color:#a2e4cf;font-weight:700;font-size:11px}.user-meta{font-size:10px}.user-meta small{display:block;color:#8191a3;margin-top:3px}.icon-btn{background:none;border:0;color:#aab7c6}.content{padding:36px;max-width:1500px;margin:auto}.heading{margin-bottom:25px}.heading h1{font:700 27px Manrope;margin:8px 0 5px}.heading p{font-size:12px;color:#8998aa;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.panel{background:linear-gradient(145deg,#17222e,#141d27);border:1px solid #293746;border-radius:12px}.stat{padding:17px}.stat span{font-size:11px;color:#9eacbb}.stat svg{float:right;color:#72cdb1}.stat b{display:block;font:700 27px Manrope;margin:12px 0 3px}.stat small{color:#718195;font-size:10px}.panels{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.panel{padding:20px;margin-bottom:15px}.panel h2{font:700 14px Manrope;margin:0 0 5px}.panel p{font-size:11px;color:#8291a3;margin:0}.empty{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8192a4;text-align:center}.empty b{font-size:12px;color:#e4ebf2}.empty span{font-size:10px;max-width:300px;line-height:1.5}.status{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #293644;font-size:11px}.status span{display:flex;align-items:center;gap:8px;color:#aab7c5}.status svg{width:15px}.status b{color:#75d0ae}.status small{color:#8291a3}.notice{display:flex;gap:12px;padding:14px 16px;margin-top:16px;border:1px solid #314253;background:#172330;border-radius:9px;color:#79b9d0}.notice svg{flex-shrink:0}.notice b{display:block;font-size:11px;color:#dce7f1;margin-bottom:4px}.notice span{font-size:10px;color:#91a1b3;line-height:1.5}.primary,.secondary{border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.primary{background:#16866d;border:1px solid #27a184;color:#fff}.secondary{background:#202d3b;border:1px solid #344456;color:#bdc9d6}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.rowhead{display:flex;justify-content:space-between;align-items:end}.userform{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.userform label{font-size:10px;color:#aab7c5}.userform input,.userform select,td select{display:block;width:100%;margin-top:6px;background:#0f1822;border:1px solid #354556;border-radius:7px;padding:10px;color:#e8edf5;font-size:11px}.actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.paneltitle{display:flex;justify-content:space-between;align-items:center}.tablewrap{overflow:auto;margin-top:17px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{color:#8292a4;padding:10px;border-bottom:1px solid #334150}td{padding:12px 10px;border-bottom:1px solid #283542;color:#c0cbd6}td select{min-width:115px;margin:0;padding:7px}.error,.success{padding:10px 12px;border-radius:7px;font-size:11px;margin-bottom:12px}.error{background:#442326;border:1px solid #804147;color:#ffb8bd}.success{background:#173d32;border:1px solid #286c57;color:#9ce2c6}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#1b3c43,transparent 45%),#0d1219}.login-card{width:min(100%,410px);padding:34px;background:linear-gradient(145deg,#17232f,#111a24);border:1px solid #304151;border-radius:16px;box-shadow:0 25px 80px #0007}.login-card .brand{margin:0 0 32px}.login-card h1{font:700 25px Manrope;margin:9px 0}.login-card p{font-size:12px;color:#8999aa;margin:0 0 23px}.login-card label{display:block;font-size:10px;color:#aab7c5;margin:14px 0 7px}.login-card input{width:100%;padding:12px;background:#0f1822;border:1px solid #354556;border-radius:7px;color:#fff;font-size:12px}.pw{position:relative}.pw button{position:absolute;right:8px;top:8px;background:none;border:0;color:#9aabba}.pw svg{width:17px}.submit{width:100%;justify-content:center;margin-top:20px;padding:12px}.login-foot{display:block;margin-top:22px;padding-top:16px;border-top:1px solid #2a3947;color:#8291a3;font-size:10px}.loading{min-height:100vh;display:grid;place-items:center;color:#aab7c5}footer{display:flex;justify-content:space-between;color:#647487;font-size:9px;letter-spacing:1px;margin-top:28px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.content{padding:25px}.sidebar{width:215px}}@media(max-width:700px){.sidebar{width:64px;padding:16px 7px}.brand{margin:0 2px 25px}.brand>div:last-child,.workspace-label,.nav-item div,.sidebar-bottom small{display:none}.nav-item{justify-content:center;padding:13px 4px}.sidebar-bottom{font-size:0}.topbar{padding:0 12px}.user-meta{display:none}.content{padding:20px 13px}.panels,.userform{grid-template-columns:1fr}.actions{grid-column:1}.rowhead{align-items:start;gap:12px;flex-direction:column}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:22px}}.full{grid-column:1/-1}.userform textarea{display:block;width:100%;margin-top:6px;background:#0f1822;border:1px solid #354556;border-radius:7px;padding:10px;color:#e8edf5;font:inherit;font-size:11px;resize:vertical}.subcell{display:block;color:#718195;font-size:10px;margin-top:3px}.message-cell{max-width:420px;white-space:pre-wrap;overflow-wrap:anywhere}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#203a34;color:#9ce2c6;font-size:10px}.inbox-audio{display:block;width:min(320px,100%);height:38px;margin-top:9px}.subcell{display:block;margin-top:4px;color:var(--muted,#9aa3ad);font-size:11px}