:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#14213d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;border:1px solid #0d47a1;background:#0d47a1;color:#fff;border-radius:8px;padding:.55rem .9rem}button:hover{background:#0a3a82}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#13213a;color:#fff;padding:1.25rem;display:flex;flex-direction:column;gap:.8rem}.sidebar h1{margin:0;font-size:1.2rem}nav{display:flex;flex-direction:column;gap:.4rem}.nav-link{color:#d8e3ff;text-decoration:none;padding:.4rem .5rem;border-radius:6px}.nav-link.active,.nav-link:hover{background:#1f3a6d;color:#fff}.logout-button{margin-top:auto;border-color:#adc6ff}.content{padding:1.5rem}section{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 4px 24px #10182814}.center-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{width:min(420px,100%);background:#fff;border-radius:12px;box-shadow:0 4px 24px #10182814;padding:1.25rem}.error{color:#b71c1c}pre{overflow-x:auto;background:#f1f3f9;padding:1rem;border-radius:8px}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{gap:.5rem}nav{flex-direction:row;flex-wrap:wrap}.logout-button{margin-top:.5rem;width:fit-content}}