:root{--bg: #0d0f12;--surface: #16191d;--surface-2: #1c2025;--surface-3: #22272d;--border: #262b31;--border-strong: #333a42;--text: #e6e8ea;--text-dim: #a8b0b8;--muted: #7d868f;--accent: #4c6ef5;--accent-dim: #3b5bdb;--success: #2f9e44;--warning: #f08c00;--danger: #e03131;--automated: #7048e8;--radius: 6px;--sidebar-width: 232px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.brand{padding:1.15rem 1.15rem .9rem;border-bottom:1px solid var(--border)}.brand h1{margin:0;font-size:.95rem;font-weight:650;letter-spacing:-.01em}.brand span{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}.nav{padding:.75rem .6rem;flex:1}.nav-group{margin-bottom:1.1rem}.nav-group>h2{margin:0 0 .35rem .55rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.nav a{display:block;padding:.4rem .55rem;border-radius:var(--radius);color:var(--text-dim);font-size:.855rem}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:var(--surface-3);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.main{overflow-y:auto;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.content{padding:1.5rem;max-width:1180px;width:100%}.page-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:620;letter-spacing:-.015em}.page-sub{margin:0 0 1.4rem;color:var(--muted);font-size:.87rem}.guild-switcher{display:flex;align-items:center;gap:.55rem}.guild-switcher select{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.35rem .6rem;font:inherit;font-size:.85rem}.user-chip{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.user-chip img{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-strong)}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.38rem .75rem;font-size:.83rem}.btn:hover{background:var(--surface-3)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:1.6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.05rem}.card h3{margin:0 0 .55rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.card .figure{font-size:1.7rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.card .caption{color:var(--muted);font-size:.8rem;margin-top:.2rem}.card .caption.attention{color:var(--warning)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.05rem;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:.92rem;font-weight:600}table{width:100%;border-collapse:collapse;font-size:.855rem}th{text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.55rem 1.05rem;border-bottom:1px solid var(--border);background:var(--surface-2)}td{padding:.6rem 1.05rem;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.mono{font-family:var(--mono);font-size:.82rem}.dim{color:var(--muted)}.truncate{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:.1rem .42rem;border-radius:3px;font-size:.72rem;font-weight:550;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-dim);white-space:nowrap}.badge.active,.badge.open{border-color:color-mix(in srgb,var(--success) 45%,transparent);color:#8ce99a;background:color-mix(in srgb,var(--success) 14%,transparent)}.badge.revoked,.badge.closed{border-color:var(--border-strong);color:var(--muted)}.badge.expired,.badge.pending{border-color:color-mix(in srgb,var(--warning) 45%,transparent);color:#ffd43b;background:color-mix(in srgb,var(--warning) 14%,transparent)}.badge.danger,.badge.urgent{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:#ffa8a8;background:color-mix(in srgb,var(--danger) 14%,transparent)}.badge.automated{border-color:color-mix(in srgb,var(--automated) 45%,transparent);color:#b197fc;background:color-mix(in srgb,var(--automated) 14%,transparent)}.state{padding:2.5rem 1.5rem;text-align:center;color:var(--muted)}.state strong{display:block;color:var(--text-dim);font-weight:550;margin-bottom:.3rem}.error-box{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1.2rem;font-size:.87rem}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:3px;height:.85rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.login{height:100%;display:grid;place-items:center;padding:1.5rem}.login-card{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:8px;padding:2rem;max-width:380px;width:100%;text-align:center}.login-card h1{margin:0 0 .3rem;font-size:1.3rem;letter-spacing:-.02em}.login-card p{color:var(--muted);margin:0 0 1.5rem;font-size:.88rem}.login-card .btn{width:100%;padding:.6rem;font-size:.9rem}.perm-category{border-bottom:1px solid var(--border);padding:.9rem 1.05rem}.perm-category:last-child{border-bottom:none}.perm-category h3{margin:0 0 .6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.perm-row{display:flex;gap:.6rem;align-items:flex-start;padding:.35rem 0}.perm-row label{cursor:pointer}.perm-row .node{font-family:var(--mono);font-size:.78rem;color:var(--text-dim)}.perm-row .desc{color:var(--muted);font-size:.8rem}.perm-row input[type=checkbox]{margin-top:.25rem;accent-color:var(--accent)}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.content{padding:1rem}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--border);padding:.5rem 0}td{border:none;padding:.25rem 1rem;display:flex;gap:.75rem}td:before{content:attr(data-label);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;min-width:90px;flex-shrink:0}.truncate{max-width:none;white-space:normal}}