:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(214,236,255,.95),transparent 28%),linear-gradient(135deg,#f7f4ec,#eef4f7 55%,#f9fafc);color:#132230;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#app{min-height:100vh}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px 22px;background:#091826e6;color:#f0f7ff;border-right:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;gap:14px;align-items:center}.brand h1,.page-header h2,.panel-header h3,.detail-card h4{margin:0}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ffb45a,#ff7c57);color:#fff7ed;font-weight:700}.eyebrow{margin:0 0 4px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#6f8698}.sidebar .eyebrow{color:#c5dcefc2}.nav{display:grid;gap:10px}.nav-link{padding:12px 14px;border-radius:14px;color:#ecf5ffbd;transition:all .2s ease}.nav-link:hover,.nav-link.is-active{color:#fff;background:#ffffff1a}.rulepack-card,.panel,.stat-card,.detail-card,.finding-card{border-radius:24px;background:#ffffffd6;border:1px solid rgba(16,36,52,.08);box-shadow:0 18px 40px #1f364d14}.rulepack-card{margin-top:auto;padding:18px;background:#ffffff14;border-color:#ffffff14}.main-panel{padding:26px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.page-grid{display:grid;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card,.panel,.detail-card,.finding-card{padding:20px}.stat-card strong,.headline{font-size:2rem;line-height:1.1}.stat-card--accent{background:linear-gradient(135deg,#0f3145,#194f6d);color:#f2fbff}.stat-card--accent .eyebrow{color:#e2f3ffc7}.panel-header,.finding-card__top,.rule-row__top,.event-item__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.compact-list,.event-list,.rule-list,.panel-subsection{display:grid;gap:12px}.compact-row,.rule-row,.event-item{width:100%;text-align:left;border:1px solid rgba(18,38,55,.08);background:#ffffffb3;border-radius:18px;padding:14px;color:inherit}.rule-row,.event-item{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rule-row:hover,.event-item:hover,.rule-row.is-selected,.event-item.is-selected{border-color:#1b5d845c;box-shadow:0 14px 28px #20436414;transform:translateY(-1px)}.event-item__meta,.rule-row__meta,.toolbar,.split-layout,.detail-grid{display:grid;gap:14px}.split-layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.toolbar{grid-template-columns:minmax(0,1fr) 180px;margin-bottom:16px}.inline-actions,.toggle-row,.form-grid,.text-grid,.config-form{display:grid;gap:16px}.form-grid,.text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.88rem;color:#344a5d}.search-input,.ghost-button,.config-textarea{border-radius:14px;border:1px solid rgba(20,45,66,.12);background:#ffffffd1;padding:12px 14px;color:#132230}.config-textarea{min-height:132px;resize:vertical}.ghost-button{cursor:pointer}.toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(20,45,66,.12);background:#ffffffa6}.chip,.severity-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.chip--allow{background:#50b17229;color:#1f6b38}.chip--challenge{background:#f7b33a2e;color:#8a5a00}.chip--block{background:#e049492e;color:#8f1f2a}.severity-badge--low{background:#98aabc29;color:#516273}.severity-badge--medium{background:#3171b029;color:#1d5a90}.severity-badge--high{background:#f7a4312e;color:#8b5400}.severity-badge--critical{background:#d94a4a33;color:#8d1a25}.muted,.tiny{margin:0;color:#5d7080}.tiny{font-size:.85rem}.error-banner,.error-text{color:#a12a2a}.success-banner{color:#1f6b38}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.84rem;color:#254056}.plain-list{margin:12px 0 0;padding-left:18px}.nav-link{display:flex;align-items:center;gap:10px}.nav-link__icon{display:flex;align-items:center;opacity:.7;flex-shrink:0}.nav-link.is-active .nav-link__icon,.nav-link:hover .nav-link__icon{opacity:1}.sidebar-status{display:grid;gap:8px}.status-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;font-size:.82rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.status-pill--on{color:#76d9a0;border-color:#76d9a033}.status-pill--off{color:#c5dcefb3}.status-pill__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill--on .status-pill__dot{box-shadow:0 0 6px currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.dashboard-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proxy-indicator{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:18px;margin-top:4px}.proxy-indicator--on{background:#50b1721a;border:1px solid rgba(80,177,114,.22)}.proxy-indicator--off{background:#8296aa14;border:1px solid rgba(20,45,66,.1)}.proxy-indicator__dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.proxy-indicator--on .proxy-indicator__dot{background:#50b172;box-shadow:0 0 8px #50b172;animation:pulse-dot 2s ease-in-out infinite}.proxy-indicator--off .proxy-indicator__dot{background:#9ab}.empty-inline{display:flex;align-items:center;gap:10px;padding:16px;color:#5d7080}.ip-block-mini-list{display:grid;gap:8px;margin-top:4px}.ip-block-mini-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#e0494912;border:1px solid rgba(224,73,73,.14);font-size:.87rem}.block-form{display:grid;gap:16px}.block-form__options{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.field--inline{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.field--inline span{white-space:nowrap;flex-shrink:0}.field--inline .search-input{width:110px}.duration-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.tag-button{padding:6px 12px;border-radius:10px;border:1px solid rgba(27,93,132,.22);background:#1b5d8412;color:#1d5a90;cursor:pointer;font-size:.82rem;transition:all .15s}.tag-button:hover{background:#1b5d8426;border-color:#1b5d845c}.block-list{display:grid;gap:12px}.block-row{padding:16px;border-radius:18px;background:#fffc;border:1px solid rgba(224,73,73,.18)}.block-row__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.block-row__ip{display:flex;align-items:center;gap:8px;color:#8f1f2a}.block-row__reason{margin:0 0 8px;color:#344a5d;font-size:.9rem}.block-row__meta{display:flex;justify-content:space-between;align-items:center}.expiry-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 10px;font-size:.73rem;text-transform:uppercase;letter-spacing:.06em}.expiry-badge--permanent{background:#e0494926;color:#8f1f2a}.expiry-badge--temp{background:#f7b33a29;color:#8a5a00}.unblock-button{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:10px;border:1px solid rgba(80,177,114,.3);background:#50b17214;color:#1f6b38;cursor:pointer;font-size:.82rem;transition:all .15s}.unblock-button:hover:not(:disabled){background:#50b1722e;border-color:#50b17280}.unblock-button:disabled{opacity:.5;cursor:not-allowed}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:14px;border:none;background:linear-gradient(135deg,#0f3145,#194f6d);color:#f2fbff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .18s}.action-button:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button--danger{background:linear-gradient(135deg,#7a1a22,#b02a35)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#5d7080;text-align:center}.tab-bar{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:#1222300f;border-radius:16px;width:fit-content}.tab-btn{padding:9px 18px;border:none;border-radius:12px;background:transparent;color:#5d7080;cursor:pointer;font-size:.88rem;transition:all .18s}.tab-btn--active{background:#fff;color:#132230;box-shadow:0 2px 10px #1222301a;font-weight:500}.tab-panel{display:grid;gap:20px}.config-section-desc{padding:14px 18px;border-radius:14px;background:#1b5d8412;border:1px solid rgba(27,93,132,.14);color:#1d5a90;font-size:.88rem;line-height:1.6}.info-note{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:12px;background:#f7b33a1a;border:1px solid rgba(247,179,58,.22);color:#8a5a00;font-size:.85rem}.proxy-status-card{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;font-size:.88rem}.proxy-status-card--on{background:#50b1721a;border:1px solid rgba(80,177,114,.22);color:#1f6b38}.proxy-status-card--off{background:#8296aa14;border:1px solid rgba(20,45,66,.1);color:#5d7080}.form-footer{display:flex;align-items:center;gap:16px;padding-top:8px;border-top:1px solid rgba(18,34,48,.08)}@media(max-width:1080px){.shell,.split-layout,.detail-grid,.stats-grid,.form-grid,.text-grid,.toggle-row,.dashboard-row{grid-template-columns:1fr}.sidebar{margin:16px;border-radius:24px}.main-panel{padding-top:0}}