:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#060b16;color:#e8edf7}a{color:#a8c7ff;text-decoration:none}.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{border-right:1px solid #27344a;padding:24px;background:#0b1424;display:flex;flex-direction:column;gap:12px}.brand{font-weight:800;font-size:1.1rem;color:#fff}.nav-item{display:block;padding:10px;border-radius:10px;color:#c6d3ea}.nav-item.active,.nav-item:hover{background:#17233a;color:#fff}.content{padding:28px}.card{background:#0d1729;border:1px solid #25344c;border-radius:14px;padding:18px;margin-bottom:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:10px}input,textarea,select{background:#0a1221;border:1px solid #2b3d58;color:#e8edf7;border-radius:10px;padding:10px;width:100%}textarea{min-height:140px}.btn{background:linear-gradient(135deg,#5f8bff,#34b7ff);border:none;color:#081225;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer}.btn.ghost{background:#15243d;color:#dce8ff;border:1px solid #314868}.auth{max-width:460px;margin:70px auto}.landing{max-width:1080px;margin:0 auto;padding:24px}.hero h1{font-size:2.4rem;margin:0 0 8px}.muted{color:#92a5c5;margin:0 0 10px}@media(max-width:960px){.shell,.grid.two,.grid.three{grid-template-columns:1fr}}