:root{--bg: #f7f6f3;--bg-elev: #ffffff;--bg-elev2: #f4f4f2;--panel: #ffffff;--surface-warm: #faf9f7;--surface-zebra: #fcfbf9;--border: #efefef;--border-soft: #f0ede7;--text: #1a1a1a;--text-strong: #1a1a1a;--text-ink2: #3d3d3d;--text-dim: #8a8a8a;--text-faint: #b8b8b8;--primary: #f58220;--primary-deep: #e5331d;--primary-hover: #e5331d;--primary-soft: #fff1e8;--primary-border: #ffdbc2;--green: #1b8f4a;--green-soft: #e5f8ec;--red: #c8302a;--red-soft: #fdecec;--amber: #f5a623;--amber-soft: #fff4dc;--purple: #7a1a6b;--purple-soft: #f4e6f1;--blue: #2c66c2;--blue-soft: #e5effd;--grad-orange: linear-gradient(135deg, #ffb347 0%, #f58220 45%, #e5331d 100%);--grad-text: linear-gradient(180deg, #f58220 0%, #e5331d 100%);--shadow: 0 18px 40px rgba(20, 20, 30, .1), 0 0 0 1px rgba(20, 20, 30, .04);--shadow-brand: 0 8px 16px rgba(229, 51, 29, .25);--shadow-brand-sm: 0 6px 14px rgba(229, 51, 29, .22);--radius: 16px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}code{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:.85em;background:var(--bg-elev2);padding:1px 6px;border-radius:5px;color:var(--text-ink2)}code.wrap{word-break:break-all}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer;transition:all .13s ease;color:var(--text);background:#fff;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 11px;font-size:12px}.btn-block{width:100%;justify-content:center}.btn-primary{background:var(--grad-orange);background-clip:padding-box;color:#fff;border-color:transparent;font-weight:900;box-shadow:var(--shadow-brand-sm)}.btn-primary:hover:not(:disabled){filter:brightness(1.04);border-color:transparent}.btn-ghost{background:#fff;border-color:var(--border);color:var(--text-ink2)}.btn-ghost:hover:not(:disabled){border-color:var(--text-faint);color:var(--text)}.btn-danger{background:var(--red);color:#fff;border-color:transparent}.btn-danger:hover:not(:disabled){filter:brightness(1.06)}.btn-danger-ghost{background:var(--red-soft);border-color:transparent;color:var(--red)}.btn-danger-ghost:hover:not(:disabled){filter:brightness(.98)}.btn-warn{background:var(--amber-soft);border-color:transparent;color:#b9810f}.btn-warn:hover:not(:disabled){filter:brightness(.98)}.icon-btn{background:var(--bg-elev2);border:none;color:var(--text-ink2);cursor:pointer;font-size:14px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:all .12s}.icon-btn:hover{color:var(--text);background:#ebe9e5}.grow{flex:1}input,textarea,select{width:100%;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;font-weight:600;transition:border-color .13s,box-shadow .13s}input::placeholder,textarea::placeholder{color:var(--text-faint);font-weight:600}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f582201f}textarea{resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding:13px 34px 9px 13px;line-height:1.2;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:11px;font-weight:900;color:var(--text-ink2);letter-spacing:.08em;text-transform:uppercase}.field-check{flex-direction:row;align-items:center;gap:8px}.field-check input{width:auto}.field-check>span{margin:0;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;color:var(--text-ink2)}.prune-form .field{margin-bottom:10px}.prune-count{margin:4px 0 12px;font-size:14px}.link-sm{background:none;border:none;color:var(--primary-deep);cursor:pointer;font-size:12px;font-weight:900;padding:0}.link-sm:hover{text-decoration:underline}.linklike{background:none;border:none;cursor:pointer;color:inherit;padding:0;text-align:left;font:inherit}.linklike:hover .user-name{color:var(--primary-deep)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;font-weight:700}.alert-error{background:var(--red-soft);border:1px solid #f3c9c7;color:var(--red)}.login-screen{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#fafafa;padding:24px;overflow:hidden}.login-blob{position:absolute;border-radius:50%;pointer-events:none}.login-blob-1{top:-180px;right:-180px;width:540px;height:540px;background:radial-gradient(circle,rgba(245,130,32,.18) 0%,transparent 65%)}.login-blob-2{bottom:-80px;left:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(229,51,29,.12) 0%,transparent 65%)}.login-card{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border:none;border-radius:24px;padding:44px 44px 36px;box-shadow:0 30px 60px #14141e14,0 0 0 1px #14141e0a}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px;text-align:left}.login-brand-eyebrow{font-size:11px;font-weight:900;color:var(--text-dim);letter-spacing:.22em}.login-brand h1{font-size:26px;margin:2px 0 0;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em}.login-welcome{margin-top:26px;font-size:22px;font-weight:900;letter-spacing:-.01em}.login-welcome-sub{font-size:14px;color:var(--text-dim);font-weight:600;margin:4px 0 0}.login-2fa{font-size:11px;font-weight:900;color:var(--primary-deep);background:var(--primary-soft);padding:4px 10px;border-radius:999px;letter-spacing:.08em}.login-foot{position:relative;z-index:1;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.04em}.boot-screen{min-height:100%;display:flex;align-items:center;justify-content:center}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:var(--grad-orange);color:#fff;font-weight:900;font-size:22px;line-height:1;padding-top:.16em;letter-spacing:-.02em;box-shadow:0 6px 14px #e5331d4d,inset 0 1px #fff6;flex-shrink:0}.brand-mark.lg{width:52px;height:52px;font-size:28px;border-radius:14px}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100%}.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0}.brand{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;border-bottom:1px solid var(--border)}.brand-name{font-weight:900;font-size:16px;line-height:1.1;letter-spacing:-.01em}.brand-sub{font-size:10px;font-weight:900;color:var(--text-dim);text-transform:uppercase;letter-spacing:.18em;margin-top:2px}.nav-search{margin:14px 16px 8px;background:var(--bg-elev2);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);font-weight:600}.nav-search .kbd{margin-left:auto;font-size:10px;font-weight:800;background:#fff;padding:2px 6px;border-radius:5px;border:1px solid var(--border)}.nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:8px 10px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-ink2);text-decoration:none;font-weight:700;font-size:14px;transition:all .12s}.nav-item:hover{background:var(--bg-elev2);color:var(--text)}.nav-item.active{background:var(--grad-orange);color:#fff;font-weight:900;box-shadow:var(--shadow-brand)}.nav-icon{width:18px;text-align:center;font-size:16px}.sidebar-foot{border-top:1px solid var(--border);padding:14px}.me-card{display:flex;align-items:center;gap:10px;margin-bottom:12px}.me-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffd24a,#f58220);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:14px;flex-shrink:0}.me-text{flex:1;min-width:0}.me-email{font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1}.me-role{font-size:10px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.content{overflow-y:auto;padding:24px 32px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-crumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-dim);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-crumb .sep{color:var(--text-faint)}.page-crumb .cur{color:var(--text)}.page-head h1{font-size:30px;margin:4px 0 0;font-weight:900;letter-spacing:-.02em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.page-sub{color:var(--text-dim);margin:2px 0 0;font-size:14px;font-weight:600}.page-actions{display:flex;gap:10px;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.stat-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;background:var(--bg-elev2);color:var(--text-ink2)}.stat-trend{font-size:11px;font-weight:900;padding:4px 8px 2px;line-height:1;border-radius:6px}.stat-trend.up{background:var(--green-soft);color:var(--green)}.stat-trend.down{background:var(--red-soft);color:var(--red)}.stat-blue .stat-icon{background:var(--blue-soft);color:var(--blue)}.stat-green .stat-icon{background:var(--green-soft);color:var(--green)}.stat-red .stat-icon{background:var(--red-soft);color:var(--red)}.stat-amber .stat-icon{background:var(--amber-soft);color:#b9810f}.stat-purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-orange .stat-icon{background:#f5822029;color:var(--primary)}.stat-label{font-size:12px;color:var(--text-dim);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.stat-value{font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1}.stat-sub{font-size:11.5px;color:var(--text-faint);font-weight:700;margin-top:4px}.panel-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media (max-width: 900px){.panel-grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-size:20px;margin:0;color:var(--text);font-weight:900;letter-spacing:-.01em}.barchart{display:flex;align-items:flex-end;gap:12px;padding-top:18px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:8px}.bar-fill{width:100%;max-width:46px;background:linear-gradient(180deg,#ffe9d6,#ffd4a8);border-radius:8px;min-height:3px;position:relative;transition:height .3s ease}.bar-value{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:11px;font-weight:900;color:var(--text-dim)}.bar-label{font-size:11px;font-weight:800;color:var(--text-dim)}.country-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.country-list li{display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:10px}.country-name{font-size:12px;font-weight:800}.country-bar{height:6px;background:var(--bg-elev2);border-radius:4px;overflow:hidden}.country-bar-fill{display:block;height:100%;background:var(--grad-orange);border-radius:4px}.country-count{text-align:right;font-size:12px;font-weight:800;color:var(--text-dim)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.search{flex:1;min-width:220px;background:var(--bg)}.select{width:auto;min-width:140px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--border);color:var(--text-ink2);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:900;cursor:pointer;text-transform:capitalize;transition:all .12s}.chip:hover{border-color:var(--text-faint);color:var(--text)}.chip.active{background:var(--grad-orange);background-clip:padding-box;border-color:transparent;color:#fff;box-shadow:var(--shadow-brand-sm)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);padding:14px 22px;border-bottom:1px solid var(--border);font-weight:900;background:var(--surface-warm)}.table th.num,.table td.num{text-align:right}.table tbody td{padding:14px 22px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:nth-child(2n){background:var(--surface-zebra)}.table tbody tr:last-child td{border-bottom:none}.row-click{cursor:pointer;transition:background .1s}.row-click:hover{background:var(--primary-soft)!important}.nowrap{white-space:nowrap}.row-actions{display:flex;gap:6px;justify-content:flex-end}.user-cell{display:flex;align-items:center;gap:12px}.user-name{font-weight:900;display:flex;align-items:center;gap:7px;font-size:14px;color:var(--text)}.user-id{font-size:11px;color:var(--text-dim);font-family:SF Mono,monospace;font-weight:700;margin-top:2px}.status-cell,.status-row{display:flex;gap:5px;flex-wrap:wrap}.status-row{margin-bottom:18px}.muted{color:var(--text-dim)}.reason-cell{max-width:280px}.tag-bot,.tag-you{font-size:9px;background:var(--bg-elev2);color:var(--text-dim);padding:3px 6px 2px;line-height:1;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;display:inline-flex;align-items:center}.tag-you{background:var(--grad-orange);color:#fff;margin-left:6px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:#fff;font-weight:900;font-size:15px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:900;padding:5px 10px 3px;line-height:1;border-radius:999px;white-space:nowrap;letter-spacing:.01em}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:#b9810f}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-gray{background:var(--bg-elev2);color:var(--text-dim)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.pag-info{font-size:12px;font-weight:700;color:var(--text-dim)}.pag-controls{display:flex;align-items:center;gap:6px}.pag-page{font-size:12px;font-weight:800;color:var(--text-ink2);padding:0 10px}.empty-state{text-align:center;padding:56px 20px;color:var(--text-dim);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.empty-icon{font-size:38px;margin-bottom:10px;opacity:.6}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px;color:var(--text-dim);font-weight:700}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a141152;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;z-index:50;overflow-y:auto}.modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);animation:pop .14s ease}.modal-wide{max-width:760px}@keyframes pop{0%{transform:translateY(8px) scale(.99);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:17px;font-weight:900;letter-spacing:-.01em}.modal-title-user{display:flex;align-items:center;gap:10px}.modal-body{padding:22px}.modal-foot{display:flex;align-items:center;gap:8px;padding:16px 22px;border-top:1px solid var(--border)}.modal-foot .btn:not(.grow){margin-left:0}.confirm-msg{margin:0;color:var(--text-ink2);line-height:1.6;font-weight:600}.detail-grid{display:grid;grid-template-columns:1fr 240px;gap:22px}@media (max-width: 680px){.detail-grid{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.action-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.detail-meta{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px;height:fit-content}.meta-row{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.meta-value{font-size:13px;font-weight:700;word-break:break-word}.ban-form .field{margin-bottom:12px}.msg-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.msg-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.msg-section-head h3{margin:0;font-size:15px;font-weight:900;letter-spacing:-.01em}.msg-caveat{font-size:11px;font-weight:800;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.msg-empty{padding:18px;border-radius:var(--radius-sm);background:var(--surface-warm);border:1px dashed var(--border);text-align:center;font-size:13px;font-weight:700;color:var(--text-dim)}.msg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.msg-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-warm);border:1px solid var(--border)}.msg-room{font-size:11px;font-weight:900;color:var(--primary-deep);background:var(--primary-soft);padding:3px 9px;border-radius:6px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.msg-body{font-size:13px;font-weight:600;color:var(--text);line-height:1.45;word-break:break-word}.msg-time{font-size:11px;font-weight:700;color:var(--text-faint);white-space:nowrap}.card-list{display:flex;flex-direction:column;gap:12px}.ann-card,.bug-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;display:flex;gap:16px}.ann-card{align-items:flex-start;justify-content:space-between}.ann-main{flex:1}.ann-title-row{display:flex;align-items:center;gap:9px;margin-bottom:6px}.ann-title-row h3{margin:0;font-size:17px;font-weight:900;letter-spacing:-.01em}.ann-body{color:var(--text-ink2);margin:0 0 8px;white-space:pre-wrap;font-weight:600;line-height:1.55}.ann-link{font-size:12px;font-weight:700;margin-bottom:8px;word-break:break-all}.ann-link a{color:var(--primary-deep);text-decoration:none}.ann-link a:hover{text-decoration:underline}.ann-meta{font-size:12px;font-weight:700;color:var(--text-dim)}.ann-actions{display:flex;gap:6px;flex-shrink:0}.bug-card.priority{border-color:var(--primary-border)}.bug-thumb{width:90px;height:90px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--surface-warm);padding:0;cursor:pointer}.bug-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bug-thumb.empty{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:11px;font-weight:800;cursor:default}.bug-main{flex:1;min-width:0}.bug-head{display:flex;align-items:center;gap:9px;margin-bottom:7px;flex-wrap:wrap}.bug-author{font-weight:900;font-size:13px}.bug-date{font-size:12px;font-weight:700;color:var(--text-dim);margin-left:auto}.bug-text{margin:0 0 8px;white-space:pre-wrap;word-break:break-word;font-weight:600;color:var(--text-ink2);line-height:1.55}.bug-note{font-size:12.5px;font-weight:700;color:#b9810f;background:var(--amber-soft);padding:8px 12px;border-radius:8px;margin-bottom:8px}.note-editor{display:flex;gap:6px;align-items:center;margin-top:6px}.note-editor input{flex:1}.bug-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.bug-zoom{width:100%;border-radius:var(--radius-sm);display:block}.match-players{display:flex;gap:8px;flex-wrap:wrap}.mp{font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px;background:var(--bg-elev2)}.mp.team-1{color:var(--blue);background:var(--blue-soft)}.mp.team-2{color:#b9810f;background:var(--amber-soft)}.mode-badge{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:900;padding:6px 11px 4px;line-height:1;border-radius:8px;box-shadow:0 4px 10px #0000001f;white-space:nowrap}.difficulty{display:inline-flex;align-items:center;gap:8px}.difficulty-dots{display:inline-flex;gap:3px}.diff-dot{width:6px;height:12px;border-radius:2px;display:inline-block}.diff-label{font-size:11px;font-weight:900;letter-spacing:.02em}.audit-details summary{cursor:pointer;color:var(--primary-deep);font-size:12px;font-weight:800}.audit-details pre{background:var(--surface-warm);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:11px;max-width:360px;overflow-x:auto;margin:8px 0 0;color:var(--text-ink2)}.q-layout{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:start}@media (max-width: 820px){.q-layout{grid-template-columns:1fr}}.q-modes{display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;position:sticky;top:0;max-height:calc(100vh - 60px);overflow-y:auto}.q-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--text-ink2);padding:9px 11px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:800;text-align:left}.q-mode:hover{background:var(--bg-elev2);color:var(--text)}.q-mode.active{background:var(--grad-orange);color:#fff;font-weight:900;box-shadow:var(--shadow-brand-sm)}.q-mode-count{font-size:10px;font-weight:900;color:var(--text-dim);background:var(--bg-elev2);padding:3px 8px;line-height:1;border-radius:5px;font-family:SF Mono,monospace}.q-mode.active .q-mode-count{color:#fff;background:#ffffff38}.q-main{min-width:0}.q-text{max-width:420px;font-weight:800}.q-answer{font-weight:900;color:var(--green)}.q-choices{font-size:11px;color:var(--text-dim);margin-left:8px}.health-actions{display:flex;align-items:center;gap:14px}.auto-toggle{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--text-ink2);cursor:pointer}.auto-toggle input{width:auto}.health-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:18px;background:var(--panel)}.health-banner.ok{border-color:#c8efd7;background:linear-gradient(90deg,#ecfaf1,#fff 60%)}.health-banner.degraded{border-color:#f3c9c7;background:linear-gradient(90deg,#fdecec,#fff 60%)}.health-banner h2,.health-banner strong{font-size:22px;font-weight:900;margin:0;letter-spacing:-.01em}.health-banner-sub{font-size:13px;font-weight:700;color:var(--text-dim);margin-top:4px}.health-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.health-banner.ok .health-dot{background:var(--green);box-shadow:0 0 0 4px #1b8f4a2e;animation:pulse 2s infinite}.health-banner.degraded .health-dot{background:var(--red);box-shadow:0 0 0 4px #c8302a2e}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #1b8f4a2e}50%{box-shadow:0 0 0 7px #1b8f4a0d}}.panel+.panel{margin-top:16px}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.svc-card{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px}.svc-card.down{border-color:#f3c9c7;background:var(--red-soft)}.svc-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.svc-name{font-weight:900;text-transform:capitalize;flex:1}.svc-dot{width:9px;height:9px;border-radius:50%}.svc-dot.up{background:var(--green);box-shadow:0 0 0 4px #1b8f4a24}.svc-dot.down{background:var(--red)}.svc-error{font-size:12px;font-weight:700;color:var(--red);word-break:break-word}.flag-grid{display:flex;flex-direction:column;gap:8px}.flag-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-warm);border:1px solid var(--border)}.flag-label{flex:1;font-size:13.5px;font-weight:800}.flag-dot{width:9px;height:9px;border-radius:50%}.flag-dot.on{background:var(--green);box-shadow:0 0 0 4px #1b8f4a24}.flag-dot.off{background:var(--text-faint)}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{padding:13px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:800;box-shadow:var(--shadow);cursor:pointer;min-width:220px;max-width:360px;animation:slidein .18s ease;border:1px solid var(--border);background:#fff}@keyframes slidein{0%{transform:translate(20px);opacity:0}}.toast-success{background:var(--green-soft);border-color:#c8efd7;color:var(--green)}.toast-error{background:var(--red-soft);border-color:#f3c9c7;color:var(--red)}.toast-info{background:#fff;color:var(--text)}