:root{--bg:#101416;--panel:#181d21;--line:#2a3338;--muted:#84918d;--text:#edf3ef;--green:#9be2af}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.shell{display:flex;min-height:100vh}aside{width:265px;background:#0d1012;border-right:1px solid #252c30;padding:25px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;margin:0 10px 40px}.brand>strong,.workspace>strong{background:var(--green);color:#102017;padding:8px;font-size:12px}.brand span{font-weight:700;letter-spacing:1.5px;font-size:13px}.brand small,.user small,.workspace small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.2px;margin-top:4px}label{color:#74827c;font:10px monospace;letter-spacing:1.5px}.workspace{display:flex;align-items:center;gap:9px;background:#192020;border:1px solid #34413d;padding:11px;font-size:11px}.workspace span{flex:1 1}nav label{display:block;margin:28px 10px 8px}nav a{display:flex;gap:12px;align-items:center;color:#aab6b1;text-decoration:none;padding:9px 11px;font-size:13px}nav a.active{background:#1d3829;color:var(--green)}nav i{font-style:normal;color:#73827b}nav b{margin-left:auto;background:#d58b68;color:#21130e;border-radius:9px;padding:2px 6px;font-size:10px}.user{margin-top:auto;border-top:1px solid var(--line);padding:17px 7px 0;display:flex;gap:9px;align-items:center;font-size:11px}.user>strong{background:#355345;border-radius:50%;padding:9px;color:#c6ecd0}.main{flex:1 1;padding:38px 42px;max-width:1500px;margin:auto}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:26px}h1{font-size:27px;font-weight:400;margin:10px 0 0}h2{font-size:14px;font-weight:500;margin:0 0 5px}p{margin:0}.actions,p{color:var(--muted);font-size:11px}.actions{display:flex;align-items:center;gap:9px}.actions em,.competitor em,.metrics em{color:var(--green);font-style:normal}.actions button,.context button,.heading button{background:none;border:1px solid var(--line);color:#c4cfca;padding:9px;font-size:11px;border-radius:3px}.actions .go,.context .go{background:var(--green);color:#102017;border-color:var(--green);font-weight:700}.grid{display:grid;grid-template-columns:310px 1fr;grid-gap:16px;gap:16px;margin-top:25px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden}.keywords{grid-row:span 2}.heading{display:flex;justify-content:space-between;padding:20px}.heading button{color:var(--green);padding:7px}.competitor,.kw,.result{border-top:1px solid #283136;padding:12px 19px;display:flex;justify-content:space-between;align-items:center}.competitor strong,.kw strong,.result strong{font-size:12px;font-weight:500}.kw small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.kw.sel{background:#1d3829;border-left:2px solid var(--green);padding-left:17px}.kw>strong{font-size:17px}.context{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:15px 18px;border-bottom:1px solid var(--line);font-size:11px}.context span{color:var(--muted);margin-right:auto}.context button{padding:6px}.metrics{display:flex;gap:32px;padding:20px}.metrics div{display:flex;flex-direction:column;gap:5px}.metrics small{color:var(--muted);font-size:9px;letter-spacing:1px}.metrics strong{font:22px monospace}.metrics em{font-size:10px}.chart{padding:6px 20px 17px;color:var(--muted);font-size:11px}.chart>span{float:right;font:10px monospace}.chart svg{width:100%;height:150px;margin-top:12px}.chart path{fill:none;stroke:var(--green);stroke-width:2}.serp{grid-column:2}.serp .heading em{color:var(--green);font:10px monospace;border:1px solid #41604b;border-radius:12px;padding:5px 9px}.result{display:grid;grid-template-columns:25px 150px 1fr;grid-gap:8px;gap:8px}.result small{color:var(--muted);font-family:monospace}.result span{font-size:10px;color:#c3ccc8}.result code{grid-column:2/4;color:var(--muted);font-size:9px}.competitors{grid-column:2}.competitor span{color:var(--muted);font-size:10px;margin-left:auto;margin-right:20px}.competitor em{font:11px monospace}.url{border-top:1px solid var(--line);margin:4px 20px;padding-top:15px;color:var(--muted);font-size:10px}.url strong{float:right;color:#c7d6cd;font-weight:400}footer{color:#68756e;font:10px monospace;padding:18px 2px}@media(max-width:800px){aside{display:none}.main{padding:25px 14px}header{align-items:start;gap:18px;flex-direction:column}.actions{flex-wrap:wrap}.grid{display:flex;flex-direction:column}.context span{flex-basis:100%;order:3}.metrics{gap:14px;justify-content:space-between}.metrics strong{font-size:17px}.result{grid-template-columns:25px 1fr}.result span{display:none}.result code{grid-column:2}.url{display:flex;flex-direction:column;gap:8px}.url strong{float:none}}.auth-screen{min-height:100vh;display:grid;place-items:center;background:#0b0d10;padding:24px}.auth-card{width:min(420px,100%);background:#151a1f;border:1px solid #2b353b;border-radius:8px;padding:36px}.auth-mark{width:42px;height:42px;display:grid;place-items:center;background:#e8b24c;color:#0b0d10;font-weight:700;font-size:16px;margin-bottom:24px}.auth-kicker{font:11px monospace;letter-spacing:1.5px;color:#9be2af;margin:0 0 14px}.auth-card h1{font-size:25px;line-height:1.15;margin:0 0 12px}.auth-copy{color:#8b969e;font-size:13px;line-height:1.5;margin:0 0 25px}.auth-card form{display:grid;grid-gap:8px;gap:8px}.auth-card label{font:11px monospace;color:#aebbb5;margin-top:8px}.auth-card input{background:#0e1215;border:1px solid #354047;border-radius:4px;color:#edf2f0;padding:11px;font:13px Arial}.auth-submit{background:#9be2af;color:#102017;border:0;border-radius:4px;padding:12px;font-weight:700;margin-top:16px;cursor:pointer}.auth-submit:disabled{opacity:.6}.auth-error{color:#ef9b91;font-size:11px}.authenticated-app{min-height:100vh;background:#0b0d10}.authenticated-app iframe{width:100%;height:100vh;border:0;display:block}.signout{position:fixed;right:20px;top:16px;background:#151a1f;color:#d6dfdb;border:1px solid #39454a;border-radius:4px;padding:8px 12px;font:11px monospace}.auth-message{color:#9be2af;font-size:11px}.auth-toggle{background:none;color:#9aa7a1;border:0;font:11px monospace;margin:18px auto 0;cursor:pointer;display:block}