*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f3f4f6;color:#111827}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#0f172a)}.login-box{width:380px;background:#fff;padding:30px;border-radius:14px;box-shadow:0 20px 50px #00000040}.login-box h2{margin-top:0}.login-box input{width:100%;padding:12px;margin-bottom:12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.login-box button,.top-user button{padding:10px 16px;background:#1d4ed8;color:#fff;border:none;border-radius:8px;cursor:pointer}.error{color:#dc2626}.app-shell{min-height:100vh;padding-bottom:34px}.topbar{height:58px;display:flex;align-items:center;background:#0f172a;color:#fff;box-shadow:0 3px 12px #00000026;position:sticky;top:0;z-index:20}.brand{font-weight:700;font-size:18px;padding:0 20px;white-space:nowrap;cursor:pointer}.menu-bar{display:flex;align-items:center;gap:2px;flex:1;height:58px}.menu-link,.menu-button{height:58px;display:flex;align-items:center;padding:0 14px;color:#fff;text-decoration:none;background:transparent;border:0;font-size:14px;cursor:pointer}.menu-link:hover,.menu-button:hover{background:#1e293b}.menu-link.active{background:#1d4ed8}.menu-group{position:relative;height:58px}.dropdown-panel{display:none;position:absolute;top:58px;left:0;min-width:250px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:0 0 10px 10px;box-shadow:0 15px 30px #0000002e;overflow:hidden}.menu-group:hover .dropdown-panel{display:block}.dropdown-link{display:block;padding:11px 14px;color:#111827;text-decoration:none;font-size:14px}.dropdown-link:hover,.dropdown-link.active{background:#eff6ff;color:#1d4ed8}.top-user{display:flex;align-items:center;gap:10px;padding:0 16px;white-space:nowrap;font-size:13px}.page-container{padding:24px}body:has(.marks-editing-page) .page-container{padding:4px 8px}.content-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 6px 20px #0f172a14;min-height:calc(100vh - 125px)}.muted{color:#6b7280}.stats-grid,.module-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin:20px 0}.stat-card,.module-card{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fafafa}.stat-card span{display:block;color:#6b7280;margin-top:8px}.module-card{cursor:pointer;font-weight:600}.module-card:hover{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.placeholder-box{margin-top:20px;border:2px dashed #cbd5e1;border-radius:14px;padding:40px;background:#f8fafc;color:#475569}.settings-row:focus-within{background:#fef9c3!important}.statusbar{position:fixed;bottom:0;left:0;right:0;height:34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#111827;color:#fff;font-size:13px;padding:0 16px;z-index:30}@media (max-width: 900px){.topbar{height:auto;flex-wrap:wrap}.menu-bar{order:3;width:100%;overflow-x:auto}.stats-grid,.module-grid{grid-template-columns:1fr 1fr}.statusbar{grid-template-columns:1fr;height:auto;padding:6px 12px}}