:root{color-scheme:dark;--bg:#07110f;--card:#101b18;--card2:#15221f;--line:#29413b;--mint:#79ddc8;--text:#f4faf8;--muted:#a8b9b4;--gold:#e1b857}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#17362f 0,transparent 40%),var(--bg);color:var(--text);font:15px Inter,Segoe UI,sans-serif}header{height:76px;display:flex;align-items:center;gap:42px;padding:0 4vw;border-bottom:1px solid var(--line);background:#09120fdd;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}header>div{display:flex;align-items:center;gap:12px}header>div>strong,.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:#05201a;font-weight:900}header span{display:flex;flex-direction:column}header small{color:var(--muted)}nav{display:flex;gap:8px;flex:1}nav a,header aside a{color:var(--muted);text-decoration:none;padding:10px 14px;border-radius:10px}nav a:hover,nav a.active{background:#19322c;color:var(--mint)}header aside{color:var(--muted)}.page{width:min(1180px,92vw);margin:34px auto 80px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.hero p{color:var(--mint);font-weight:800;letter-spacing:.16em}.hero h1{font-size:38px;margin:4px 0 8px}.hero span{color:var(--muted)}.stats{display:flex;gap:12px}.stats article{min-width:108px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.stats b{font-size:25px;display:block;color:var(--mint)}.stats span{font-size:12px}.filters{display:grid;grid-template-columns:1fr 160px 160px auto;gap:12px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:22px}.filters label{color:var(--muted);font-size:12px}.filters input{display:block;width:100%;margin-top:6px}.filters .search{display:flex;align-items:center;gap:10px;font-size:25px}.filters .search input{margin:0}.filters input,.login input{background:#07110f;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text)}button,.actions a{border:1px solid var(--line);background:#1a2a26;color:var(--text);padding:11px 16px;border-radius:10px;cursor:pointer;text-decoration:none;font:inherit}button:hover,.actions a:hover{border-color:var(--mint);color:var(--mint)}.filters button{background:var(--mint);color:#062019;font-weight:800}.list{background:#0b1512;border:1px solid var(--line);border-radius:20px;overflow:hidden}.list-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.list-head h2{margin:0}.list-head span{color:var(--muted)}.exam{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid #1f332e}.exam:last-child{border:0}.thumb{width:96px;height:96px;padding:0;background:#020504;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.exam h3{font-size:19px;margin:5px 0;color:var(--mint)}.exam p{margin:0;color:var(--muted)}.date{font-size:12px;color:var(--muted)}.tags{display:flex;gap:7px;margin-top:12px}.tags span{font-size:11px;padding:5px 8px;border-radius:20px;background:#1b302a;color:#aee8dc}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.actions button,.actions a{font-size:12px}.empty{display:flex;flex-direction:column;align-items:center;padding:70px;color:var(--muted);gap:8px}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:38px}.login-card .brand-mark{width:55px;height:55px}.login-card h1{margin-bottom:4px}.login-card p,.login-card small{color:var(--muted)}.login-card label{display:block;margin:17px 0;color:var(--muted)}.login-card input{width:100%;margin-top:7px}.login-card button{width:100%;background:var(--mint);color:#052019;font-weight:800;margin-bottom:18px}.alert{background:#512727;border:1px solid #9c4545;padding:10px;border-radius:8px}dialog{width:94vw;height:92vh;padding:0;border:1px solid var(--line);border-radius:20px;background:#030605;color:white}dialog::backdrop{background:#000c}.close{position:absolute;right:16px;top:12px;z-index:2;font-size:24px}.viewer-tools{height:64px;display:flex;gap:8px;align-items:center;justify-content:center;background:#0d1815}.canvas{height:calc(100% - 64px);display:grid;place-items:center;overflow:auto}.canvas img{max-width:100%;max-height:100%;transform-origin:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#16362e;border:1px solid var(--mint);padding:14px 20px;border-radius:12px;z-index:20}@media(max-width:800px){header nav{display:none}.hero{align-items:start;gap:20px}.stats{display:none}.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.exam{grid-template-columns:72px 1fr}.thumb{width:72px;height:72px}.actions{grid-column:1/-1}.hero h1{font-size:30px}}
.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.setup-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.setup-card .step{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#193a32;color:var(--mint);font-weight:800}.setup-card h2{font-size:19px;margin:0 0 12px}.setup-card p{min-height:58px;color:var(--muted);line-height:1.5}.setup-card label{display:block;color:var(--muted);font-size:12px;margin:14px 0}.setup-card input{display:block;width:100%;margin-top:6px;background:#07110f;border:1px solid var(--line);border-radius:10px;padding:11px;color:white}.primary{display:inline-block;background:var(--mint);color:#062019!important;border:0!important;font-weight:800;text-decoration:none;padding:12px 16px;border-radius:10px}.token-box{margin-top:14px;padding:12px;background:#07110f;border:1px solid var(--gold);border-radius:10px}.token-box code{display:block;word-break:break-all;margin:8px 0;color:var(--gold)}.devices article{display:flex;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line)}.devices article div{display:flex;gap:10px}.devices article span,.devices article small{color:var(--muted)}@media(max-width:850px){.setup-grid{grid-template-columns:1fr}}