:root{--bg:#f4f4f0;--panel:#fff;--ink:#17191c;--muted:#7a7e83;--line:#e7e7e2;--accent:#6952db;--accent-soft:#eeebff;--green:#11876a;--orange:#dc7a2c;--red:#d9534f;--shadow:0 16px 50px rgba(25,27,32,.07)}
.auth-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 20% 15%,#322866 0,transparent 30%),#101217;display:grid;place-items:center;padding:20px}.auth-screen.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.auth-logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#8a6cff,#5535cf);color:#fff;font-size:27px;font-weight:700;margin-bottom:22px}.auth-heading span{font-size:11px;color:var(--accent);font-weight:700}.auth-heading h1{font-size:25px;margin:7px 0}.auth-heading p{font-size:11px;color:var(--muted);margin:0 0 23px}.auth-card form{display:flex;flex-direction:column;gap:13px}.auth-card label{font-size:10px;font-weight:600;display:flex;flex-direction:column;gap:7px}.auth-card input{border:1px solid var(--line);border-radius:11px;padding:13px;font:inherit;background:#fafaf8;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-submit{width:100%;margin-top:4px}.auth-switch{width:100%;border:0;background:none;color:var(--accent);font:inherit;font-size:11px;margin-top:17px;cursor:pointer}.secure-note{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:20px}.auth-error{color:var(--red);font-size:10px;margin:0;min-height:15px}.hidden{display:none!important}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Alexandria",sans-serif;font-size:14px}.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#111318;color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#8a6cff,#5535cf);font-size:22px;font-weight:700}.brand div,.profile div,.system-card div{display:flex;flex-direction:column;gap:4px}.brand small,.profile small,.system-card small{font-size:10px;color:#90949e}.nav-item{width:100%;border:0;background:transparent;color:#969ba4;padding:13px 14px;border-radius:11px;text-align:right;font:inherit;cursor:pointer;margin:3px 0;display:flex;gap:12px;align-items:center}.nav-item span{font-size:19px}.nav-item i{margin-right:auto;background:#2b2e35;color:#c9cbd0;border-radius:20px;padding:2px 8px;font-style:normal;font-size:10px}.nav-item.active{background:#28243d;color:#fff}.nav-item.active span{color:#9c86ff}.system-card{margin-top:auto;background:#1b1e24;border:1px solid #292d35;border-radius:14px;padding:14px;display:flex;align-items:flex-start;gap:10px}.pulse{width:8px;height:8px;border-radius:50%;background:#48d4a7;box-shadow:0 0 0 5px rgba(72,212,167,.1);margin-top:5px}.profile{display:flex;gap:10px;align-items:center;padding:19px 7px 0;margin-top:16px;border-top:1px solid #282b31}.profile>div:nth-child(2){flex:1}.profile button{background:none;border:0;color:#777;cursor:pointer}.avatar{width:34px;height:34px;border-radius:10px;background:#e8ddbb;color:#594a24;display:grid!important;place-items:center;font-weight:700}.topbar{padding:27px 35px 19px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0 0 7px;font-size:24px}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.primary,.secondary,.danger,.ghost{font:inherit;border:0;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:11px;background:#fff;border:1px solid var(--line)}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;background:#ef4d5a;border-radius:50%;top:8px;right:9px;border:2px solid white}.primary{background:var(--accent);color:#fff;padding:12px 18px;border-radius:11px}.secondary{background:var(--accent-soft);color:var(--accent);padding:9px 13px;border-radius:9px}.danger{background:#fff0ef;color:var(--red);padding:9px 13px;border-radius:9px}.ghost{background:#f4f4f1;color:#555;padding:9px 13px;border-radius:9px}.mobile-menu{display:none}.content-pad{padding:5px 35px 35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 2px 5px rgba(0,0,0,.015)}.stat-card{padding:19px}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f0eefc;color:var(--accent);font-size:18px}.stat-value{font-size:27px;font-weight:700;margin:16px 0 5px}.trend{font-size:10px;color:var(--green)}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px}.panel-head{padding:20px 20px 14px;display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.panel-body{padding:0 20px 20px}.conversation-row,.activity-row,.page-row,.agent-row,.approval-card{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.conversation-row{cursor:pointer}.conversation-row:hover{background:#fafaf8}.customer-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#ede9ff;color:var(--accent);font-weight:700;flex:0 0 auto}.row-main{min-width:0;flex:1}.row-title{display:flex;justify-content:space-between;gap:10px}.row-title b{font-size:12px}.row-title time{font-size:9px;color:var(--muted)}.row-main p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;margin:6px 0}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:8px;padding:4px 7px;border-radius:20px;background:#f0f0ed;color:#666}.tag.ai{background:#f0ecff;color:var(--accent)}.tag.sensitive{background:#fff0ef;color:var(--red)}.tag.lead{background:#e9f8f2;color:var(--green)}.unread{background:var(--accent);color:#fff;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:9px}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.activity-dot.safety{background:var(--red)}.activity-dot.agent{background:var(--green)}.activity-row p{margin:0;font-size:10px;flex:1}.activity-row time{font-size:9px;color:var(--muted)}.companies{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.company-card{border:1px solid var(--line);border-radius:13px;padding:16px}.company-top{display:flex;align-items:center;gap:10px}.company-color{width:34px;height:34px;border-radius:10px}.company-card h3{font-size:11px;margin:0}.company-card p{font-size:9px;color:var(--muted);margin:5px 0 0}.progress{height:5px;background:#eee;border-radius:5px;margin-top:15px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:5px}.inbox-layout{display:grid;grid-template-columns:330px 1fr;background:#fff;border:1px solid var(--line);border-radius:17px;min-height:650px;overflow:hidden}.inbox-list{border-left:1px solid var(--line)}.inbox-search{padding:16px;border-bottom:1px solid var(--line)}.inbox-search input,.composer input,.field select,.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fafaf8;border-radius:10px;padding:11px;font:inherit;outline:none}.inbox-items{padding:0 14px}.conversation-row.selected{background:#f4f1ff;margin:0 -14px;padding-left:14px;padding-right:14px}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-head h3{margin:0;font-size:13px}.chat-head small{color:var(--muted);font-size:9px}.messages{padding:25px;flex:1;overflow:auto;background:#fbfbf9}.message{max-width:72%;margin:10px 0}.message p{padding:12px 14px;margin:0;border-radius:14px;background:#eee;font-size:11px;line-height:1.7}.message.customer{margin-left:auto}.message.customer p{background:#f0edff}.message.agent p,.message.ai p{background:#fff;border:1px solid var(--line)}.message.system{max-width:100%;text-align:center;color:var(--muted);font-size:9px}.message small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.composer{padding:15px 20px;border-top:1px solid var(--line);display:flex;gap:9px}.composer input{flex:1}.table-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.page-row,.agent-row{padding:17px 4px}.page-row .row-main p,.agent-row .row-main p{white-space:normal}.select{border:1px solid var(--line);border-radius:9px;padding:8px;background:white;font:inherit;font-size:10px}.status{display:inline-flex;align-items:center;gap:6px;font-size:9px}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#aaa}.status.online:before{background:#24af83}.status.busy:before{background:#e9973d}.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.approval-card{display:block;border:1px solid var(--line);border-radius:15px;padding:18px;background:white}.approval-card:first-child{border-top:1px solid var(--line)}.approval-card h3{font-size:13px;margin:10px 0}.approval-card textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical;font:inherit;font-size:11px;line-height:1.7}.approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.empty{display:grid;place-items:center;min-height:400px;color:var(--muted)}.toast{position:fixed;left:24px;bottom:24px;background:#181a1f;color:#fff;padding:12px 17px;border-radius:10px;transform:translateY(90px);opacity:0;transition:.25s;z-index:20;font-size:11px}.toast.show{transform:none;opacity:1}
@media(max-width:950px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:-260px;z-index:10;width:245px;transition:.25s}.sidebar.open{right:0}.mobile-menu{display:block;background:none;border:0;font-size:22px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.topbar{padding:20px}.content-pad{padding:5px 20px 25px}.top-actions .icon-btn{display:none}.inbox-layout{grid-template-columns:280px 1fr}.approval-grid{grid-template-columns:1fr}}
@media(max-width:680px){.topbar h1{font-size:18px}.topbar p{display:none}.primary{font-size:10px;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:14px}.stat-value{font-size:21px}.companies{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.chat{display:none}.inbox-layout.chat-open .inbox-list{display:none}.inbox-layout.chat-open .chat{display:flex}.approval-grid{grid-template-columns:1fr}}