:root{
  --bg:#071128;--panel:#0d1933;--panel2:#101f3f;--line:rgba(154,187,255,.14);--text:#eff5ff;--muted:#8fa4c7;--blue:#4c8dff;--cyan:#5ee7ff;--green:#38d996;--amber:#ffbe55;--red:#ff667a;--shadow:0 24px 70px rgba(0,0,0,.32);--radius:22px
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 10%,rgba(35,103,255,.14),transparent 30%),radial-gradient(circle at 90% 4%,rgba(27,227,196,.08),transparent 25%),var(--bg)}button,input,select{font:inherit}.muted{color:var(--muted)}.eyebrow,.section-kicker{letter-spacing:.16em;font-size:10px;font-weight:800;color:#72a7ff}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:900;letter-spacing:-.05em;background:linear-gradient(145deg,#175ad3,#73b3ff);box-shadow:0 16px 42px rgba(39,111,255,.32),inset 0 1px rgba(255,255,255,.38);color:white}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:14px}.primary-btn{border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,#3477ed,#64b3ff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(52,119,237,.24)}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(18,35,70,.96),rgba(8,20,45,.96));box-shadow:var(--shadow);backdrop-filter:blur(20px)}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{font-size:34px;margin:6px 0 10px;letter-spacing:-.04em}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{font-size:12px;font-weight:700;color:#c8d5ed}.auth-form input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#08152d;color:var(--text);outline:none}.auth-form input:focus{border-color:#4c8dff;box-shadow:0 0 0 3px rgba(76,141,255,.12)}.flash{padding:12px 14px;border-radius:12px;margin-top:18px;font-size:13px}.flash.error{background:rgba(255,102,122,.12);border:1px solid rgba(255,102,122,.25);color:#ffbec8}.flash.success{background:rgba(56,217,150,.12);border:1px solid rgba(56,217,150,.25);color:#b7f6d9}.security-note{font-size:11px;color:#6f85ab;margin-top:20px;line-height:1.55}
.dashboard-body{min-height:100vh}.app-shell{max-width:1740px;margin:auto;padding:16px}.topbar{height:72px;border:1px solid var(--line);border-radius:20px;background:rgba(11,24,51,.9);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 12px;position:sticky;top:10px;z-index:50;box-shadow:0 10px 35px rgba(0,0,0,.16)}.brand{display:flex;gap:11px;align-items:center}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:10px;color:#758bb2;margin-top:2px;letter-spacing:.08em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:9px}.topbar select,.icon-btn,.user-pill{height:40px;border:1px solid var(--line);background:#0b1831;color:#dce8ff;border-radius:12px}.topbar select{padding:0 35px 0 13px;outline:none}.icon-btn{width:40px;cursor:pointer;font-size:20px}.user-pill{padding:0 12px;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:12px}.user-pill b{color:#77a9ff}.live-pill{height:38px;border-radius:999px;padding:0 12px;display:flex;align-items:center;gap:8px;background:rgba(45,211,147,.08);border:1px solid rgba(45,211,147,.14);color:#9ff0cc;font-size:11px;font-weight:800}.live-pill i{width:8px;height:8px;border-radius:50%;background:#39d798;box-shadow:0 0 0 5px rgba(57,215,152,.09),0 0 16px #39d798;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(57,215,152,0),0 0 24px #39d798}}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;margin-top:14px}.command-strip,.office-card,.agent-panel,.metrics-card,.insights-card,.chat-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,31,63,.93),rgba(9,22,47,.93));border-radius:var(--radius);box-shadow:0 16px 45px rgba(0,0,0,.12)}.command-strip{grid-column:1/-1;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.command-strip h1{margin:3px 0 4px;font-size:25px;letter-spacing:-.035em}.command-strip p{margin:0}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quick-prompts button{padding:10px 12px;border-radius:11px;border:1px solid rgba(123,164,233,.15);background:rgba(72,118,206,.08);color:#b9ccef;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.quick-prompts button:hover{transform:translateY(-2px);background:rgba(72,118,206,.16)}
.office-card{padding:18px;min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-head h2,.agent-panel h2{font-size:18px;margin:3px 0 0;letter-spacing:-.025em}.scene-legend{display:flex;gap:12px;color:#7f95b9;font-size:10px}.scene-legend span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.idle{background:#4f6b96}.dot.working{background:#50a0ff;box-shadow:0 0 10px #50a0ff}.dot.attention{background:#ffbd55;box-shadow:0 0 10px rgba(255,189,85,.4)}
.office-viewport{height:570px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(110,157,232,.12);background:radial-gradient(ellipse at 50% 65%,rgba(56,123,242,.17),transparent 47%),linear-gradient(180deg,#09162e,#071128 78%);perspective:1100px}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(75,121,194,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(75,121,194,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 25%,black)}.office-floor{position:absolute;width:720px;height:470px;left:50%;top:57%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-45deg);transform-style:preserve-3d;border-radius:12px;background:linear-gradient(135deg,#162a50,#0d1e3e);box-shadow:0 80px 100px rgba(0,0,0,.4);border:1px solid rgba(111,164,255,.18);overflow:hidden}.office-floor:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,163,238,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(118,163,238,.075) 1px,transparent 1px);background-size:44px 44px}.zone{position:absolute;border:1px solid rgba(96,151,245,.18);background:linear-gradient(135deg,rgba(26,69,132,.42),rgba(11,33,73,.22));box-shadow:inset 0 0 38px rgba(57,109,197,.12)}.zone span{position:absolute;top:10px;left:12px;font-size:9px;font-weight:900;letter-spacing:.18em;color:#5c84c4}.z-management{left:265px;top:176px;width:190px;height:118px;background:linear-gradient(135deg,rgba(38,93,183,.58),rgba(13,44,98,.3))}.z-sales{left:34px;top:36px;width:265px;height:120px}.z-stock{right:34px;top:36px;width:265px;height:120px}.z-finance{left:34px;bottom:34px;width:265px;height:120px}.z-delivery{right:34px;bottom:34px;width:265px;height:120px}.z-audit{left:290px;top:24px;width:140px;height:105px}.agents-layer{position:absolute;inset:0;pointer-events:none}.agent-node{position:absolute;width:112px;pointer-events:auto;cursor:pointer;text-align:center;transition:transform .25s ease,filter .25s ease}.agent-node:hover{transform:translateY(-6px);filter:brightness(1.08)}.agent-node.selected .agent-label{border-color:#5b9bff;box-shadow:0 0 0 3px rgba(62,137,255,.11),0 12px 34px rgba(0,0,0,.35)}.desk-iso{width:80px;height:42px;margin:auto;position:relative;transform:skewY(-8deg);background:linear-gradient(160deg,#354868,#1e2f50);border:1px solid #48618b;border-radius:6px;box-shadow:0 13px 0 #13213c,0 18px 26px rgba(0,0,0,.38)}.desk-iso:before{content:"";position:absolute;width:43px;height:29px;left:18px;top:-27px;background:linear-gradient(180deg,#0f213e,#09152d);border:2px solid #4871ad;border-radius:4px;box-shadow:0 0 13px rgba(61,141,255,.22);transform:skewY(8deg)}.desk-iso:after{content:"";position:absolute;width:31px;height:18px;left:25px;top:-21px;background:radial-gradient(circle at 65% 30%,#8ce7ff 1px,transparent 2px),linear-gradient(135deg,#164b85,#0c254e);border-radius:2px;transform:skewY(8deg);opacity:.8}.person{position:absolute;left:46px;top:-22px;width:22px;height:34px;z-index:4;transform:skewY(8deg)}.person .head{position:absolute;width:15px;height:15px;border-radius:50%;left:3px;top:0;background:linear-gradient(145deg,#e6b58f,#9f674b);box-shadow:0 2px 4px rgba(0,0,0,.3)}.person .body{position:absolute;width:22px;height:23px;left:0;top:13px;border-radius:8px 8px 5px 5px;background:linear-gradient(145deg,var(--agent-color,#4c8dff),#1b315e);border:1px solid rgba(255,255,255,.13)}.agent-node.working .desk-iso:before{border-color:#69c9ff;box-shadow:0 0 18px rgba(71,192,255,.7)}.agent-node.working .person{animation:workbob .8s ease-in-out infinite alternate}.agent-node.attention .desk-iso:before{border-color:#ffbd55;box-shadow:0 0 18px rgba(255,189,85,.52)}@keyframes workbob{to{transform:skewY(8deg) translateY(-2px)}}.agent-label{display:inline-flex;flex-direction:column;min-width:90px;margin-top:20px;padding:7px 8px 6px;border-radius:9px;background:rgba(8,19,42,.91);border:1px solid rgba(106,151,222,.14);box-shadow:0 8px 20px rgba(0,0,0,.2);backdrop-filter:blur(8px)}.agent-label strong{font-size:9px;letter-spacing:.04em}.agent-label span{font-size:8px;color:#6e89b2;margin-top:2px}.agent-status-dot{position:absolute;right:10px;top:-37px;width:8px;height:8px;border:2px solid #071128;border-radius:50%;background:#536c94}.agent-node.working .agent-status-dot{background:#57b7ff;box-shadow:0 0 12px #57b7ff}.agent-node.attention .agent-status-dot{background:#ffbe55;box-shadow:0 0 12px #ffbe55}.scene-badge{position:absolute;left:15px;bottom:14px;display:flex;gap:9px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(6,15,34,.68);border:1px solid rgba(97,139,206,.13);font-size:9px;color:#6f89b4;backdrop-filter:blur(9px)}.scene-badge strong{color:#dce9ff;font-size:10px}
.agent-panel{padding:18px;min-height:570px}.agent-panel-head{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.agent-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1f66d9,#6ebeff);font-size:12px;font-weight:900;box-shadow:0 10px 25px rgba(39,113,232,.2)}.status-chip{align-self:start;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:800;background:rgba(98,126,172,.12);color:#93a9cb;border:1px solid rgba(102,141,204,.14)}.agent-panel>p{font-size:12px;line-height:1.6}.agent-stats{display:grid;gap:9px;margin-top:18px}.agent-stats>div{padding:12px;border:1px solid rgba(109,150,216,.1);border-radius:13px;background:rgba(7,18,39,.45)}.agent-stats span{display:block;font-size:9px;color:#687fa6;text-transform:uppercase;letter-spacing:.1em}.agent-stats strong{display:block;margin-top:4px;font-size:11px;color:#cfe0fb}.activity-box{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.activity-title{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.activity-title i{width:7px;height:7px;border-radius:50%;background:#3bd99a;box-shadow:0 0 12px #3bd99a}.activity-log{display:grid;gap:10px;margin-top:12px}.activity-log p{margin:0;padding:10px 11px;border-left:2px solid rgba(85,146,244,.42);background:rgba(21,49,92,.25);border-radius:0 9px 9px 0;font-size:10px;line-height:1.45;color:#9cb1d2}.activity-log time{display:block;color:#5375aa;font-size:8px;margin-bottom:3px}
.metrics-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);padding:10px}.metric{padding:14px 15px;border-right:1px solid rgba(104,147,216,.1)}.metric:last-child{border-right:0}.metric span,.metric small{display:block}.metric span{font-size:9px;color:#7088af;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.metric strong{display:block;font-size:22px;margin:6px 0 4px;letter-spacing:-.04em}.metric small{font-size:9px;color:#526b93}.metric.alert strong{color:#ffc467}.insights-card{padding:18px;min-width:0}.mode-badge{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.1em;background:rgba(255,190,85,.1);border:1px solid rgba(255,190,85,.18);color:#ffca76}.alerts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.alert-item{padding:12px;border-radius:13px;background:rgba(8,20,43,.5);border:1px solid rgba(106,148,212,.11);display:grid;grid-template-columns:9px 1fr;gap:10px;align-items:start}.alert-light{width:8px;height:8px;border-radius:50%;margin-top:3px}.alert-item.warning .alert-light{background:#ffbd55;box-shadow:0 0 10px #ffbd55}.alert-item.danger .alert-light{background:#ff667a;box-shadow:0 0 10px #ff667a}.alert-item.success .alert-light{background:#38d996;box-shadow:0 0 10px #38d996}.alert-item.info .alert-light{background:#5ba4ff;box-shadow:0 0 10px #5ba4ff}.alert-item strong{font-size:10px;display:block}.alert-item p{font-size:9px;color:#6f87ae;line-height:1.5;margin:4px 0 0}.chat-card{padding:16px;display:flex;flex-direction:column;min-height:280px}.chat-output{flex:1;max-height:230px;overflow:auto;padding-right:4px}.message{display:flex;gap:9px;margin-bottom:12px}.message>span{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#286fe1,#6eb9ff);font-size:9px;font-weight:900}.message.user>span{background:#243654}.message strong{font-size:10px}.message p{white-space:pre-line;margin:4px 0 0;font-size:10px;line-height:1.55;color:#95a9c9}.command-form{display:flex;gap:8px;margin-top:12px}.command-form input{flex:1;min-width:0;border:1px solid rgba(110,158,232,.14);background:#08162f;color:#e8f1ff;border-radius:12px;padding:12px 13px;outline:none}.command-form input:focus{border-color:#4b8df4;box-shadow:0 0 0 3px rgba(75,141,244,.1)}.command-form button{border:0;border-radius:12px;padding:0 14px;background:linear-gradient(135deg,#2d6edc,#56a9fb);color:white;font-size:10px;font-weight:800;cursor:pointer}.read-only-note{margin-top:8px;font-size:8px;color:#536d95}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.agent-panel{grid-column:1}.office-viewport{height:520px}.metrics-card{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid rgba(104,147,216,.1)}}
@media(max-width:760px){.app-shell{padding:8px}.topbar{height:auto;min-height:66px;padding:9px}.brand span,.live-pill span,.user-pill span{display:none}.topbar-actions{gap:5px}.topbar select{max-width:135px}.command-strip{align-items:flex-start;flex-direction:column;padding:16px}.quick-prompts{justify-content:flex-start}.office-card{padding:12px}.scene-legend{display:none}.office-viewport{height:440px}.office-floor{width:560px;height:390px}.agent-node{transform:scale(.86)}.agent-node:hover{transform:scale(.86) translateY(-4px)}.metrics-card{grid-template-columns:repeat(2,1fr)}.metric:nth-child(n){border-right:1px solid rgba(104,147,216,.1);border-bottom:1px solid rgba(104,147,216,.1)}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.alerts-list{grid-template-columns:1fr}.agent-panel{min-height:auto}.command-form button{padding:0 11px}.command-form button span{display:none}}
@media(max-width:480px){.office-viewport{height:390px}.office-floor{width:480px;height:330px}.agent-node{transform:scale(.74)}.agent-node:hover{transform:scale(.74) translateY(-3px)}.command-strip h1{font-size:22px}.quick-prompts button{font-size:9px;padding:8px}.topbar select{width:116px}.metrics-card{padding:6px}.metric strong{font-size:19px}}