:root{--bg:#111;--bg-elevated:#1a1a1a;--bg-card:#202020;--bg-white:#262626;--bg-warm:#1a1a1a;--border:hsla(0,0%,100%,.08);--border-light:hsla(0,0%,100%,.05);--text:#fff;--text-body:hsla(0,0%,100%,.75);--text-secondary:hsla(0,0%,100%,.55);--text-muted:hsla(0,0%,100%,.35);--accent:#e8671a;--accent-light:#c4541a;--accent-bg:rgba(232,103,26,.08);--accent-border:rgba(232,103,26,.2);--green:#4ade80;--green-bg:rgba(74,222,128,.08);--red:#dc2626;--red-bg:rgba(220,38,38,.08);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",-apple-system,sans-serif;--mono:"IBM Plex Mono",monospace;--line-w:hsla(0,0%,100%,.08);--orange:#e8671a;--orange-mid:#c4541a;--ink:#111;--ink-mid:#1a1a1a;--ink-soft:#262626;--muted:#888;--warm-off:#f5f2ec}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);font-weight:400;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a,a:hover{color:var(--accent);text-decoration:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-box{width:100%;max-width:420px}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);padding:28px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:12px;font-weight:500;color:hsla(0,0%,100%,.5);margin-bottom:6px;letter-spacing:.02em}.input-field{width:100%;padding:11px 14px;border:1px solid var(--border);font-size:14px;font-family:var(--sans);color:var(--text);background:hsla(0,0%,100%,.05);outline:none;transition:border-color .15s,background .15s}.input-field:focus{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08)}.input-field::placeholder{color:hsla(0,0%,100%,.25)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:var(--accent);color:#fff;font-size:13px;font-weight:500;font-family:var(--sans);border:none;cursor:pointer;transition:background .2s;text-decoration:none;letter-spacing:.02em}.btn-primary:hover{background:var(--accent-light);text-decoration:none;color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.full{width:100%}.btn-secondary{padding:12px 24px;background:transparent;color:hsla(0,0%,100%,.6);font-size:13px;font-weight:500;font-family:var(--sans);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:hsla(0,0%,100%,.2);color:var(--text)}.btn-danger{padding:8px 14px;background:rgba(220,38,38,.08);color:#f87171;font-size:13px;font-weight:500;font-family:var(--sans);border:1px solid rgba(220,38,38,.2);cursor:pointer}.btn-danger:hover{background:rgba(220,38,38,.15)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.divider span{font-size:11px;color:var(--text-muted);letter-spacing:.04em}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.sidebar{width:210px;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:18px 18px 20px;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-family:var(--sans);font-size:18px;font-weight:600;letter-spacing:-.5px;color:var(--text)}.sidebar-logo h1 span{color:var(--accent)}.sidebar-logo p{font-size:10px;color:var(--text-muted);margin-top:1px}.sidebar-nav{padding:10px 8px;flex:1 1}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;margin-bottom:1px;border:none;cursor:pointer;font-size:13px;font-family:var(--sans);font-weight:400;text-align:left;text-decoration:none;color:hsla(0,0%,100%,.45);background:transparent;transition:color .15s,background .15s}.sidebar-nav a:hover,.sidebar-nav button:hover{color:hsla(0,0%,100%,.8);text-decoration:none}.sidebar-nav a.active,.sidebar-nav button.active{font-weight:600;color:var(--text);background:hsla(0,0%,100%,.06)}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--border)}.sidebar-footer .plan-label{font-size:9px;font-weight:700;font-family:var(--sans);color:hsla(0,0%,100%,.45);text-transform:uppercase;letter-spacing:.08em}.sidebar-footer .plan-usage{font-size:11px;color:hsla(0,0%,100%,.35);margin-top:2px}.sidebar-footer .plan-bar{height:3px;background:hsla(0,0%,100%,.08);margin-top:6px}.sidebar-footer .plan-bar-fill{height:100%;background:var(--accent)}.main-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:32px 40px;min-width:0;background:var(--bg)}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.grid-form-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.grid-page-select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px}.grid-plan-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.grid-plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.digest-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:18px;gap:18px}.grid-battle{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.cta-flex{display:flex;gap:36px;align-items:center}@media (max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translateX(-100%);transition:transform .25s ease;box-shadow:none}.dashboard-layout.sidebar-open .sidebar{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.4)}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.5)}.dashboard-layout.sidebar-open .sidebar-overlay{display:block}.main-content{padding:60px 18px 16px}.mobile-header{display:flex!important}.page-header{flex-direction:column;gap:12px}.page-header h1{font-size:20px}.stat-card .value{font-size:22px}.grid-stats{grid-template-columns:1fr 1fr}.grid-form-2col{grid-template-columns:1fr}.grid-page-select,.grid-plan-summary{grid-template-columns:1fr 1fr}.digest-grid,.grid-battle,.grid-plans{grid-template-columns:1fr}.cta-flex{flex-direction:column;gap:20px}.cta-flex>div:last-child{width:100%!important}.card-row{flex-direction:column;align-items:flex-start;gap:6px}.card-header{gap:8px}.card-header,.comp-card-header{flex-direction:column;align-items:flex-start!important}.comp-card-header{gap:10px}.comp-card-header>div:last-child{width:100%}.comp-card-header>div:last-child button{flex:1 1}.seo-footer-cols{gap:24px!important}}@media (max-width:480px){.seo-footer-cols{gap:20px!important;flex-direction:column}}@media (min-width:769px){.mobile-header,.sidebar-overlay{display:none!important}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:100;height:52px;padding:0 18px;background:hsla(0,0%,7%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between}.card{overflow:hidden}.card,.stat-card{background:var(--bg-elevated);border:1px solid var(--border)}.stat-card{padding:20px 22px}.stat-card .label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.stat-card .value{font-size:28px;font-weight:300;font-family:var(--serif);color:var(--text)}.stat-card .sub{font-size:11px;color:var(--text-muted);margin-top:2px}.severity{display:inline-block;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px}.severity-high{color:#f87171;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2)}.severity-medium{color:#fcd34d;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2)}.severity-low{color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2)}.section-label{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-header h1{font-family:var(--serif);font-size:28px;font-weight:300;color:var(--text)}.page-header .subtitle{font-size:14px;color:var(--text-secondary);margin-top:3px}.card-header{font-weight:600;font-size:14px;color:var(--text)}.card-header,.card-row{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-row:last-child{border-bottom:none}.card-row-label{font-size:13px;font-weight:500;color:var(--text)}.card-row-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-mono{font-family:var(--mono);word-break:break-all}.font-serif{font-family:var(--serif)}.settings-col{display:flex;flex-direction:column;gap:16px;max-width:680px}select{background:hsla(0,0%,100%,.05);color:var(--text);border:1px solid var(--border);padding:8px 12px;font-family:var(--sans);font-size:13px;outline:none;cursor:pointer}select:focus{border-color:hsla(0,0%,100%,.2)}select option{background:var(--bg-elevated);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}