body{font-family:Inter,sans-serif;background:#f3f7fb;color:#132033;margin:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;line-height:1}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;background:linear-gradient(180deg,#e6f3f2 0%,#dbe8f6 100%);border-right:1px solid rgba(255,255,255,.76);box-shadow:0 18px 40px rgba(15,39,71,.08);padding:18px 0;display:flex;flex-direction:column}.content{margin-left:292px;flex:1;min-height:100vh}.brand{display:flex;gap:16px;align-items:center;padding:8px 24px 18px}.brand-badge{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#0ea5a4 0%,#0f2747 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 14px 26px rgba(15,39,71,.18)}.brand-subtitle{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#637082}.sidebar nav{padding:0 14px;display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;color:#637082;text-decoration:none;font-weight:700}.nav-link.active{background:#fff;color:#0f2747;border:1px solid rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(15,39,71,.08)}.nav-icon{display:inline-flex;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.72);align-items:center;justify-content:center;color:#0f2747;font-size:20px;flex:0 0 38px}.sidebar-footer{margin-top:auto;padding:16px}.profile-card{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.92);border-radius:28px;padding:18px}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.7);background:rgba(243,247,251,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.page{padding:32px}.page-header p{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#637082;font-weight:700;margin:0 0 8px}.page-header h2{font-size:40px;line-height:1.1;margin:0 0 10px;font-weight:800}.page-header .desc{color:#637082;max-width:980px;line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}.card{background:#fff;border:1px solid #dbe3ef;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(16,29,55,.08)}.card.dark{background:#0f2747;color:#fff;border:none}.section{margin-top:24px;background:#fff;border:1px solid #dbe3ef;border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(16,29,55,.08)}button{cursor:pointer}@media (max-width:1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.sidebar{position:relative;width:100%;height:auto}.content{margin-left:0}.app-shell{flex-direction:column}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.page{padding:20px}}