:root{--bg:#0a0613;--panel:#151024;--panel2:#1b1330;--line:#2d2245;--text:#f7f2ff;--muted:#9587a8;--purple:#8b5cf6;--purple2:#a855f7;--green:#35d07f;--yellow:#f5c451;--orange:#ff9a3d;--blue:#4da3ff;--red:#f25368;--gray:#8d8797;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{background:radial-gradient(circle at 88% 8%,#8b5cf62e,#0000 32rem),#0a0613;min-height:100vh}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg,#a855f7,#7c3aed 55%,#ec4899);border-radius:14px;place-items:center;width:58px;height:48px;font-size:32px;font-style:italic;font-weight:1000;display:grid;transform:skew(-8deg);box-shadow:0 12px 30px #8b5cf647}.brand-mark.mini{border-radius:9px;width:38px;height:32px;font-size:20px}.brand-name{letter-spacing:-.05em;font-size:40px;font-weight:900}.brand-name span{color:#b77cff}.brand-name.small{font-size:25px}.login-shell{grid-template-columns:minmax(420px,590px) 1fr;align-items:center;gap:56px;min-height:100vh;padding:56px clamp(28px,6vw,110px);display:grid}.login-card{background:linear-gradient(155deg,#18102ceb,#0c0818f5);border:1px solid #b494ff38;border-radius:28px;padding:48px;box-shadow:0 30px 90px #00000061}.login-card small{letter-spacing:.18em;color:#c084fc;font-size:11px}.login-copy{margin:46px 0 30px}.login-copy h1{margin:0 0 8px;font-size:25px}.login-copy p{color:#978aa9;margin:0}.login-card form{gap:20px;display:grid}.login-card label{font-weight:800}.field{background:#100b1d;border:1px solid #4b3a6a;border-radius:14px;align-items:center;margin-top:8px;display:flex}.field:focus-within{border-color:#9b6cff;box-shadow:0 0 0 3px #8b5cf61f}.field span{text-align:center;color:#a78bfa;width:48px}.field input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:15px 15px 15px 0}.remember{color:#d4cadd;align-items:center;gap:9px;display:flex;font-weight:500!important}.remember input{accent-color:#8b5cf6}.primary{cursor:pointer;background:linear-gradient(90deg,#7c3aed,#a855f7);border:0;border-radius:13px;padding:15px;font-size:17px;font-weight:900}.login-error{color:#ff98a8;background:#f2536814;border:1px solid #f2536859;border-radius:10px;padding:11px}.login-foot{text-align:center;color:#70657e;font-size:11px}.login-preview{position:relative}.preview-window{background:linear-gradient(145deg,#180f2fd9,#0c0818b8);border:1px solid #a855f729;border-radius:28px;overflow:hidden;transform:perspective(1200px)rotateY(-5deg);box-shadow:0 45px 100px #00000059}.preview-head{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;height:70px;padding:0 24px;display:flex}.preview-body{grid-template-columns:70px 1fr 44%;min-height:470px;display:grid}.fake-side{text-align:center;color:#786a8e;border-right:1px solid #ffffff0a;padding:25px 0;line-height:56px}.fake-list{padding:26px}.fake-list i{background:#ffffff09;border-radius:12px;height:68px;margin:12px 0;display:block}.fake-call{text-align:center;border-left:1px solid #ffffff0a;padding:55px 25px}.fake-call b,.fake-call span{margin-top:15px;display:block}.fake-call span{color:#c084fc}.fake-buttons{color:#837492;word-spacing:18px;margin-top:35px}.avatar{background:linear-gradient(135deg,#6d28d9,#ec4899);border-radius:50%;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.avatar.big{border:5px solid #8b5cf638;width:88px;height:88px;margin:auto}.avatar.call{width:96px;height:96px;font-size:25px}.workspace{grid-template-rows:74px 1fr;grid-template-columns:190px 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#100b1d;grid-column:1/-1;align-items:center;padding:0 22px;display:flex}.top-brand{align-items:center;gap:10px;width:210px;display:flex}.status-wrap{align-items:center;gap:16px;display:flex;position:relative}.status-btn{border:1px solid var(--sb);background:var(--sbg);color:var(--sc);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;display:flex}.status-btn i,.status-menu i,.status-select i{background:var(--sc);width:9px;height:9px;box-shadow:0 0 12px var(--sc);border-radius:50%}.status-time{flex-direction:column;display:flex}.status-time small{color:#847792}.status-menu{z-index:50;background:#171026;border:1px solid #3a2d57;border-radius:12px;width:210px;padding:8px;position:absolute;top:52px;left:0;box-shadow:0 18px 50px #0006}.status-menu button{width:100%;color:var(--sc);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.status-menu button:hover{background:var(--sbg)}.agent{align-items:center;gap:9px;margin-left:auto;display:flex}.agent small{color:#82778f;display:block}.agent>button{color:#a99ab7;background:0 0;border:1px solid #37294f;border-radius:8px;padding:7px 10px}.sidebar{border-right:1px solid var(--line);background:#100b1d;flex-direction:column;grid-row:2;padding:14px 10px;display:flex}.nav{color:#9b91aa;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:48px;margin:2px 0;padding:0 13px;display:flex}.nav.active{color:#decaff;background:linear-gradient(90deg,#8b5cf63d,#8b5cf614);box-shadow:inset 3px 0 #9b6cff}.nav em{color:#fff;background:#ef7d25;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.grow{flex:1}.content{background:radial-gradient(circle at 95% 0,#8b5cf612,#0000 25rem),#0b0715;grid-area:2/2;padding:18px}.dashboard{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.maincol,.sidecol{align-content:start;gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(150deg,#171029,#110c1f);border-radius:15px;padding:20px;box-shadow:0 12px 36px #00000029}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h3,.card h3{margin:0;font-size:13px}.card-head a{color:#a78bfa;font-size:12px}.softphone{grid-template-columns:1fr 1.25fr auto;align-items:center;gap:24px;display:grid}.softphone>div:first-child{align-items:center;gap:13px;display:flex}.softphone b,.softphone small{display:block}.phone-orb,.empty-orb{color:#35d07f;background:#35d07f1a;border:2px solid #35d07f4d;border-radius:50%;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.device{border-left:1px solid var(--line);padding-left:22px}.device small{color:#8f829e}.softphone button,.empty-interaction button{color:#d9c3ff;background:#251743;border:1px solid #4a3573;border-radius:10px;padding:10px 14px}.green{color:#4ade80!important}.interaction{min-height:340px}.empty-interaction{justify-content:center;align-items:center;gap:18px;min-height:255px;display:flex}.empty-interaction b,.empty-interaction span{display:block}.empty-interaction span{color:#8f829e;margin-top:5px}.live-interaction{grid-template-columns:1fr .9fr;align-items:center;gap:24px;min-height:270px;display:grid}.caller{align-items:center;gap:18px;display:flex}.caller h2{margin:0 0 5px}.caller span{color:#9b8baa;display:block}.caller b{color:#c084fc;margin-top:14px;font-size:21px;display:block}.meta{border-left:1px solid var(--line);gap:12px;padding-left:22px;display:grid}.meta span{color:#8f829e;justify-content:space-between;display:flex}.meta b{color:#eee}.call-controls{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.call-controls button{background:#1c142d;border:1px solid #332648;border-radius:13px;height:72px;font-size:20px}.call-controls button span{color:#a697b5;margin-top:6px;font-size:10px;display:block}.danger{background:linear-gradient(145deg,#ef5267,#ba2d46)!important;border:0!important}.recent-row{border-top:1px solid #ffffff09;grid-template-columns:26px 1.15fr .65fr .9fr .65fr .8fr .65fr;align-items:center;gap:8px;min-height:48px;font-size:12px;display:grid}.recent-row span{color:#92869f}.ok{color:#47d989!important}.bad{color:#f25368!important}.status-select{border:1px solid var(--sb);background:var(--sbg);color:var(--sc);border-radius:10px;align-items:center;gap:9px;margin:16px 0;padding:14px;display:flex}.status-select span{margin-left:auto}.status-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.status-tile{border:1px solid var(--sb);background:var(--sbg);min-height:74px;color:var(--sc);border-radius:10px}.status-tile strong,.status-tile span{display:block}.status-tile span{margin-top:5px;font-size:10px}.kpi{background:#120d20;border:1px solid #2a203d;border-radius:10px;justify-content:space-between;margin-top:10px;padding:14px;display:flex}.kpi>div:last-child{text-align:right}.kpi small,.kpi b{display:block}.kpi small{color:#8c8098}.kpi b{color:#c084fc;margin-top:3px;font-size:19px}.note textarea{color:#eee;background:#0e0919;border:1px solid #35294e;border-radius:10px;width:100%;min-height:100px;margin:14px 0 10px;padding:12px}.note button{background:#6d28d9;border:0;border-radius:9px;padding:10px 14px}.voice-page{grid-template-columns:minmax(480px,740px) 330px;gap:16px;display:grid}.voice-dialer p{color:#988ba6}.dialrow{gap:10px;display:flex}.dialrow input{color:#fff;background:#0e0919;border:1px solid #42325f;border-radius:12px;flex:1;padding:14px}.dialrow button{background:linear-gradient(135deg,#6d28d9,#a855f7);border:0;border-radius:12px;padding:0 20px;font-weight:900}.dialpad{grid-template-columns:repeat(3,1fr);gap:10px;max-width:420px;margin:28px auto;display:grid}.dialpad button{background:#181126;border:1px solid #332648;border-radius:14px;height:62px;font-size:19px}.voice-actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.voice-actions button{background:#1b132c;border:1px solid #34274c;border-radius:10px;height:48px}.voice-actions button:disabled{opacity:.3}.session-info>div{border-bottom:1px solid #2b203d;justify-content:space-between;padding:14px 0;display:flex}.session-info span{color:#8e829b}.placeholder{text-align:center;color:#9487a3;align-content:center;place-items:center;height:calc(100vh - 110px);display:grid}.placeholder>div{color:#a855f7;background:#1c1233;border-radius:50%;place-items:center;width:80px;height:80px;font-size:35px;display:grid}.ready{--sc:#63e59c;--sbg:#35d07f1a;--sb:#35d07f57}.break{--sc:#ffd873;--sbg:#f5c4511a;--sb:#f5c45157}.lunch{--sc:#ffb66f;--sbg:#ff9a3d1c;--sb:#ff9a3d57}.training{--sc:#7bbcff;--sbg:#4da3ff1c;--sb:#4da3ff57}.incall{--sc:#c084fc;--sbg:#a855f721;--sb:#a855f761}.offline{--sc:#aaa4b1;--sbg:#8d879717;--sb:#8d879742}.error{--sc:#ff8294;--sbg:#f253681c;--sb:#f2536859}.incoming-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05030abd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.incoming-modal{text-align:center;background:radial-gradient(circle at 50% 0,#a855f729,#0000 45%),linear-gradient(160deg,#1a102e,#0f0a1c 72%);border:1px solid #a855f75c;border-radius:26px;width:min(460px,94vw);padding:36px 34px 30px;box-shadow:0 35px 100px #000000a6,0 0 60px #8b5cf61f}.incoming-modal>small{letter-spacing:.16em;color:#a78bfa;font-weight:900}.incoming-modal h2{margin:10px 0 2px;font-size:28px}.incoming-modal p{color:#9d91aa;margin:0}.pulse{place-items:center;width:110px;height:110px;margin:0 auto 22px;display:grid;position:relative}.pulse:before,.pulse:after{content:"";border:2px solid #a855f75c;border-radius:50%;animation:1.8s ease-out infinite ring;position:absolute;inset:4px}.pulse:after{animation-delay:.7s}.avatar.incoming{z-index:2;width:88px;height:88px;font-size:24px;position:relative}.incoming-meta{grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 24px;display:grid}.incoming-meta div{background:#100a1d;border:1px solid #302244;border-radius:12px;padding:13px}.incoming-meta span,.incoming-meta b{display:block}.incoming-meta span{color:#84788f;font-size:10px}.incoming-actions{grid-template-columns:1fr 1.35fr;gap:12px;display:grid}.incoming-actions button{border-radius:14px;height:62px;font-size:16px;font-weight:900}.reject{color:#ff8597;background:#291821;border:1px solid #f2536840}.answer{background:linear-gradient(135deg,#20b96b,#39d987);border:0;box-shadow:0 12px 35px #35d07f2e}@keyframes ring{0%{opacity:.8;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}@media (width<=1050px){.dashboard{grid-template-columns:1fr}.login-preview{display:none}.login-shell{grid-template-columns:1fr;max-width:650px;margin:auto}.workspace{grid-template-columns:78px 1fr}.nav b{display:none}.voice-page{grid-template-columns:1fr}}@media (width<=720px){.login-shell{padding:20px 14px}.login-card{padding:28px}.workspace{grid-template-rows:66px auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;grid-area:2/1;overflow:auto}.content{grid-area:3/1}.top-brand .brand-name,.status-time,.agent>div:not(.avatar){display:none}.softphone{grid-template-columns:1fr}.device{border:0;padding:0}.call-controls{grid-template-columns:repeat(3,1fr)}}.auto-answer-modal{border-color:#35d07f52;box-shadow:0 35px 100px #000000a6,0 0 70px #35d07f1a}.auto-answer-modal>small{color:#62e69c}.queue-pulse:before,.queue-pulse:after{border-color:#35d07f61}.auto-answer-label{color:#62e69c}.auto-answer-message{color:#7be7aa;background:#35d07f14;border:1px solid #35d07f3d;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:58px;margin-top:4px;font-weight:900;display:flex}.auto-answer-message i{background:#35d07f;border-radius:50%;width:10px;height:10px;animation:.7s ease-in-out infinite alternate autoBlink;box-shadow:0 0 14px #35d07f}@keyframes autoBlink{0%{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.history-tag{color:#8e829b;background:#110b1e;border:1px solid #302445;border-radius:999px;padding:5px 8px;font-size:10px}.recent-list{margin-top:12px}.history-empty{color:#8f829e;text-align:left;justify-content:center;align-items:center;gap:14px;min-height:120px;display:flex}.history-empty>span{color:#a855f7;background:#1c1233;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.history-empty b,.history-empty small{display:block}.history-empty small{margin-top:4px}.sidecol>.card{position:sticky;top:92px}.incoming-overlay{transition:opacity .18s,transform .18s}.incoming-overlay.closing{opacity:0;pointer-events:none;transform:scale(.985)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dashboard.dashboard-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dashboard-widget{min-width:0;transition:transform .16s,opacity .16s,border-color .16s,box-shadow .16s}.widget-interaction{grid-column:span 8}.widget-status{grid-column:span 4}.widget-recent{grid-column:1/-1}.dashboard-widget.dragging{opacity:.48;transform:scale(.985)}.dashboard-widget.drag-over{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf624,0 18px 46px #0003}.card-title-drag{align-items:center;gap:9px;display:flex}.widget-drag-handle{color:#766889;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:7px;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;transition:color .14s,background .14s;display:grid}.widget-drag-handle:hover{color:#c084fc;background:#8b5cf61f}.widget-drag-handle:active{cursor:grabbing}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f2f8;--panel:#fff;--panel2:#faf8fc;--line:#e5ddea;--text:#211829;--muted:#756a7d;--purple:#7c3aed;--purple2:#9333ea;--green:#18a65b;--yellow:#c88b12;--orange:#de741f;--blue:#2679d9;--red:#d63f55;--gray:#716b76}html,body,#app{background:var(--bg);color:var(--text)}body{background:radial-gradient(circle at 88% 8%, #8b5cf617, transparent 32rem), var(--bg)}.topbar,.sidebar{background:#fffffff0}.content{background:radial-gradient(circle at 95% 0,#8b5cf60e,#0000 25rem),#f7f4fa}.card{background:linear-gradient(150deg,#fff,#fbf9fd);box-shadow:0 12px 36px #2c1b3e0f}.status-menu{background:#fff;border-color:#ddd2e7;box-shadow:0 18px 50px #28183721}.agent>button{color:#675871;border-color:#ded3e7}.agent small,.status-time small{color:#786d80}.nav{color:#675b70}.nav.active{color:#6f35ad;background:linear-gradient(90deg,#8b5cf621,#8b5cf60b);box-shadow:inset 3px 0 #8b5cf6}.field{background:#fff;border-color:#d9cde4}.field input{color:#24172e}.remember{color:#5f5467}.login-card{background:linear-gradient(155deg,#fffffff7,#f9f6fcfa);border-color:#ded2e8;box-shadow:0 30px 90px #2f1c411a}.login-copy p{color:#756a7d}.login-foot{color:#8b7e93}.login-preview .preview-window{background:linear-gradient(145deg,#fffffff2,#f7f3fbf5);border-color:#e2d7ea;box-shadow:0 45px 100px #2d1c3c1c}.preview-head,.fake-side,.fake-call{border-color:#3f2a5014}.fake-list i{background:#6d28d90e}.empty-interaction span,.caller span,.meta span,.voice-dialer p,.session-info span{color:#776b7f}.meta b{color:#2a1d32}.call-controls button,.dialpad button,.voice-actions button{color:#271c2f;background:#faf7fc;border-color:#e1d7e9}.call-controls button span{color:#776c80}.dialrow input,.note textarea{color:#26192f;background:#fff;border-color:#ddd2e7}.session-info>div{border-bottom-color:#e9e1ee}.recent-row{border-top-color:#eee7f2}.recent-row span{color:#756a7c}.history-tag{color:#756a7c;background:#faf7fc;border-color:#e2d9e8}.history-empty{color:#786c80}.history-empty>span,.placeholder>div{background:#eee6f8}.placeholder{color:#756b7d}.kpi{background:#faf8fc;border-color:#e2d8e9}.kpi small{color:#786e80}.incoming-overlay{background:#20152852}.incoming-modal{background:radial-gradient(circle at 50% 0,#a855f717,#0000 45%),linear-gradient(160deg,#fff,#f9f5fc 72%);border-color:#8b5cf63d;box-shadow:0 35px 100px #2d1c3c33,0 0 60px #8b5cf614}.incoming-modal p{color:#766b7e}.incoming-meta div{background:#faf7fc;border-color:#e1d7e8}.incoming-meta span{color:#817586}.reject{color:#c93e52;background:#fff0f2;border-color:#d63f5533}.widget-drag-handle{color:#8d8195}.widget-drag-handle:hover{color:#7c3aed;background:#7c3aed14}.dashboard-widget.drag-over{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61c,0 18px 46px #2a1a3714}}@media (width<=1050px){.dashboard.dashboard-widget-grid{grid-template-columns:1fr}.widget-interaction,.widget-status,.widget-recent{grid-column:1/-1}}:root{--surface-shadow:0 1px 0 #ffffff09 inset, 0 10px 24px #00000029, 0 24px 60px #00000024;--surface-hover-shadow:0 1px 0 #ffffff0d inset, 0 14px 32px #0003, 0 30px 72px #00000029}body{background:radial-gradient(circle at 82% -10%,#8b5cf633,#0000 36rem),radial-gradient(circle at 20% 100%,#a855f712,#0000 42rem),linear-gradient(145deg,#090512 0%,#0d0718 52%,#090512 100%)}.topbar{background:linear-gradient(#140d22f5,#0e0919f2);box-shadow:inset 0 1px #ffffff09,0 8px 26px #0000002e}.sidebar{background:linear-gradient(#100a1d,#0d0818);box-shadow:8px 0 28px #0000001a}.content{background:radial-gradient(circle at 95% 0,#8b5cf61a,#0000 27rem),radial-gradient(circle at 12% 92%,#a855f70b,#0000 32rem),linear-gradient(145deg,#0c0716,#0a0613)}.card{box-shadow:var(--surface-shadow);background:linear-gradient(145deg,#1b122efa,#110b1ffa);border:1px solid #9874d238;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d3b6ff29,#0000);height:1px;position:absolute;top:0;left:18px;right:18px}.dashboard-widget:hover{box-shadow:var(--surface-hover-shadow);border-color:#a884e057;transform:translateY(-1px)}.card-head{min-height:28px}.card-head h3{letter-spacing:.015em}.card-title-drag{gap:8px}.widget-drag-handle{opacity:.32;border:1px solid #0000;transition:opacity .14s,color .14s,background .14s,border-color .14s}.dashboard-widget:hover .widget-drag-handle{opacity:.72}.widget-drag-handle:hover{opacity:1;background:#8b5cf61a;border-color:#a855f729}.interaction:has(.empty-interaction){min-height:270px}.interaction:has(.live-interaction){min-height:340px}.empty-interaction{min-height:195px}.empty-orb{box-shadow:0 0 0 7px #35d07f0b,0 12px 30px #35d07f14,inset 0 1px #ffffff14}.empty-interaction button{transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:inset 0 1px #ffffff0f,0 10px 22px #00000029}.empty-interaction button:hover{border-color:#68489a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 13px 28px #0003}.status-select{box-shadow:inset 0 1px #ffffff09,0 8px 20px #00000014}.status-tile{transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 7px 16px #00000012}.status-tile:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0e,0 11px 24px #0000001f}.status-tile strong{font-size:18px}.recent{padding-bottom:12px}.recent-row{border-radius:7px;padding-left:6px;padding-right:6px;transition:background .14s}.recent-row:hover{background:#ffffff06}.history-tag{box-shadow:inset 0 1px #ffffff06}.status-btn{box-shadow:inset 0 1px #ffffff09,0 7px 18px #00000014}@media (prefers-color-scheme:light){:root{--surface-shadow:0 1px 0 #fffffff2 inset, 0 8px 18px #3c264e0e, 0 22px 52px #35224413;--surface-hover-shadow:0 1px 0 #fff inset, 0 12px 24px #3b264c13, 0 28px 62px #35224418}body{background:radial-gradient(circle at 82% -8%,#8b5cf61f,#0000 35rem),radial-gradient(circle at 8% 92%,#a855f70e,#0000 38rem),linear-gradient(145deg,#f7f4fa,#f2edf6)}.topbar{background:linear-gradient(#fffffffa,#faf7fcf7);border-bottom-color:#ded5e4;box-shadow:inset 0 1px #fff,0 8px 26px #37234612}.sidebar{background:linear-gradient(#fff,#faf7fc);border-right-color:#e1d8e6;box-shadow:8px 0 30px #3522440b}.content{background:radial-gradient(circle at 97% 0,#8b5cf614,#0000 28rem),radial-gradient(circle at 14% 92%,#a855f709,#0000 34rem),linear-gradient(145deg,#f6f2f8,#f1ecf5)}.card{box-shadow:var(--surface-shadow);background:linear-gradient(145deg,#fffffffa,#f9f6fbfa);border-color:#ddd4e4}.card:before{background:linear-gradient(90deg,#0000,#fffffff2,#0000)}.dashboard-widget:hover{box-shadow:var(--surface-hover-shadow);border-color:#cfc0dc}.widget-drag-handle{color:#776b81}.empty-orb{background:linear-gradient(145deg,#35d07f1f,#35d07f0e);box-shadow:0 0 0 7px #35d07f0b,0 12px 28px #35d07f14,inset 0 1px #ffffffe6}.empty-interaction button{color:#45215f;background:linear-gradient(145deg,#ede4f7,#e5d7f3);border-color:#d9cae7;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #462a5b12}.empty-interaction button:hover{border-color:#c6b1da;box-shadow:inset 0 1px #fff,0 12px 26px #462a5b1a}.status-select{box-shadow:inset 0 1px #fffc,0 8px 18px #3220410b}.status-tile{box-shadow:inset 0 1px #ffffffd1,0 7px 15px #301f3e0b}.status-tile:hover{box-shadow:inset 0 1px #fffffff2,0 12px 24px #301f3e13}.recent-row:hover{background:#6e469109}.history-tag{background:linear-gradient(#fff,#f8f4fa);box-shadow:inset 0 1px #fff,0 4px 10px #3220410a}.status-btn{box-shadow:inset 0 1px #ffffffd9,0 6px 15px #3220410b}.brand-mark{box-shadow:0 8px 20px #8b5cf633,inset 0 0 0 1px #ffffff73}.nav.active{box-shadow:inset 3px 0 #8b5cf6,0 5px 14px #8b5cf60e}}.dashboard-widget.dragging{opacity:.62;transform:scale(.992)rotate(.15deg);box-shadow:0 25px 70px #0003}.dashboard-widget.drag-over{box-shadow:0 0 0 3px #8b5cf617, var(--surface-hover-shadow);border-color:#8b5cf6a6;transform:translateY(-2px)}@media (prefers-color-scheme:light){.ready{--sc:#078f4b;--sbg:#10b96329;--sb:#0596527a}.break{--sc:#a66b00;--sbg:#f59e0b2e;--sb:#d977067a}.status-tile.ready{background:linear-gradient(145deg,#10b96330,#10b9631c);border-color:#0596527a;box-shadow:inset 0 1px #ffffffbf,0 7px 17px #05965217}.status-tile.break{background:linear-gradient(145deg,#f59e0b36,#f59e0b1c);border-color:#d9770680;box-shadow:inset 0 1px #ffffffbf,0 7px 17px #d9770617}.status-tile.ready:hover{background:linear-gradient(145deg,#10b96340,#10b96326);box-shadow:inset 0 1px #ffffffe6,0 12px 25px #05965224}.status-tile.break:hover{background:linear-gradient(145deg,#f59e0b45,#f59e0b29);box-shadow:inset 0 1px #ffffffe6,0 12px 25px #d9770624}.status-select.ready{background:linear-gradient(90deg,#10b9632e,#10b9631a);border-color:#05965275}.status-select.break{background:linear-gradient(90deg,#f59e0b33,#f59e0b1c);border-color:#d9770675}.status-btn.ready{background:linear-gradient(145deg,#10b96330,#10b9631c);border-color:#05965273}.status-btn.break{background:linear-gradient(145deg,#f59e0b33,#f59e0b1c);border-color:#d9770673}}.supervisor-page{flex-direction:column;gap:18px;display:flex}.supervisor-heading h1{margin:4px 0;font-size:28px}.supervisor-heading p{opacity:.65;margin:0}.supervisor-loading{flex-direction:column;gap:6px;padding:30px;display:flex}.supervisor-loading span{opacity:.6}.pending-after-call{white-space:nowrap;opacity:.85;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.status-tile.pending{outline-offset:2px;outline:2px solid}.status-tile.pending span{flex-direction:column;gap:.15rem;display:flex}.status-tile.pending small{opacity:.75;font-size:.65rem;font-weight:700}