:root{--accent-h:245;--accent-s:82%;--accent-l:67%;--accent-hsl:var(--accent-h) var(--accent-s) var(--accent-l);--brand:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--brand-light:hsl(var(--accent-h) var(--accent-s) min(92%, calc(var(--accent-l) + 9%)));--brand-deep:hsl(var(--accent-h) calc(var(--accent-s) - 12%) max(28%, calc(var(--accent-l) - 12%)));--label:#1c1c1e;--label-2:rgba(60,60,67,.62);--label-3:rgba(60,60,67,.42);--glass-side:rgba(255,255,255,.5);--glass-card:rgba(255,255,255,.66);--glass-bar:rgba(255,255,255,.62);--surface-1:#ffffff;--surface-2:#f7f7fa;--surface-3:#eff0f4;--surface-4:#e4e5ec;--hover:rgba(120,120,128,.14);--hairline:rgba(60,60,67,.1);--edge-top:rgba(255,255,255,.85);--fill:rgba(120,120,128,.1);--field-bg:rgba(255,255,255,.7);--field-focus:#ffffff;--menu-bg:rgba(255,255,255,.82);--tip-bg:rgba(28,28,30,.92);--tip-text:#ffffff;--backdrop:rgba(0,0,0,.32);--scroll-thumb:rgba(60,60,67,.28);--scroll-thumb-hover:rgba(60,60,67,.45);--ok:#34c759;--warn:#ff9f43;--danger:#ff3b30;--cap-amber:#b46a00;--cap-green:#1a7f37;--cap-gray:#6b6b70;--cap-blue:#0062cc;--cap-red:#c2362c;--mesh-1:#c9bcff;--mesh-2:#ffc9de;--mesh-3:#a9d9ff;--mesh-4:#bff0e2;--canvas-1:#edefff;--canvas-2:#f6f0ff;--canvas-3:#fff0f7;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:20px;--side-w:264px;--rail-w:56px;--bar-h:56px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;--mono:"SF Mono",SFMono-Regular,ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1)}body{font-family:var(--font);color:var(--label);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 10% 14%,var(--mesh-1) 0%,transparent 46%),radial-gradient(circle at 88% 10%,var(--mesh-2) 0%,transparent 42%),radial-gradient(circle at 84% 88%,var(--mesh-3) 0%,transparent 46%),radial-gradient(circle at 14% 90%,var(--mesh-4) 0%,transparent 44%),linear-gradient(135deg,var(--canvas-1) 0%,var(--canvas-2) 48%,var(--canvas-3) 100%);background-attachment:fixed}.window{display:flex;min-height:100vh}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.side{width:var(--side-w);flex:0 0 var(--side-w);display:flex;flex-direction:column;height:100vh;align-self:flex-start;background:var(--glass-side);backdrop-filter:blur(44px) saturate(180%);-webkit-backdrop-filter:blur(44px) saturate(180%);border-right:.5px solid var(--hairline);box-shadow:inset -1px 0 0 var(--edge-top),8px 0 28px -18px #10182838;position:sticky;top:0}.window.lg-anim .side{transition:width .32s var(--ease),flex-basis .32s var(--ease)}.side-head{height:var(--bar-h);flex:0 0 var(--bar-h);display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:.5px solid var(--hairline);transition:gap .2s var(--ease),padding .2s var(--ease)}.mk{width:32px;height:32px;flex:0 0 32px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);box-shadow:0 4px 12px -4px hsl(var(--accent-hsl) / .6),inset 0 1px #fff6}.brand-name{display:flex;flex-direction:column;line-height:1.15;overflow:hidden;transition:opacity .18s,width .2s var(--ease)}.brand-name b{font-size:14px;font-weight:600;color:var(--label);white-space:nowrap}.brand-name span{font-size:11px;color:var(--label-2);white-space:nowrap}.side .search{margin:10px 12px;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:var(--r-sm);background:var(--fill);color:var(--label-2);font-size:12.5px;transition:opacity .18s}.side .search svg{width:15px;height:15px;flex:0 0 15px}.side .search span{white-space:nowrap;overflow:hidden}.nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:4px 10px 14px}.nav::-webkit-scrollbar{width:6px}.sec-label{margin:14px 8px 5px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--label-3);white-space:nowrap;transition:opacity .18s}.sec-label:after{content:""}.group{margin-bottom:1px}.item{--ic:var(--brand);position:relative;display:flex;align-items:center;gap:11px;height:38px;padding:0 11px;border-radius:var(--r-sm);color:var(--label);font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.item:hover{background:var(--hover)}.item .ico{width:21px;height:21px;flex:0 0 21px;color:var(--ic);display:flex;align-items:center;justify-content:center}.item .ico svg{width:19px;height:19px}.item .txt{flex:1 1 auto;overflow:hidden;transition:opacity .18s,width .2s var(--ease)}.item .chev{width:14px;height:14px;flex:0 0 14px;color:var(--label-3);transition:transform .2s var(--ease),opacity .18s}.group.open>.item .chev{transform:rotate(90deg)}.item.active{color:#fff;font-weight:600;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);box-shadow:0 8px 20px -8px hsl(var(--accent-hsl) / .6),0 2px 6px -2px hsl(var(--accent-hsl) / .35),inset 0 1px #ffffff59}.item.active .ico,.item.active .chev{color:#fff}.item.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%)}.item .badge-n{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .18s var(--ease)}.sub{overflow:hidden;max-height:0;transition:max-height .28s var(--ease)}.group.open>.sub{max-height:600px}.sub-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 11px 0 32px;border-radius:var(--r-sm);color:var(--label-2);font-size:13px;text-decoration:none}.sub-item:hover{background:var(--hover);color:var(--label)}.sub-item.active{color:var(--brand);font-weight:600}.side-foot{padding:10px 14px;border-top:.5px solid var(--hairline);font-size:11px;color:var(--label-3);white-space:nowrap;transition:opacity .18s}.window.collapsed .side{width:var(--rail-w);flex:0 0 var(--rail-w)}.window.collapsed .side-head{gap:0;padding:0;justify-content:center}.window.collapsed .brand-name,.window.collapsed .item .txt,.window.collapsed .item .chev,.window.collapsed .side .search span{flex:0 0 0;width:0;overflow:hidden;opacity:0}.window.collapsed .sec-label{opacity:0;height:8px;margin:8px 0 0;overflow:hidden}.window.collapsed .side .search{justify-content:center}.window.collapsed .side-foot{opacity:0;height:0;padding:0;overflow:hidden}.window.collapsed .item{justify-content:center;padding:0;width:44px;height:44px;margin:2px auto;border-radius:13px}.window.collapsed .nav{padding:4px 6px}.window.collapsed .item .badge-n{position:absolute;top:6px;right:6px;min-width:8px;width:8px;height:8px;padding:0;border:1.5px solid var(--glass-side);font-size:0}.window.collapsed .item[data-t]:hover:before{content:attr(data-t);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:var(--tip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--tip-text);font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 8px 24px -8px #00000073;z-index:80;pointer-events:none}.window.collapsed .item[data-t]:hover:after{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;background:var(--tip-bg);border-radius:2px;z-index:80;pointer-events:none}.navbar-lg{height:var(--bar-h);flex:0 0 var(--bar-h);display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--glass-bar);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:.5px solid var(--hairline);box-shadow:inset 0 1px 0 var(--edge-top);position:sticky;top:0;z-index:40}.tbtn{width:38px;height:38px;flex:0 0 38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--label-2);background:transparent;transition:background .15s,color .15s}.tbtn:hover{background:var(--hover);color:var(--brand)}.tbtn svg{width:19px;height:19px}.nav-title{font-size:15px;font-weight:600;color:var(--label)}.nav-spacer{flex:1 1 auto}.bell{position:relative}.bell .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:99px;background:var(--danger);border:1.5px solid var(--glass-bar)}.me{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:99px;cursor:pointer;transition:background .15s}.me:hover{background:var(--hover)}.me .av{position:relative;width:30px;height:30px;flex:0 0 30px;border-radius:99px;color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-light))}.me .av:after{content:"";position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:99px;background:var(--ok);border:2px solid var(--glass-bar)}.me b{font-size:13px;font-weight:600}.content{flex:1 1 auto;padding:20px;overflow-y:auto}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.page-head .ph-ico{width:30px;height:30px;flex:0 0 30px;border-radius:9px;color:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-light));box-shadow:0 4px 12px -4px hsl(var(--accent-hsl) / .5)}.page-head h1{font-size:23px;font-weight:600;color:var(--label)}.cap{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:600}.cap.amber{background:#ff9f4329;color:var(--cap-amber,#b46a00)}.cap.green{background:#34c7592e;color:var(--cap-green,#1a7f37)}.cap.gray{background:#78788029;color:var(--cap-gray,#6b6b70)}.cap.blue{background:#007aff24;color:var(--cap-blue,#0062cc)}.cap.red{background:#ff3b3026;color:var(--cap-red,#c2362c)}.glass,.panel{background:var(--glass-card);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border:.5px solid var(--hairline);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--edge-top),0 8px 28px -14px #10182838}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stat{padding:14px 16px;border-radius:var(--r-md);background:var(--glass-card);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:.5px solid var(--hairline);box-shadow:inset 0 1px 0 var(--edge-top),0 6px 20px -12px #10182833;transition:transform .2s var(--ease)}.stat:hover{transform:translateY(-3px)}.stat .n{font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.stat .l{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--label-2);margin-top:3px}.stat.sel{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 8px 24px -12px hsl(var(--accent-hsl) / .4)}.stat.s-amber .n{color:var(--cap-amber,#b46a00)}.stat.s-green .n{color:var(--cap-green,#1a7f37)}.stat.s-red .n{color:var(--cap-red,#c2362c)}.filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.field{height:40px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:var(--r-sm);background:var(--field-bg);border:.5px solid var(--hairline);font-size:13px;color:var(--label);transition:box-shadow .15s,border-color .15s}.field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px hsl(var(--accent-hsl) / .25)}.count-pill{height:24px;padding:0 10px;border-radius:99px;background:hsl(var(--accent-hsl) / .12);color:var(--brand-deep);font-size:12px;font-weight:600;display:inline-flex;align-items:center}.tbl-wrap{overflow-x:auto;border-radius:var(--r-lg)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{position:sticky;top:0;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--label-2);padding:11px 14px;background:var(--glass-bar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid var(--hairline);white-space:nowrap}.tbl tbody td{padding:11px 14px;border-bottom:.5px solid var(--hairline);color:var(--label)}.tbl tbody tr:hover{background:hsl(var(--accent-hsl) / .06)}.tbl .code{font-family:var(--mono);color:var(--brand-deep);font-weight:600}.tbl .amt{font-variant-numeric:tabular-nums;font-weight:600}.row-act{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--label-2);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.row-act:hover{background:hsl(var(--accent-hsl) / .12);color:var(--brand)}.lg-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.side{position:fixed;left:0;top:0;bottom:0;z-index:60;transform:translate(-100%);transition:transform .3s var(--ease)}.window.drawer-open .side{transform:translate(0);box-shadow:0 0 60px -10px #0006}.window.drawer-open .lg-backdrop{display:block}.window.collapsed .side{width:var(--side-w)!important;flex-basis:var(--side-w)!important}.window.collapsed .brand-name,.window.collapsed .item .txt,.window.collapsed .item .chev,.window.collapsed .sec-label,.window.collapsed .side .search span{width:auto!important;flex:1 1 auto;opacity:1!important;height:auto!important}.window.collapsed .item{width:auto;height:38px;justify-content:flex-start;padding:0 11px;margin:1px 0;border-radius:var(--r-sm)}.window.collapsed .item[data-t]:hover:before,.window.collapsed .item[data-t]:hover:after{display:none}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:14px}}.dropdown-content.glass-menu{background:var(--menu-bg)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:.5px solid var(--hairline)!important;box-shadow:inset 0 1px 0 var(--edge-top),0 16px 40px -16px #10182852!important;border-radius:var(--r-md)!important}.modal-box{background:var(--glass-card)!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:.5px solid var(--hairline);box-shadow:inset 0 1px 0 var(--edge-top),0 30px 70px -24px #10182873;border-radius:var(--r-xl)}.card.bg-white,.card.bg-base-100{background:var(--glass-card)!important;backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:.5px solid var(--hairline);box-shadow:inset 0 1px 0 var(--edge-top),0 8px 28px -14px #10182833}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-light));border:none;box-shadow:0 6px 16px -6px hsl(var(--accent-hsl) / .5),inset 0 1px #ffffff59}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-deep),var(--brand))}.table thead th{background:var(--glass-bar);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--label-2);border-bottom:.5px solid var(--hairline)}.table tbody tr{border-bottom:.5px solid var(--hairline)}.table tbody tr:hover{background:hsl(var(--accent-hsl) / .06)}.table td,.table th{border-color:var(--hairline)}.input,.select,.textarea{background:var(--field-bg);border:.5px solid var(--hairline);transition:box-shadow .15s,border-color .15s,background .15s}.input:focus,.input:focus-within,.select:focus,.textarea:focus,.input-bordered:focus,.select-bordered:focus,.textarea-bordered:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px hsl(var(--accent-hsl) / .22);background:var(--field-focus)}.alert{border-radius:var(--r-md);box-shadow:0 6px 20px -12px #10182833}.alert-warning{border-left:3px solid var(--warn)}.alert-error{border-left:3px solid #ea5455}.alert-success{border-left:3px solid #28c76f}.alert-info{border-left:3px solid #00cfe8}.tabs-boxed{background:var(--fill);border-radius:var(--r-md);padding:3px}.tabs-boxed .tab-active{background:var(--glass-card);box-shadow:0 2px 8px -3px #10182833;color:var(--brand)}.menu-title{color:var(--label-3)}.divider{opacity:.4}.stats{background:transparent}::-moz-selection{background:hsl(var(--accent-hsl) / .22)}::selection{background:hsl(var(--accent-hsl) / .22)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.btn:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--accent-hsl) / .35)}.btn{border-radius:9px;font-weight:500;letter-spacing:0;transition:transform .08s,box-shadow .15s,background .15s}.btn:active{transform:scale(.97)}.btn-sm{border-radius:8px}.btn-xs{border-radius:7px}.btn-ghost:hover{background:var(--hover)}.btn-outline{border-color:var(--hairline)}.btn-outline:hover{background:var(--hover);border-color:var(--brand);color:var(--brand)}.toggle:checked,.toggle[aria-checked=true]{background-color:var(--ok);border-color:var(--ok)}.checkbox:checked{background-color:var(--brand);border-color:var(--brand)}.radio:checked{border-color:var(--brand)}.tabs .tab{font-weight:500}.tabs .tab-active:not(.tab-bordered){color:var(--brand)}.menu li>*{border-radius:8px}.menu li>*:hover{background:var(--hover)}.menu li>.active,.menu li>*:active{background:hsl(var(--accent-hsl) / .14);color:var(--brand-deep)}.badge{font-weight:600}.card.bg-white,.card.bg-base-100,.panel,.glass{transition:box-shadow .2s,transform .2s}kbd,.kbd{background:var(--field-bg);border:.5px solid var(--hairline);border-bottom-width:1.5px;border-radius:6px;padding:1px 6px;font-size:11px;font-family:var(--font);color:var(--label-2);box-shadow:0 1px #1018280d}.avatar.placeholder>div{background:linear-gradient(135deg,var(--brand),var(--brand-light))}.loading{color:var(--brand)}.border-gray-200{border-color:var(--hairline)!important}.divider:before,.divider:after{background:var(--hairline)}.link-primary,a.link-primary{color:var(--brand)}.navbar-lg:before{content:"";flex:0 0 auto;display:inline-flex;width:52px;height:12px;margin-right:2px;background:radial-gradient(circle 6px at 6px 6px,#ff5f57 0 5px,transparent 5px),radial-gradient(circle 6px at 26px 6px,#febc2e 0 5px,transparent 5px),radial-gradient(circle 6px at 46px 6px,#28c840 0 5px,transparent 5px)}@media(max-width:768px){.navbar-lg:before{display:none}}
