:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101624;color:#eff4ff}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:56px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:4px 0;font-size:2rem}h2{margin-top:0;font-size:1.1rem}.eyebrow{color:#7ca9ff;letter-spacing:.12em;font-size:.72rem;font-weight:700;margin:0}.status{color:#8ee6b1;background:#123c2a;padding:8px 12px;border-radius:99px}nav{display:flex;gap:8px;border-bottom:1px solid #273653;padding-bottom:16px;overflow:auto}nav button{background:transparent;color:#a8b4c8;padding:9px 13px;white-space:nowrap}nav button.active{background:#294c87;color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:24px}.login section,.panel,article{background:#192338;border:1px solid #273653;border-radius:12px;padding:22px}article span{color:#a8b4c8;display:block}article strong{display:block;font-size:2.1rem;margin-top:10px}.panel{margin-top:24px}.workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr);grid-gap:24px;gap:24px}.workspace .panel{margin-top:24px}.record-form{display:grid;grid-gap:10px;gap:10px}.form-actions,.row-actions{display:flex;align-items:center;gap:10px}.form-actions button{flex:1 1}.form-actions button:first-child{background:#45536e}.records{display:grid}.row{border:0;border-radius:0;border-bottom:1px solid #273653;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:15px 0}.row:first-child{padding-top:0}.book strong,.row strong{font-size:1rem;margin:0}.row em{color:#b7c3d8;font-style:normal;font-size:.85rem;text-align:right}.row em.online{color:#8ee6b1}.row em.offline{color:#a8b4c8}.row-actions button{padding:7px 9px;font-size:.78rem}.book{padding:15px 0;border:0;border-radius:0;border-bottom:1px solid #273653;background:transparent}.book span{color:#a8b4c8;display:block;margin-top:5px}.login{min-height:100vh;display:grid;place-items:center}.login section{width:min(100%,440px)}form{grid-gap:16px;gap:16px;margin-top:28px}form,label{display:grid}label{grid-gap:6px;gap:6px;color:#cbd5e1}button,input,select,textarea{border-radius:8px;padding:12px;font:inherit}input,select,textarea{border:1px solid #3a4b6c;background:#101624;color:white;width:100%}select[multiple]{min-height:94px}textarea{min-height:76px;resize:vertical}button{border:0;background:#4385f5;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.message{color:#9ce7b8;background:#123c2a;padding:12px;border-radius:8px;margin:18px 0 0}.message.error,small{color:#ffb0b0;background:#4b2028}small{padding:8px;border-radius:6px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(4,8,16,.76)}.credential-modal{width:min(100%,520px);background:#192338;border:1px solid #4265a0;border-radius:14px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.credential-modal h2{font-size:1.35rem;margin:9px 0 18px}.credential-value{padding:16px;background:#0d1422;border:1px solid #334a71;border-radius:8px;font-family:Consolas,monospace;font-size:1.15rem;overflow-wrap:anywhere}.credential-warning{color:#c5d1e5;font-size:.9rem;line-height:1.45}@media(max-width:700px){main{padding:28px 16px}header{align-items:flex-start;gap:12px}.cards{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}}