:root{--bg:#0a0d14;--bg-sunken:#0e121a;--sidebar:#10141d;--panel:#151a24;--panel-2:#1a2130;--hover:#1f2836;--active:#232f43;--line:#232b39;--line-2:#2d3745;--line-strong:#3a4657;--text:#e7ecf3;--text-2:#a2aebe;--text-3:#6d7a8c;--text-4:#4e5a6b;--accent:#6b8afd;--accent-2:#4d6ef2;--accent-3:#3a55c9;--accent-ink:#cfdcff;--accent-bg:#6b8afd1f;--accent-line:#6b8afd52;--ok:#34c68d;--ok-bg:#34c68d21;--warn:#e5b13c;--warn-bg:#e5b13c21;--danger:#ef5f63;--danger-bg:#ef5f6321;--info:#56b6f0;--info-bg:#56b6f021;--violet:#a98bfa;--violet-bg:#a98bfa21;--slate:#8695a8;--slate-bg:#8695a821;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 26px #00000073;--shadow-3:0 22px 60px #0009;--t-fast:.12s ease;--t:.2s cubic-bezier(.2, .6, .3, 1);--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace;--sidebar-w:246px;--topbar-h:68px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:12.5px}.muted{color:var(--text-3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--line-2);border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--line-strong)}.login{background:radial-gradient(circle at 18% 12%, #6b8afd24, transparent 45%), radial-gradient(circle at 86% 84%, #a98bfa1a, transparent 42%), var(--bg);place-items:center;min-height:100%;padding:32px;display:grid}.login__card{border:1px solid var(--line);background:var(--panel);width:100%;max-width:940px;box-shadow:var(--shadow-3);border-radius:20px;grid-template-columns:1.02fr 1fr;display:grid;overflow:hidden}.login__aside{border-right:1px solid var(--line);background:linear-gradient(158deg,#1b2440 0%,#141a2c 55%,#10141d 100%);flex-direction:column;gap:30px;padding:44px 40px;display:flex}.login__headline{letter-spacing:.01em;font-size:25px;font-weight:700;line-height:1.35}.login__points{color:var(--text-2);gap:12px;font-size:13px;display:grid}.login__points li{align-items:flex-start;gap:10px;line-height:1.55;display:flex}.login__points svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:2px}.login__panel{flex-direction:column;justify-content:center;padding:44px 40px;display:flex}.login__title{font-size:21px;font-weight:700}.login__lead{color:var(--text-3);margin:6px 0 26px;font-size:13.5px}.login__hint{color:var(--text-3);margin-top:18px;font-size:12px;line-height:1.6}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand__mark{background:linear-gradient(150deg, var(--accent) 0%, var(--accent-3) 100%);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff24}.brand__mark svg{width:19px;height:19px;display:block}.brand__name{letter-spacing:.01em;white-space:nowrap;font-size:14.5px;font-weight:700;display:block}.brand__sub{letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:600;display:block}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;gap:22px;height:100vh;padding:20px 14px 16px;display:flex;position:sticky;top:0}.sidebar__brand{padding:0 6px}.sidebar__section{letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);padding:0 8px;font-size:10.5px;font-weight:700}.sidebar__nav{gap:3px;display:grid}.nav-item{border-radius:var(--radius);min-height:40px;color:var(--text-2);text-align:left;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;align-items:center;gap:11px;padding:0 11px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item svg{opacity:.85;flex:none;width:17px;height:17px}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.is-active{background:var(--accent-bg);color:var(--accent-ink);font-weight:600}.nav-item.is-active svg{opacity:1;color:var(--accent)}.nav-item.is-active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-14px}.nav-item__count{border-radius:var(--radius-pill);background:var(--panel-2);color:var(--text-3);font-family:var(--font-mono);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-item.is-active .nav-item__count{color:var(--accent-ink);background:#6b8afd33}.sidebar__spacer{flex:1}.sidebar__user{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);align-items:center;gap:10px;padding:11px;display:flex}.avatar{background:var(--panel-2);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.sidebar__user-body{flex:1;min-width:0}.sidebar__user-name{font-size:12.5px;font-weight:600;display:block}.sidebar__user-role{color:var(--text-3);font-size:11px;display:block}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:15;min-height:var(--topbar-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d14db;align-items:center;gap:18px;padding:0 26px;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:.01em;font-size:18px;font-weight:700}.topbar__sub{color:var(--text-3);margin-top:1px;font-size:12.5px}.topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.content{flex:1;align-content:start;gap:18px;padding:24px 26px 56px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);overflow:hidden}.card__head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:15px 18px;display:flex}.card__title{letter-spacing:.01em;font-size:14px;font-weight:700}.card__sub{color:var(--text-3);margin-top:2px;font-size:12.5px}.card__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.card__body{padding:18px}.card__body--flush{padding:0}.card__foot{border-top:1px solid var(--line);background:var(--bg-sunken);align-items:center;gap:12px;padding:13px 18px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);padding:16px 18px;position:relative;overflow:hidden}.stat__label{letter-spacing:.02em;color:var(--text-3);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.stat__label svg{width:14px;height:14px}.stat__value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:27px;font-weight:700;line-height:1.1}.stat__foot{color:var(--text-3);margin-top:6px;font-size:12px}.stat--accent .stat__value{color:var(--accent-ink)}.stat--ok .stat__value{color:var(--ok)}.stat--warn .stat__value{color:var(--warn)}.stat--danger .stat__value{color:var(--danger)}.btn{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2);min-height:36px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn svg{flex:none;width:15px;height:15px}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{color:var(--text-4);background:var(--panel);border-color:var(--line);cursor:not-allowed}.btn--primary{border-color:var(--accent-2);background:var(--accent-2);color:#fff;box-shadow:var(--shadow-1)}.btn--primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:#0000}.btn--danger{background:var(--danger-bg);color:var(--danger);border-color:#ef5f6366}.btn--danger:hover:not(:disabled){border-color:var(--danger);background:#ef5f6333}.btn--sm{min-height:30px;padding:0 10px;font-size:12px}.btn--lg{min-height:44px;padding:0 20px;font-size:14px}.btn--block{width:100%}.btn--icon{width:34px;min-height:34px;padding:0}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge--ok{background:var(--ok-bg);color:var(--ok);border-color:#34c68d4d}.badge--warn{background:var(--warn-bg);color:var(--warn);border-color:#e5b13c4d}.badge--danger{background:var(--danger-bg);color:var(--danger);border-color:#ef5f634d}.badge--info{background:var(--info-bg);color:var(--info);border-color:#56b6f04d}.badge--violet{background:var(--violet-bg);color:var(--violet);border-color:#a98bfa4d}.badge--slate{background:var(--slate-bg);color:var(--slate);border-color:#8695a847}.badge--accent{background:var(--accent-bg);border-color:var(--accent-line);color:var(--accent-ink)}.tag{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel-2);height:21px;color:var(--text-2);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;display:inline-flex}.tag--accent{border-color:var(--accent-line);background:var(--accent-bg);color:var(--accent-ink)}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th{z-index:2;border-bottom:1px solid var(--line);background:var(--bg-sunken);color:var(--text-3);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:700;position:sticky;top:0}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--hover)}.table tbody tr:last-child td{border-bottom:0}.table__check{width:40px}.table__actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.table--compact td,.table--compact th{padding:9px 12px}.cell-strong{font-weight:600}.cell-sub{color:var(--text-3);margin-top:2px;font-size:11.5px}.row--selected{background:var(--accent-bg)}.field{margin-bottom:16px;display:block}.field:last-child{margin-bottom:0}.field__label{letter-spacing:.02em;color:var(--text-2);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.field__label .opt{color:var(--text-4);margin-left:6px;font-weight:400}.field__hint{color:var(--text-3);margin-top:6px;font-size:12px;line-height:1.5}.input,.select,.textarea{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-sunken);width:100%;min-height:38px;color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);padding:8px 12px;font-size:13.5px;display:block}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);background-color:var(--panel);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.textarea{resize:vertical;min-height:84px;line-height:1.55}select[multiple]{background-image:none;min-height:190px;padding:6px}select[multiple] option{border-radius:var(--radius-sm);padding:5px 8px}select[multiple] option:checked{background:linear-gradient(var(--accent-bg), var(--accent-bg));color:var(--accent-ink)}.input[type=checkbox]{appearance:none;border:1px solid var(--line-strong);background:var(--bg-sunken);cursor:pointer;width:16px;height:16px;min-height:16px;transition:background var(--t-fast), border-color var(--t-fast);border-radius:4px;margin:0;padding:0}.input[type=checkbox]:hover{border-color:var(--accent)}.input[type=checkbox]:checked{border-color:var(--accent-2);background:var(--accent-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-actions{align-items:center;gap:10px;margin-top:18px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar__spacer{flex:1}.search{flex:1;min-width:200px;max-width:340px;position:relative}.search svg{width:15px;height:15px;color:var(--text-4);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .input{padding-left:34px}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-sm);min-height:28px;color:var(--text-3);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;padding:0 11px;font-size:12.5px;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--panel-2);color:var(--text);box-shadow:var(--shadow-1)}.banner{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:10px;padding:11px 14px;font-size:13px;line-height:1.5;display:flex}.banner svg{flex:none;width:16px;height:16px;margin-top:1px}.banner--error{background:var(--danger-bg);color:var(--danger);border-color:#ef5f6352}.banner--info{border-color:var(--accent-line);background:var(--accent-bg);color:var(--accent-ink)}.banner--warn{background:var(--warn-bg);color:var(--warn);border-color:#e5b13c52}.empty{text-align:center;place-items:center;gap:10px;padding:46px 24px;display:grid}.empty__icon{border:1px solid var(--line);background:var(--bg-sunken);width:46px;height:46px;color:var(--text-4);border-radius:12px;place-items:center;display:grid}.empty__icon svg{width:21px;height:21px}.empty__title{color:var(--text-2);font-size:14px;font-weight:600}.empty__text{max-width:420px;color:var(--text-3);font-size:12.5px;line-height:1.6}.empty--inline{padding:20px 0}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--panel-2) 28%, var(--hover) 46%, var(--panel-2) 64%);background-size:220% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.skeleton-rows{gap:10px;padding:16px 18px;display:grid}.toast-host{z-index:90;gap:10px;width:min(360px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel-2);box-shadow:var(--shadow-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;animation:.22s cubic-bezier(.2,.6,.3,1) toast-in;display:flex}.toast svg{flex:none;width:16px;height:16px;margin-top:1px}.toast--ok{border-color:#34c68d66}.toast--ok svg{color:var(--ok)}.toast--err{border-color:#ef5f6373}.toast--err svg{color:var(--danger)}.toast--info{border-color:var(--accent-line)}.toast--info svg{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060ab8;place-items:center;padding:24px;animation:.16s modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal__panel{border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--panel);width:min(720px,100%);max-height:min(86vh,900px);box-shadow:var(--shadow-3);flex-direction:column;display:flex;overflow:hidden}.modal__head{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.modal__title{font-size:15px;font-weight:700}.modal__sub{color:var(--text-3);margin-top:3px;font-size:12.5px}.modal__body{flex:1;min-height:0;padding:20px;overflow:auto}.modal__foot{border-top:1px solid var(--line);background:var(--bg-sunken);align-items:center;gap:10px;padding:14px 20px;display:flex}.modal__foot .toolbar__spacer{flex:1}.pager{align-items:center;gap:12px;display:flex}.pager__info{color:var(--text-3);font-size:12.5px}.pager__info b{color:var(--text);font-family:var(--font-mono)}.tree,.tree__node{gap:2px;display:grid}.tree__row{border-radius:var(--radius-sm);align-items:center;gap:9px;min-height:32px;padding:4px 8px;font-size:13px;display:flex}.tree__row:hover{background:var(--hover)}.tree__name{font-weight:600}.tree__meta{align-items:center;gap:8px;margin-left:auto;display:flex}.tree__children{border-left:1px solid var(--line);gap:2px;margin-left:15px;padding-left:13px;display:grid}.item-list{gap:12px;display:grid}.item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);padding:15px 17px}.item__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.item__title{font-size:13.5px;font-weight:700}.item__time{color:var(--text-3);margin-left:auto;font-size:12px}.item__text{color:var(--text-2);white-space:pre-wrap;font-size:13px;line-height:1.65}.meter{border-radius:var(--radius-pill);background:var(--panel-2);height:6px;overflow:hidden}.meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%}.meter__fill--ok{background:linear-gradient(90deg, #1f9c6e, var(--ok))}.meter__fill--warn{background:linear-gradient(90deg, #b9862a, var(--warn))}.metric-row{gap:6px;display:grid}.metric-row__head{align-items:baseline;gap:8px;font-size:12.5px;display:flex}.metric-row__head b{font-family:var(--font-mono);margin-left:auto;font-size:12.5px}.kv{grid-template-columns:auto 1fr;gap:8px 16px;font-size:12.5px;display:grid}.kv dt{color:var(--text-3)}.kv dd{margin:0;font-weight:600}.report-block{gap:6px;display:grid}.report-block-list{gap:14px;display:grid}.report-block__title{color:var(--text);font-size:13px;font-weight:700}.report-block__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.report-chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel-2);height:21px;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}@media (width<=1080px){:root{--sidebar-w:68px}.sidebar{align-items:center;padding:18px 8px 12px}.sidebar__brand .brand__name,.sidebar__brand .brand__sub,.sidebar__section,.nav-item span,.sidebar__user-body{display:none}.nav-item{justify-content:center;width:44px;padding:0}.nav-item.is-active:before{left:-8px}.nav-item__count{margin:0;padding:0 4px;font-size:9.5px;position:absolute;top:2px;right:2px}.sidebar__user{background:0 0;border:0;padding:6px}.login__card{grid-template-columns:1fr;max-width:440px}.login__aside{border-right:0;border-bottom:1px solid var(--line);padding:28px}.login__points{display:none}.content,.topbar{padding-left:16px;padding-right:16px}}