*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--fg);background:#fafbfc;-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:grid;grid-template-columns:232px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"side top" "side main";height:100vh;width:100vw}.sidebar{grid-area:side;background:var(--arborsys-dark-blue);color:var(--fg-on-dark);display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.06)}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar__brand-leaf{width:20px;height:20px;object-fit:contain}.sidebar__brand-name{font-family:var(--font-sans);font-weight:800;font-size:15px;letter-spacing:-.01em;color:#fff}.sidebar__brand-sub{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--arborsys-blue);text-transform:uppercase}.sidebar__section{padding:14px 10px 4px}.sidebar__section-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff6;padding:0 10px 6px}.sidebar__nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:4px;font-size:13px;font-weight:500;color:#ffffffc7;cursor:pointer;transition:background var(--dur-quick) var(--ease-standard),color var(--dur-quick) var(--ease-standard);-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item--active{background:#59b1c824;color:#fff;box-shadow:inset 2px 0 0 var(--arborsys-blue)}.nav-item__icon{width:16px;height:16px;stroke-width:1.75;flex-shrink:0;opacity:.85}.nav-item--active .nav-item__icon{opacity:1;color:var(--arborsys-blue)}.nav-item__badge{margin-left:auto;background:#ffffff14;color:#ffffffb3;border-radius:3px;font-size:11px;font-weight:600;padding:1px 6px;min-width:18px;text-align:center}.nav-item__badge--accent{background:#f7931e2e;color:var(--arborsys-orange)}.sidebar__user{margin-top:auto;padding:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;cursor:pointer;transition:background var(--dur-quick) var(--ease-standard)}.sidebar__user:hover{background:#ffffff08}.sidebar__user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--arborsys-blue),#3d8fa6);display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px;letter-spacing:.02em}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:12.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:11px;color:var(--arborsys-blue)}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border-bottom:1px solid var(--border)}.topbar__crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-muted)}.topbar__crumbs strong{color:var(--fg);font-weight:600}.topbar__crumb-sep{opacity:.35}.topbar__search{margin-left:16px;position:relative;width:320px;max-width:40%}.topbar__search input{width:100%;height:30px;padding:0 10px 0 30px;border:1px solid var(--border);background:#fafbfc;border-radius:4px;font:inherit;font-size:12.5px;color:var(--fg);outline:none;transition:border-color var(--dur-quick) var(--ease-standard),background var(--dur-quick) var(--ease-standard)}.topbar__search input:focus{border-color:var(--arborsys-blue);background:#fff}.topbar__search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--fg-muted)}.topbar__search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--fg-muted);background:#fff;border:1px solid var(--border);border-radius:3px;padding:1px 5px}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:6px}.icon-btn{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:4px;display:grid;place-items:center;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-quick) var(--ease-standard);position:relative}.icon-btn:hover{background:var(--db-04);color:var(--fg)}.icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--arborsys-orange);border:1.5px solid #fff}.icon-btn svg{width:16px;height:16px}.main{grid-area:main;overflow-y:auto;background:#fafbfc}.main__inner{padding:20px 24px 40px;max-width:1600px}.page-head{display:flex;align-items:flex-end;gap:16px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border)}.page-head__title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--fg);margin:0}.page-head__sub{font-size:13px;color:var(--fg-muted);margin:4px 0 0}.page-head__actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:4px;border:1px solid var(--border);background:#fff;color:var(--fg);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:all var(--dur-quick) var(--ease-standard);white-space:nowrap}.btn:hover{border-color:var(--border-strong);background:#fff}.btn svg{width:14px;height:14px}.btn--primary{background:var(--arborsys-dark-blue);border-color:var(--arborsys-dark-blue);color:#fff}.btn--primary:hover{background:#143447;border-color:#143447}.btn--ghost{border-color:transparent;background:transparent;color:var(--fg-muted)}.btn--ghost:hover{color:var(--fg);background:var(--db-04)}.btn--sm{height:26px;padding:0 9px;font-size:12px}.btn--icon{padding:0;width:30px;justify-content:center}.segment{display:inline-flex;background:#f2f4f7;border-radius:4px;padding:2px;gap:2px}.segment__btn{border:0;background:transparent;padding:4px 10px;font:inherit;font-size:12px;font-weight:500;color:var(--fg-muted);border-radius:3px;cursor:pointer;transition:all var(--dur-quick) var(--ease-standard)}.segment__btn--active{background:#fff;color:var(--fg);box-shadow:0 1px 2px #0d253514}.card{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden}.card__head{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;border-bottom:1px solid var(--border)}.card__title{font-size:13px;font-weight:600;color:var(--fg);margin:0}.card__sub{font-size:11.5px;color:var(--fg-muted);margin-left:8px}.card__actions{margin-left:auto;display:flex;gap:4px}.card__body{padding:14px}.card__body--pad0{padding:0}.chip{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.01em;background:var(--db-04);color:var(--fg);border:1px solid var(--border);white-space:nowrap}.chip__dot{width:6px;height:6px;border-radius:50%;background:var(--fg-muted)}.chip--green{background:#22966c14;color:#1f6e4d;border-color:#22966c2e}.chip--green .chip__dot{background:#22966c}.chip--amber{background:#f7931e1a;color:#a45e00;border-color:#f7931e38}.chip--amber .chip__dot{background:var(--arborsys-orange)}.chip--red{background:#c8414614;color:#a63036;border-color:#c841462e}.chip--red .chip__dot{background:#c84146}.chip--blue{background:#59b1c81a;color:#1f6a7d;border-color:#59b1c838}.chip--blue .chip__dot{background:var(--arborsys-blue)}.chip--dark{background:var(--arborsys-dark-blue);color:#fff;border-color:var(--arborsys-dark-blue)}.chip--ghost{background:transparent;border-color:var(--border);color:var(--fg-muted)}.dtable{width:100%;border-collapse:collapse;font-size:12.5px}.dtable thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);padding:9px 14px;border-bottom:1px solid var(--border);background:#fafbfc;position:sticky;top:0}.dtable tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--fg)}.dtable tbody tr:last-child td{border-bottom:0}.dtable tbody tr{transition:background var(--dur-quick) var(--ease-standard);cursor:pointer}.dtable tbody tr:hover{background:#f6f8fa}.td-primary{font-weight:600;color:var(--fg)}.td-muted{color:var(--fg-muted)}.td-num{font-variant-numeric:tabular-nums;text-align:right}.avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:700;font-size:10.5px;letter-spacing:.01em;flex-shrink:0;border:1.5px solid #fff}.avatar--sm{width:20px;height:20px;font-size:9.5px}.avatar--lg{width:40px;height:40px;font-size:14px}.avatar--xl{width:64px;height:64px;font-size:22px}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack .avatar+.avatar{margin-left:-7px}.avatar-stack__more{margin-left:-7px;width:24px;height:24px;border-radius:50%;border:1.5px solid #fff;background:#e9edf1;color:var(--fg-muted);font-size:10.5px;font-weight:600;display:grid;place-items:center}.bar{height:6px;background:#eef1f4;border-radius:3px;overflow:hidden;position:relative}.bar__fill{height:100%;background:var(--arborsys-dark-blue);border-radius:3px;transition:width var(--dur-base) var(--ease-standard)}.bar--util .bar__fill{background:var(--arborsys-blue)}.bar--over .bar__fill{background:var(--arborsys-orange)}.bar--crit .bar__fill{background:#c84146}.tweaks{position:fixed;right:16px;bottom:16px;width:280px;background:#fff;border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow-card);z-index:1000;overflow:hidden;font-size:12.5px}.tweaks__head{padding:10px 12px;background:var(--arborsys-dark-blue);color:#fff;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.tweaks__head-leaf{width:14px;height:14px}.tweaks__body{padding:12px;display:flex;flex-direction:column;gap:14px}.tweaks__group-label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px}.tweaks__opts{display:flex;gap:4px;flex-wrap:wrap}.tweaks__opt{flex:1 1 auto;min-width:60px;height:28px;padding:0 8px;border:1px solid var(--border);background:#fff;border-radius:4px;font:inherit;font-size:11.5px;font-weight:500;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-quick) var(--ease-standard)}.tweaks__opt:hover{color:var(--fg);border-color:var(--border-strong)}.tweaks__opt--active{background:var(--arborsys-dark-blue);border-color:var(--arborsys-dark-blue);color:#fff}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1}.mono{font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.accent{color:var(--arborsys-orange);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb{background:#d6dce2;border-radius:10px;border:2px solid #FAFBFC}.main::-webkit-scrollbar-thumb:hover{background:#b7c0c9}