: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}}.muted{color:var(--muted);font-size:.82rem;margin-top:.15rem}.realtime{font-size:.72rem;color:var(--muted);letter-spacing:.02em;margin-right:.5rem;white-space:nowrap}.realtime.live{color:#3fb950}.searchbox{flex:1;display:flex;justify-content:center;padding:0 1rem;min-width:0}.searchbox input{width:100%;max-width:420px;padding:.4rem .7rem;font:inherit;font-size:.85rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.searchbox input::placeholder{color:var(--muted)}.searchbox input:focus{outline:none;border-color:var(--accent)}.form{padding:1rem;display:flex;flex-direction:column;gap:.9rem}.field{display:flex;flex-direction:column;gap:.3rem}.field>label{font-size:.8rem;font-weight:600;color:var(--text)}.field input,.field textarea,.field select,.form-row input{padding:.45rem .6rem;font:inherit;font-size:.85rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.field input:focus,.field textarea:focus,.field select:focus,.form-row input:focus{outline:none;border-color:var(--accent)}.form-row{display:flex;gap:.6rem;flex-wrap:wrap}.form-row>*{flex:1;min-width:140px}.checkbox{display:flex;align-items:center;gap:.45rem;font-size:.85rem}.listrow{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--border)}.listrow:last-child{border-bottom:none}.listrow-actions{display:flex;gap:.4rem;margin-left:auto}.btn-danger{border-color:var(--danger, #7d2b2b);color:#ff8080}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}@media (max-width: 1100px){.split{grid-template-columns:minmax(0,1fr)}}.split textarea{resize:vertical;min-height:200px;line-height:1.5}.embed-preview{position:relative;margin:1rem;padding:.8rem 1rem;background:var(--surface-2);border-left:4px solid var(--border-strong);border-radius:4px}.embed-preview-title{font-weight:600;margin-bottom:.4rem}.embed-preview-body{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.5}.embed-preview-thumb{float:right;width:72px;height:72px;object-fit:cover;border-radius:4px;margin-left:.8rem}.embed-preview-image{display:block;max-width:100%;margin-top:.6rem;border-radius:4px}.embed-preview-footer{margin-top:.6rem;font-size:.75rem;color:var(--muted)}.rule-list{display:flex;flex-direction:column;padding:.4rem;gap:1px}.rule-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;font:inherit;text-align:left;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.rule-row:hover{background:var(--surface-2)}.rule-row.is-selected{background:var(--surface-3);border-color:var(--border-strong)}.rule-row-text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.rule-row-text strong{font-size:.85rem;font-weight:600}.rule-row-text .muted{font-size:.75rem}.dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.dot-on{background:var(--success)}.dot-off{background:var(--muted)}.dot-unset{background:transparent;border:1px solid var(--border-strong)}.pill{padding:.1rem .4rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:999px}.pill-warn{color:var(--warning);background:color-mix(in srgb,var(--warning) 15%,transparent)}.notice{padding:.6rem .75rem;font-size:.85rem;line-height:1.45;background:var(--surface-2);border-left:3px solid var(--border-strong);border-radius:var(--radius)}.notice code{font-family:var(--mono);font-size:.8rem}.notice-good{border-left-color:var(--success)}.notice-bad{border-left-color:var(--danger)}.notice-warn{border-left-color:var(--warning)}