:root{--ink:#17211b;--muted:#66736b;--paper:#f3f2ec;--panel:#fff;--green:#0f7652;--lime:#d5f36c;--line:#dfe3dc;--red:#a3372d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;display:grid;grid-template-columns:250px 1fr;min-height:100vh}.login-screen{position:fixed;inset:0;background:#10221a;z-index:10;display:grid;place-items:center}.login-screen[hidden]{display:none}.login-screen form{width:min(420px,calc(100% - 36px));background:white;padding:34px;border-radius:16px}.login-screen .brand{color:var(--ink);margin-bottom:10px}.login-screen label{display:grid;gap:6px;margin:18px 0;font-weight:700}.login-screen input{padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit}.login-screen button{width:100%;padding:13px;border:0;border-radius:8px;background:var(--green);color:white;font-weight:800}.login-screen #login-message{color:var(--red)}.sidebar{background:#10221a;color:white;padding:28px 20px}.brand{font-size:22px;font-weight:800;margin-bottom:36px}.brand span{color:var(--lime)}nav{display:grid;gap:5px}nav a{color:#b9c7bf;text-decoration:none;padding:10px 12px;border-radius:8px}nav a:hover,nav a.active{background:#203b2f;color:white}main{padding:0 4vw 48px}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}header small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em}#user-name{margin-left:auto;color:var(--muted)}#logout{border:1px solid var(--line);background:transparent;padding:7px 10px;border-radius:7px}.phase{background:#e6eadf;padding:7px 12px;border-radius:999px;font-size:12px}#menu{display:none;border:0;background:none;font-size:22px}.hero{padding:60px 0 34px;max-width:780px}.eyebrow{color:var(--green);font-weight:800;letter-spacing:.15em;font-size:12px}.hero h1{font-size:clamp(40px,7vw,72px);letter-spacing:-.055em;line-height:.98;margin:16px 0}.hero>p:last-child{font-size:18px;color:var(--muted);max-width:650px}.lookup{background:#13271e;color:white;border-radius:18px;padding:28px;display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;margin-bottom:20px}.lookup h2{font-size:30px;margin:5px 0}.lookup p{color:#bdc9c2}.lookup label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.scan-control{display:flex;gap:8px}.scan-control input{width:100%;font:700 19px/1 monospace;padding:16px;border:2px solid transparent;border-radius:9px}.scan-control input:focus{outline:0;border-color:var(--lime)}button{cursor:pointer}.scan-control button{border:0;border-radius:9px;background:var(--lime);color:#17211b;font-weight:800;padding:0 20px;white-space:nowrap}#lookup-message.error{color:#ffaaa0}#book-result{grid-column:1/-1;background:#203b2f;padding:22px;border-radius:12px}#book-result h3{font-size:24px;margin:0 0 5px}#book-result dl{display:flex;gap:30px;margin-bottom:0}#book-result dt{font-size:11px;color:#9fb0a7;text-transform:uppercase}#book-result dd{margin:2px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 10px 30px #18261d0a}.cards span{display:block;color:var(--muted);margin-bottom:14px}.cards strong{font-size:18px}.online{color:var(--green)}@media(max-width:760px){body{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:3;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}main{padding:0 22px}#menu{display:block}.phase{display:none}.cards{grid-template-columns:1fr}.hero{padding-top:42px}.lookup{grid-template-columns:1fr}.scan-control{display:grid}#book-result dl{display:grid;gap:10px}}