:root{--bg:#eef2f7;--surface:rgba(255,255,255,.62);--surface-solid:#f8fafc;--glass:rgba(255,255,255,.58);--glass-strong:rgba(255,255,255,.78);--text:#101114;--muted:#6d7179;--border:rgba(255,255,255,.72);--hair:rgba(20,24,32,.08);--brand:#007aff;--brand-soft:rgba(0,122,255,.10);--success:#30a46c;--warning:#c88719;--danger:#d94b4b;--shadow:0 18px 55px rgba(24,32,48,.10),0 2px 10px rgba(24,32,48,.06);--inner:inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(0,0,0,.025);--r:18px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Inter,sans-serif;background:radial-gradient(circle at 15% 0,#fff 0,#f3f6fb 34%,#e9edf4 100%);color:var(--text)}body{background-attachment:fixed}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(0,122,255,.24);outline-offset:2px}.app{display:flex;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.75),transparent 32%)}.sidebar{width:248px;flex:0 0 248px;background:rgba(248,250,253,.64);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border-right:1px solid rgba(255,255,255,.8);box-shadow:8px 0 30px rgba(25,35,55,.05);display:flex;flex-direction:column;padding:18px 12px;top:0;height:100vh;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:5px 10px 18px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#111,#4c4f55);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.35)}.brand strong{display:block;font-size:15px;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.workspace{margin:0 6px 18px;padding:12px 13px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.52);box-shadow:var(--inner),0 5px 18px rgba(20,30,50,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;font-size:12px;font-weight:600}.workspace span{float:right;color:var(--muted)}nav{display:flex;flex-direction:column;gap:5px}.sidebar-bottom>button,nav button{border:1px solid transparent;background:transparent;color:#666b74;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 12px;border-radius:12px;font-size:13px;transition:.2s ease}nav button.active{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.1);color:var(--brand);font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.65)}.sidebar-bottom>button:hover,nav button:hover{background:rgba(255,255,255,.58);border-color:rgba(255,255,255,.8)}.nav-icon{width:19px;height:19px;display:grid;place-items:center;font-size:10px;font-weight:800;border:1px solid;border-radius:6px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid rgba(0,0,0,.07);padding:15px 8px 0;display:flex;gap:9px;align-items:center}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}.profile>button{margin-left:auto;border:0;background:transparent;color:var(--muted)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#e8eef8,#cbd6e8);color:#24344d;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.9)}.main{min-width:0;flex:1 1}.topbar{min-height:88px;background:rgba(248,250,253,.52);backdrop-filter:saturate(180%) blur(26px);-webkit-backdrop-filter:saturate(180%) blur(26px);border-bottom:1px solid rgba(255,255,255,.75);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:15}.topbar h1{margin:0;font-size:24px;letter-spacing:-.035em;font-weight:700}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.top-actions{gap:10px}.global-search,.top-actions{display:flex;align-items:center}.global-search{width:310px;height:40px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.64);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--inner),0 5px 18px rgba(20,30,50,.05);border-radius:13px;gap:8px;padding:0 11px;color:var(--muted)}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1 1;font-size:12px;color:var(--text)}.global-search kbd{font-size:10px;border:1px solid rgba(0,0,0,.07);border-radius:6px;padding:3px 6px;background:rgba(255,255,255,.7)}.icon-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:13px;color:#686d76;box-shadow:var(--inner)}.content{padding:26px 30px 40px;max-width:1600px;margin:auto}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kpi,.panel{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48));border:1px solid rgba(255,255,255,.88);backdrop-filter:saturate(170%) blur(24px);-webkit-backdrop-filter:saturate(170%) blur(24px);box-shadow:var(--inner),var(--shadow)}.kpi{border-radius:var(--r);padding:19px;min-height:132px}.kpi-label{font-size:12px;color:var(--muted);margin-bottom:13px}.kpi strong{font-size:29px;display:block;letter-spacing:-.045em}.kpi span{display:block;font-size:11px;margin-top:8px;color:var(--muted)}.positive{color:var(--success)!important}.grid-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:16px;margin-top:16px}.panel{border-radius:var(--r);padding:20px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2,.panel>h2{font-size:16px;margin:0 0 5px;letter-spacing:-.02em}.muted,.panel-head span{font-size:11px;color:var(--muted)}.primary{height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(180deg,#0a84ff,#0071e3);color:#fff;border-radius:11px;font-size:14px;font-weight:600;box-shadow:0 7px 18px rgba(0,122,255,.2),inset 0 1px rgba(255,255,255,.35)}.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.ghost,.secondary-button{border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:11px;padding:9px 12px;font-size:11px;color:#555b65;box-shadow:var(--inner)}.bars{height:270px;display:flex;align-items:end;gap:20px;padding:22px 30px 0;border-top:1px solid rgba(0,0,0,.055)}.bar-wrap{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:min(54px,70%);background:linear-gradient(180deg,#69b5ff,#007aff);border-radius:10px 10px 4px 4px;min-height:22px;box-shadow:0 5px 14px rgba(0,122,255,.18)}.bar-wrap small{font-size:10px;color:var(--muted)}.attention-row{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,0,0,.055);padding:15px 2px;font-size:12px}.attention-row b{margin-left:auto;color:#a1a8b3}.dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.025)}.danger{background:#ff453a}.warning{background:#ff9f0a}.table-panel{overflow:hidden}.table{border:1px solid rgba(0,0,0,.065);border-radius:14px;overflow:auto;background:rgba(255,255,255,.25)}.tr{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));min-width:720px;min-height:56px;align-items:center;border-top:1px solid rgba(0,0,0,.055);font-size:12px}.tr:first-child{border-top:0}.tr span{padding:0 13px}.th{background:rgba(248,250,253,.62);border-top:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.record-row{cursor:pointer;transition:.18s ease}.record-row:hover{background:rgba(255,255,255,.58)}.status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px rgba(255,255,255,.8)}.status.good{background:rgba(48,164,108,.11);color:#228457}.status.bad{background:rgba(255,69,58,.1);color:#c43d36}.workflow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(0,0,0,.055)}.workflow-icon{width:30px;height:30px;border-radius:9px;background:rgba(0,122,255,.1);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:800}.workflow div:nth-child(2){flex:1 1}.workflow b,.workflow small{display:block}.workflow b{font-size:12px}.workflow small{font-size:10px;color:var(--muted);margin-top:3px}.step{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.42);border-radius:13px;padding:14px;margin-bottom:10px;font-size:12px;box-shadow:var(--inner)}.step b{width:25px;height:25px;border-radius:50%;background:rgba(0,122,255,.1);color:var(--brand);display:grid;place-items:center}.insights{margin-top:16px}.insight{display:flex;gap:15px;padding:17px 0;border-top:1px solid rgba(0,0,0,.055);font-size:12px}.insight b{color:var(--brand)}.chat{min-height:560px}.message{max-width:78%;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.5;margin:10px 0;box-shadow:inset 0 1px rgba(255,255,255,.75)}.message.user{background:rgba(255,255,255,.62);margin-left:auto}.message.ai{background:rgba(0,122,255,.09)}.ai-input{width:100%;height:46px;margin-top:28px;border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:0 13px;outline:0;background:rgba(255,255,255,.64);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--inner)}.settings-row,.suggestion{width:100%;border:1px solid transparent;background:rgba(255,255,255,.38);margin-top:8px;border-radius:12px;padding:13px;text-align:left;display:flex;justify-content:space-between;font-size:12px;color:var(--text)}.settings-row.selected{background:rgba(0,122,255,.09);color:var(--brand);font-weight:700}.permission{display:flex;justify-content:space-between;border-top:1px solid rgba(0,0,0,.055);padding:15px 0;font-size:11px}.permission span{color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;background:rgba(25,27,31,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 15px;font-size:12px;z-index:50}.mobile-menu{display:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#fff 0,#eef2f7 65%,#e7ebf2 100%)}.login-card{width:min(420px,100%);background:rgba(255,255,255,.62);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:34px;box-shadow:var(--inner),0 28px 80px rgba(24,32,48,.13)}.login-brand{display:flex;gap:10px;align-items:center;margin-bottom:42px}.login-brand small,.login-brand strong{display:block}.login-brand strong{font-size:15px}.login-brand small{font-size:11px;color:var(--muted);margin-top:2px}.login-heading h1{margin:0;font-size:30px;letter-spacing:-.045em}.login-heading p{margin:7px 0 28px;color:var(--muted);font-size:12px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.login-form input{height:46px;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:0 13px;outline:0;background:rgba(255,255,255,.66);box-shadow:inset 0 1px rgba(255,255,255,.85);font-size:13px}.login-form input:focus{border-color:rgba(0,122,255,.55);box-shadow:0 0 0 4px rgba(0,122,255,.1),inset 0 1px rgba(255,255,255,.85)}.login-submit{width:100%}.login-submit:disabled{opacity:.6;cursor:wait}.login-error{padding:10px 12px;border:1px solid rgba(255,69,58,.18);background:rgba(255,69,58,.08);color:var(--danger);border-radius:12px;font-size:12px}.login-foot{display:block;margin-top:22px;color:var(--muted);font-size:10px;text-align:center}.record-row:hover{background:rgba(255,255,255,.6)}.empty-state{padding:36px 18px;text-align:center;color:var(--muted);font-size:12px}.drawer-layer{position:fixed;inset:0;background:rgba(15,18,25,.2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;justify-content:flex-end;z-index:100}.record-drawer{width:min(520px,100vw);height:100%;background:rgba(248,250,253,.82);backdrop-filter:saturate(180%) blur(32px);-webkit-backdrop-filter:saturate(180%) blur(32px);border-left:1px solid rgba(255,255,255,.9);box-shadow:-20px 0 60px rgba(20,28,45,.14);padding:24px;display:flex;flex-direction:column;gap:16px;overflow:auto}.drawer-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.drawer-header h2{margin:0;font-size:21px;letter-spacing:-.035em}.drawer-header p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.drawer-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.54);color:var(--muted);font-size:22px;line-height:1;border-radius:50%;box-shadow:var(--inner)}.drawer-close:hover{background:rgba(255,255,255,.8)}.drawer-form{display:grid;gap:16px;flex:1 1}.drawer-field{display:grid;gap:8px;font-size:13px;font-weight:600}.drawer-field input{height:46px;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:0 12px;outline:0;color:#141a24;font-size:14px;background:rgba(255,255,255,.66);box-shadow:inset 0 1px rgba(255,255,255,.85)}.drawer-field input:focus{border-color:rgba(0,122,255,.55);box-shadow:0 0 0 4px rgba(0,122,255,.1),inset 0 1px rgba(255,255,255,.85)}.drawer-footer{justify-content:space-between;padding-top:8px}.drawer-footer,.drawer-footer-right{display:flex;align-items:center;gap:8px}.drawer-footer-right{justify-content:flex-end;margin-left:auto}.danger-button,.secondary-button{height:40px;padding:0 16px;font-size:14px;font-weight:600}.danger-button{border:0;background:linear-gradient(180deg,#ff6257,#e63e35);color:#fff;border-radius:11px;box-shadow:0 7px 18px rgba(220,60,50,.16)}.mobile-scrim{display:none}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1000px){.sidebar{width:86px;flex-basis:86px;padding:18px 10px}.brand div:not(.brand-mark),.profile div:not(.user-avatar),.profile>button,.sidebar-bottom>button span,.workspace,nav button span{display:none}.brand{justify-content:center}.kpis{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.global-search{width:220px}}@media(max-width:700px){.sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:250px}.sidebar.open{display:flex}.mobile-scrim{inset:0;background:rgba(15,18,25,.18);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:19}.mobile-menu,.mobile-scrim{display:block;position:fixed}.mobile-menu{left:12px;top:13px;z-index:30;width:38px;height:38px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:12px;box-shadow:var(--inner)}.topbar{padding:18px 18px 18px 62px}.top-actions .global-search{display:none}.content{padding:18px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px;min-height:118px}.kpi strong{font-size:22px}.panel{padding:15px}.grid-two{margin-top:12px}.topbar h1{font-size:19px}.topbar p{max-width:280px}.table-panel{padding:12px}.bars{gap:10px;padding-left:10px;padding-right:10px}.record-drawer{width:100%;padding:20px}.drawer-footer{position:sticky;bottom:0;background:rgba(248,250,253,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding-bottom:4px}}:root{--glass-blur:28px;--glass-border:rgba(255,255,255,.78);--glass-specular:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(0,0,0,.035)}.kpi,.login-card,.panel,.record-drawer,.sidebar,.topbar{isolation:isolate}.kpi:before,.login-card:before,.panel:before,.record-drawer:before,.sidebar:before,.topbar:before{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%,rgba(255,255,255,.08));opacity:.8;z-index:-1}.sidebar{position:sticky}.topbar{overflow:hidden}.kpi,.login-card,.panel,.record-drawer{position:relative;overflow:hidden}.kpi:hover,.panel:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 24px 65px rgba(24,32,48,.12),0 3px 12px rgba(24,32,48,.06);transform:translateY(-1px)}.kpi,.panel{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .25s ease}.drawer-close,.ghost,.global-search,.icon-btn,.mobile-menu,.secondary-button,.settings-row,.suggestion,nav button{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.drawer-close:active,.ghost:active,.icon-btn:active,.mobile-menu:active,.primary:active,.secondary-button:active,nav button:active{transform:scale(.97)}.global-search:focus-within{border-color:rgba(0,122,255,.28);box-shadow:0 0 0 4px rgba(0,122,255,.07),var(--inner),0 7px 22px rgba(20,30,50,.07)}.settings-row,.step,.suggestion,.table,.workflow{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.table .tr:not(.th):hover{background:rgba(255,255,255,.66)}.primary{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.primary:hover{box-shadow:0 10px 24px rgba(0,122,255,.24),inset 0 1px rgba(255,255,255,.42)}@media(max-width:700px){.kpi:hover,.panel:hover{transform:none}.topbar{box-shadow:0 8px 28px rgba(24,32,48,.06)}}@media(max-width:520px){.content{padding:14px 12px 28px}.topbar{min-height:76px;padding:14px 14px 14px 58px;gap:10px}.topbar h1{font-size:18px}.topbar p{display:none}.top-actions{gap:7px}.top-actions .icon-btn{width:36px;height:36px}.top-actions .user-avatar{width:32px;height:32px}.kpis{grid-template-columns:1fr;gap:9px}.kpi{min-height:96px;padding:14px}.kpi strong{font-size:24px}.panel{padding:13px;border-radius:18px}.panel-head{align-items:stretch;flex-direction:column;gap:11px;margin-bottom:14px}.panel-head .primary{width:100%}.bars{height:220px;gap:6px;padding:16px 4px 0}.bar-wrap small{font-size:9px;max-width:42px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-row{padding:13px 2px}.workflow{gap:9px}.workflow b{font-size:11px}.step{padding:12px}.chat{min-height:480px}.message{max-width:88%}.drawer-header{gap:10px}.drawer-header h2{font-size:19px}.drawer-footer{gap:7px;align-items:stretch;flex-wrap:wrap}.drawer-footer>.danger-button{flex:0 0 auto}.drawer-footer-right{width:100%;margin-left:0}.drawer-footer-right>*{flex:1 1;min-width:0}.drawer-footer-right .primary,.drawer-footer-right .secondary-button{padding-left:10px;padding-right:10px}.login-card{padding:26px 20px;border-radius:20px}.login-brand{margin-bottom:32px}.login-heading h1{font-size:27px}}@media(min-width:521px) and (max-width:760px){.panel-head .primary{white-space:nowrap}.topbar{padding-left:62px}}@media(hover:none){.kpi:hover,.panel:hover,.primary:hover{transform:none}.record-row:hover,.sidebar-bottom>button:hover,nav button:hover{background:transparent}}