:root{--bg:#07111f;--panel:#0d1b2a;--panel2:#10243a;--line:#1d3854;--text:#e9f4ff;--muted:#8eabc6;--cyan:#57d4ff;--green:#53e3a6;--red:#ff7189}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#0d2137,#050b13 65%);color:var(--text);min-height:100vh}a{color:var(--cyan);text-decoration:none}.wrap{max-width:1280px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center}.brand img{display:block;width:245px;max-width:48vw;height:72px;object-fit:contain;object-position:left center;border-radius:8px}.status{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.card{background:rgba(13,27,42,.9);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.hero{min-height:290px}.card h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.clock{font-size:54px;font-weight:800}.date{color:var(--muted);margin-top:4px}.command{display:flex;gap:10px;margin-top:28px}.command input{flex:1;background:#07121f;border:1px solid var(--line);color:#fff;border-radius:12px;padding:14px;font-size:16px}.command button,.btn{border:0;background:var(--cyan);color:#03101a;font-weight:800;border-radius:12px;padding:13px 18px;cursor:pointer}.answer{white-space:pre-wrap;background:#081522;border-left:3px solid var(--cyan);padding:14px;margin-top:16px;border-radius:8px}.metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.metric:last-child{border:0}.metric strong{color:var(--green)}.entries{margin:0;padding:0;list-style:none}.entries li{padding:10px 0;border-bottom:1px solid var(--line);color:#d5e6f5}.entries small{color:var(--muted);display:block}.login{max-width:440px;margin:8vh auto}.field{margin-bottom:14px}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.field input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#07121f;color:#fff}.notice{padding:12px;border-radius:10px;margin-bottom:14px;background:#14293e}.error{border-left:3px solid var(--red)}@media(max-width:850px){.grid{grid-template-columns:1fr}.clock{font-size:44px}.wrap{padding:14px}.command{flex-direction:column}}

.login .brand{justify-content:center}.login .brand img{width:320px;max-width:100%;height:auto}
@media(max-width:600px){.brand img{width:200px;height:60px}.top{align-items:flex-start;gap:10px}.status{text-align:right}}

.top .brand{gap:18px}.top .brand-text{font-size:22px;font-weight:800;letter-spacing:.14em;white-space:nowrap;color:#fff}.top .brand-text strong{color:var(--cyan)}
@media(max-width:700px){.top .brand{gap:10px}.top .brand-text{font-size:15px;letter-spacing:.08em}}
.muted{color:var(--muted);line-height:1.55}.textlink{display:inline-block;margin-top:8px}.settings-card{max-width:780px;margin:0 auto}.settings-card h3{margin:24px 0 8px}.settings-card .field input{font-family:monospace}.success{border-left:3px solid var(--green)}.helpbox{margin-top:24px;padding:16px;background:#081522;border:1px solid var(--line);border-radius:12px;color:#bdd2e5;line-height:1.55}.calendar-test{margin-top:22px}.metric strong.off{color:var(--red)}.schedule{list-style:none;padding:0;margin:0}.schedule li{display:flex;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.schedule li:last-child{border-bottom:0}.event-time{min-width:72px;color:var(--cyan);font-weight:800}.schedule small{display:block;color:var(--muted);margin-top:4px}
