:root{--bg: #f0edf5;--bg-from: #eceaf8;--bg-to: #f7efea;--surface: #ffffff;--surface-2: #f1edf7;--border: #ebe7f1;--text: #2c2542;--text-soft: #5d5675;--text-mute: #9c96ac;--placeholder: #a9a3b8;--accent: #6c4ce0;--accent-soft: #ede8fb;--accent-text: #ffffff;--success: #3f8065;--success-soft: #e6efea;--warning: #b5854a;--warning-soft: #f4ecdc;--danger: #bc5a43;--danger-soft: #f5e4dd;--info: #4e7ca8;--info-soft: #e3eaf1;--overlay: rgba(28, 22, 42, .45);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(28, 22, 42, .06);--shadow-md: 0 4px 16px rgba(28, 22, 42, .07);--shadow-lg: 0 20px 50px rgba(28, 22, 42, .14);--t-fast: .14s;--t-base: .22s;--ease: cubic-bezier(.22, 1, .36, 1);--side-w: 236px;--main-pad-top: 26px;--main-pad-bottom: 60px;--main-gap: 26px;--pagehead-h: 38px;--pane-top: calc(var(--main-pad-top) + var(--pagehead-h) + var(--main-gap))}:root[data-theme=dark]{--bg: #1d1826;--bg-from: #1a1622;--bg-to: #201a25;--surface: #282232;--surface-2: #2f2838;--border: #362f44;--text: #eae6f4;--text-soft: #ada7be;--text-mute: #8e88a0;--placeholder: #7c7690;--accent: #7b5fe0;--accent-soft: #2a2340;--success: #57a97c;--success-soft: #182720;--warning: #cba268;--warning-soft: #2a2318;--danger: #d07254;--danger-soft: #2e1d16;--info: #6c9bc7;--info-soft: #182430;--overlay: rgba(0, 0, 0, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 18px rgba(0, 0, 0, .38);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;color:var(--text);background:var(--bg);background-image:linear-gradient(180deg,var(--bg-from),var(--bg-to));background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}.side{background:var(--surface);border-right:1px solid var(--border);padding:20px 12px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.wordmark{display:inline-flex;align-items:center;gap:.4em;font-weight:800;letter-spacing:-.03em;color:var(--text);font-size:16px}.wordmark b{color:var(--accent)}.wordmark .mark{display:inline-flex;font-size:1.05em;line-height:0}.wordmark .mark svg{display:block;overflow:visible}.brand{display:flex;flex-direction:column;gap:3px;margin:0 -12px 4px;padding:0 22px 16px;border-bottom:1px solid var(--border)}.brand .kicker{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-mute);font-weight:700;padding-left:2px}.navgroup{display:flex;flex-direction:column;gap:2px;margin:14px -12px 0;padding:14px 12px 0;border-top:1px solid var(--border)}.brand+.navgroup{border-top:0;margin-top:0;padding-top:0}.navlabel{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute);padding:0 10px 8px}.navitem{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--r-sm);color:var(--text-soft);font-size:14px;font-weight:550;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.navitem svg{width:17px;height:17px;flex:none;color:var(--text-mute);transition:color var(--t-fast) var(--ease)}.navitem:hover{background:var(--surface-2);color:var(--text)}.navitem:hover svg{color:var(--text-soft)}.navitem.on{background:var(--accent-soft);color:var(--accent);font-weight:680}.navitem.on svg{color:var(--accent)}.navitem:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background var(--t-fast) var(--ease)}.navitem.on:before{background:var(--accent)}.navitem .count{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent-text);background:var(--accent);border-radius:var(--r-full);min-width:19px;height:19px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.side-foot{margin:auto -12px 0;padding:12px 12px 0;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border)}.who{display:flex;align-items:center;gap:10px;padding:2px 10px 8px}.who .nm{font-size:13.5px;font-weight:600;line-height:1.25}.who .rl{font-size:11.5px;color:var(--text-mute)}.side-actions{display:flex;flex-direction:column;gap:1px}.side-actions button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font-size:13.5px;font-weight:500;color:var(--text-soft);padding:8px 10px;border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.side-actions button svg{width:16px;height:16px;flex:none}.side-actions button:hover{color:var(--text);background:var(--surface-2)}.main{padding:var(--main-pad-top) 32px var(--main-pad-bottom);min-width:0;display:flex;flex-direction:column;gap:var(--main-gap)}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;min-height:var(--pagehead-h)}.pagehead h1{font-size:25px;font-weight:750;letter-spacing:-.03em;text-wrap:balance;display:flex;align-items:center;gap:9px}.pagehead .side-slot{display:flex;align-items:center;gap:10px}.infobtn{display:inline-grid;place-items:center;width:1.05em;height:1.05em;min-width:15px;min-height:15px;color:var(--text-mute);border-radius:var(--r-full);flex:none;transition:color var(--t-fast) var(--ease);vertical-align:middle}.infobtn svg{width:100%;height:100%}.infobtn:hover,.infobtn.on,.infobtn:focus-visible{color:var(--accent)}.infotip{position:fixed;z-index:80;max-width:320px;background:var(--surface);color:var(--text-soft);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:11px 14px;font-size:13px;line-height:1.5;font-weight:500;pointer-events:none;animation:fade var(--t-fast) var(--ease)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:20px 22px}.card.tight{padding:0}.cardtitle{font-size:15px;font-weight:680;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}.cardnote{font-size:12.5px;color:var(--text-mute);margin-top:2px}.sec{display:flex;flex-direction:column;gap:13px}.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.sechead h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);display:flex;align-items:center;gap:7px}.textfilters{display:flex;flex-wrap:wrap;font-size:13px;gap:18px}.textfilters button{color:var(--text-mute);font-weight:500;transition:color var(--t-fast) var(--ease)}.textfilters button:hover{color:var(--text-soft)}.textfilters button.on{color:var(--accent);font-weight:650}.textfilters .n{font-variant-numeric:tabular-nums;font-size:.85em;font-weight:700;margin-left:5px;opacity:.75}.textfilters.tabs{gap:20px;box-shadow:inset 0 -1px 0 var(--border)}.textfilters.tabs button{position:relative;padding:2px 0 10px;font-size:13.5px;font-weight:550}.textfilters.tabs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background var(--t-fast) var(--ease)}.textfilters.tabs button.on:after{background:var(--accent)}.textfilters.sub{gap:14px;font-size:12.5px}.textfilters.sub button.on{font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--r-sm);font-size:13.5px;font-weight:650;border:1px solid transparent;transition:filter var(--t-fast) var(--ease),background var(--t-fast) var(--ease);white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(.96)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-ghost{border-color:var(--border);color:var(--text-soft);background:var(--surface)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-quiet{color:var(--accent);font-weight:650;padding:4px 0}.btn-quiet:hover:not(:disabled){text-decoration:underline}.btn-sm{padding:6px 11px;font-size:12.5px}.avatar{border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;flex:none;overflow:hidden;object-fit:cover}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.state{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:550;white-space:nowrap}.state .dot{width:6px;height:6px;border-radius:var(--r-full);flex:none}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-soft);display:flex;align-items:center;gap:6px}.field .hint{font-size:12px;color:var(--text-mute)}.input,.textarea,.select{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;transition:border-color var(--t-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--placeholder)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent)}.textarea{resize:vertical;min-height:84px;line-height:1.5}.searchbox{position:relative;min-width:220px}.searchbox .input{padding-left:34px}.searchbox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-mute);pointer-events:none}.pane{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;align-items:stretch;height:calc(100vh - var(--pane-top) - var(--main-pad-bottom));min-height:420px}.pane.wide-list{grid-template-columns:minmax(340px,460px) minmax(0,1fr)}.panelist{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;height:100%;min-height:0;display:flex;flex-direction:column}.panelist-head{padding:12px 16px 13px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:11px}.panelist-head>.textfilters.tabs{margin:0 -16px -1px;padding:0 16px}.panelist-scroll{overflow-y:auto;flex:1}.panelist-scroll,.panedetail,.dealedit-form,.eventedit,.side,.modal{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.panelist-scroll::-webkit-scrollbar,.panedetail::-webkit-scrollbar,.dealedit-form::-webkit-scrollbar,.eventedit::-webkit-scrollbar,.side::-webkit-scrollbar,.modal::-webkit-scrollbar{width:10px;height:10px}.panelist-scroll::-webkit-scrollbar-thumb,.panedetail::-webkit-scrollbar-thumb,.dealedit-form::-webkit-scrollbar-thumb,.eventedit::-webkit-scrollbar-thumb,.side::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:var(--border);border:3px solid transparent;background-clip:content-box;border-radius:var(--r-full)}.panelist-scroll::-webkit-scrollbar-thumb:hover,.panedetail::-webkit-scrollbar-thumb:hover,.dealedit-form::-webkit-scrollbar-thumb:hover,.eventedit::-webkit-scrollbar-thumb:hover,.side::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover{background:var(--text-mute);background-clip:content-box}.panelist-scroll::-webkit-scrollbar-track,.panedetail::-webkit-scrollbar-track,.dealedit-form::-webkit-scrollbar-track,.eventedit::-webkit-scrollbar-track,.side::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:transparent}.panedetail{min-width:0;min-height:0;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:2px 6px 8px 2px}.lrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);transition:background var(--t-fast) var(--ease)}.lrow:last-child{border-bottom:0}.lrow:hover{background:var(--surface-2)}.lrow.on{background:var(--accent-soft)}.lrow .lmain{min-width:0;flex:1}.lrow .ltitle{font-size:14px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .lmeta{font-size:12.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.lrow .lright{font-size:12px;color:var(--text-mute);flex:none;text-align:right}.lrow.nested{padding-left:30px}.lrow.nested:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:var(--border)}.lrow{position:relative}.treeicon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-mute);display:grid;place-items:center;flex:none}.lrow.on .treeicon{background:var(--surface);color:var(--accent)}.treelabel{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);padding:16px 16px 7px;border-top:1px solid var(--border)}.unread{width:7px;height:7px;border-radius:var(--r-full);background:var(--accent);flex:none}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.formgrid .span2{grid-column:1 / -1}@media (max-width: 720px){.formgrid{grid-template-columns:minmax(0,1fr)}}.targeticon{width:34px;height:34px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}.inlineuser{display:inline-flex;align-items:center;gap:7px}.thread{display:flex;flex-direction:column;gap:2px}.tmsg{display:flex;gap:10px;padding:9px 12px;border-radius:var(--r-md)}.tmsg.target{background:var(--danger-soft)}.tbody{min-width:0;flex:1}.thead{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.tname{font-size:13.5px;font-weight:650}.ttime{font-size:11.5px;color:var(--text-mute)}.tflag{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--danger)}.ttext{font-size:14px;line-height:1.55;color:var(--text-soft);white-space:pre-wrap;margin-top:2px}.tmsg.target .ttext{color:var(--text)}.dhead{display:flex;align-items:flex-start;gap:14px}.dhead .dtitle{font-size:19px;font-weight:700;letter-spacing:-.02em}.dhead .dsub{font-size:13px;color:var(--text-mute);margin-top:2px}.dactions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 24px;align-items:start}.fact .k{font-size:11.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute)}.fact .v{font-size:14px;margin-top:3px;word-break:break-word}.fact .v.empty{color:var(--text-mute)}.longtext{font-size:14px;line-height:1.6;color:var(--text-soft);white-space:pre-wrap}.divider{height:1px;background:var(--border);margin:4px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);padding:0 14px 10px 0;border-bottom:1px solid var(--border);white-space:nowrap}thead th.r,tbody td.r{text-align:right;padding-right:0}tbody td{padding:12px 14px 12px 0;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer;transition:background var(--t-fast) var(--ease)}tbody tr.clickable:hover{background:var(--surface-2)}.quiet{color:var(--text-mute);font-size:13px}.queues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden}.qitem{display:block;text-align:left;padding:17px 20px 18px;border-left:1px solid var(--border);transition:background var(--t-fast) var(--ease)}.qitem:first-child{border-left:0}.qitem:hover{background:var(--surface-2)}.qitem .n{font-size:30px;font-weight:750;line-height:1.05;display:flex;align-items:baseline;gap:8px}.qitem .n.idle{color:var(--text-mute);font-weight:600}.qitem .lbl{font-size:12.5px;color:var(--text-soft);margin-top:5px}.qitem .age{font-size:11.5px;font-weight:600;letter-spacing:0}.age.warn{color:var(--warning)}.age.crit{color:var(--danger)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}.kpi{background:var(--surface);padding:17px 20px 19px}.kpi .k{font-size:12.5px;color:var(--text-mute);font-weight:550}.kpi .v{font-size:27px;font-weight:720;line-height:1.15;margin-top:6px}.kpi .d{font-size:12.5px;margin-top:4px;color:var(--text-mute)}.kpi .up{color:var(--success);font-weight:650}.kpi .dn{color:var(--danger);font-weight:650}.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.chartwrap{margin-top:8px;overflow-x:auto}.chartwrap svg{display:block;width:100%;min-width:440px;height:auto}.xaxis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-mute);margin-top:6px;min-width:440px}.distbar{display:flex;height:10px;border-radius:var(--r-full);overflow:hidden;margin:18px 0 16px;gap:2px;background:var(--surface-2)}.legend{display:flex;flex-direction:column;gap:10px}.legend li{display:flex;align-items:center;gap:9px;font-size:13.5px}.legend .sw{width:8px;height:8px;border-radius:2px;flex:none}.legend .t{color:var(--text-soft)}.legend .v{margin-left:auto;font-weight:650}.legend .p{width:44px;text-align:right;color:var(--text-mute);font-size:12.5px}.fill{display:flex;align-items:center;gap:10px;justify-content:flex-end}.fillbar{width:84px;height:5px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden;flex:none}.fillbar i{display:block;height:100%;border-radius:var(--r-full)}.fillnum{font-size:13px;font-weight:650;width:56px;text-align:right}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.row:first-child{padding-top:0}.row:last-child{border-bottom:0;padding-bottom:0}.row .who2{min-width:0;flex:1}.row .n2{font-size:14px;font-weight:600}.row .m2{font-size:12.5px;color:var(--text-mute)}.row .deadline{font-size:12.5px;font-weight:650;flex:none;white-space:nowrap}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:46px 24px;text-align:center}.empty .t{font-size:14.5px;font-weight:620}.empty .s{font-size:13px;color:var(--text-mute);max-width:40ch}.skel{border-radius:var(--r-sm);background:var(--surface-2);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.errbox{border-radius:var(--r-lg);background:var(--danger-soft);color:var(--danger);padding:14px 18px;font-size:13.5px;display:flex;align-items:center;gap:12px}.errbox .btn{margin-left:auto}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:24px;z-index:40;animation:fade var(--t-base) var(--ease)}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:min(520px,100%);max-height:88vh;overflow-y:auto;padding:22px 24px 20px;display:flex;flex-direction:column;gap:16px;animation:rise var(--t-base) var(--ease)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.modal-wide{width:min(1120px,100%);height:92vh;max-height:92vh;overflow:hidden;padding:20px 22px 18px;gap:14px}.modal-wide .modal-body{flex:1;min-height:0;overflow:hidden;display:flex}.modal-head,.modal-actions{flex:none}.modal h3{font-size:17px;font-weight:700;letter-spacing:-.02em}.modal .msub{font-size:13.5px;color:var(--text-soft);margin-top:4px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.eventedit{display:flex;flex-direction:column;gap:15px;width:100%;overflow-y:auto;padding-right:4px}.field2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.switches{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px 22px}.catpick{display:flex;flex-wrap:wrap;gap:8px}.catopt{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:550;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.catopt:hover{color:var(--text)}.catopt.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:650}.catmain{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.75}.dealedit{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,30vw,430px);gap:22px;min-height:0;width:100%}.dealedit-form{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:14px}.dealedit-preview{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.previewlabel{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-mute);display:flex;align-items:center;gap:7px}.phone-area{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:flex-start}.phone-slot{position:relative;flex:none}.phone{position:absolute;top:0;left:0;width:413px;height:872px;transform-origin:top left;border-radius:46px;padding:10px;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-md)}.phone iframe{width:393px;height:852px;border:0;border-radius:36px;background:#fff;display:block}.phone-empty{width:393px;height:852px;border-radius:36px;background:var(--surface);display:grid;place-items:center;text-align:center;padding:32px;font-size:15px;color:var(--text-mute);line-height:1.5}@media (max-width: 980px){.dealedit{grid-template-columns:minmax(0,1fr);overflow-y:auto}.dealedit-form{overflow:visible}.phone-area{flex:none}}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:12px 16px;font-size:13.5px;font-weight:550;max-width:380px;border-left:3px solid var(--accent);animation:rise var(--t-base) var(--ease)}.toast.err{border-left-color:var(--danger);color:var(--danger)}.toast.ok{border-left-color:var(--success)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{width:min(400px,100%);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:30px 30px 26px;display:flex;flex-direction:column;gap:18px}.loginbox .brand{padding:0}.loginbox h1{font-size:19px;font-weight:700;letter-spacing:-.02em}.loginbox .lede{font-size:13.5px;color:var(--text-mute);margin-top:4px;line-height:1.5}@media (max-width: 1240px){.queues{grid-template-columns:repeat(3,minmax(0,1fr))}.queues .qitem:nth-child(4){border-left:0}.queues .qitem:nth-child(n+4){border-top:1px solid var(--border)}}@media (max-width: 1100px){.cols{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pane,.pane.wide-list{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.panelist{height:auto;max-height:460px}.panedetail{height:auto;overflow:visible;padding:0}}@media (max-width: 820px){.shell{grid-template-columns:minmax(0,1fr)}.side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.main{--main-pad-top: 20px;padding:var(--main-pad-top) 16px 48px}.queues,.kpis{grid-template-columns:minmax(0,1fr)}.queues .qitem{border-left:0;border-top:1px solid var(--border)}.queues .qitem:first-child{border-top:0}}