.container{max-width:1200px;margin:0 auto}.container,.container-fluid{width:100%;padding:0 20px}.container-narrow{max-width:900px}.container-wide{max-width:1400px}header{position:sticky;top:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:var(--z-header);transition:background-color var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:20px}.header-left,.header-right{display:flex;align-items:center;gap:30px}.header-right{gap:15px}.logo,.nav-menu a{text-decoration:none}.logo{display:flex;align-items:center;gap:12px}.logo img{height:40px;width:auto;transition:opacity var(--transition-fast)}.logo:hover img{opacity:.8}.logo-text{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.nav-menu{display:flex;gap:10px;list-style:none}.nav-menu a{display:block;padding:8px 16px;color:var(--text-secondary);font-weight:500;border-radius:6px;transition:all var(--transition-fast)}.nav-menu a:hover{background-color:var(--bg-card);color:var(--text-primary)}.nav-menu a.active{background-color:var(--brand-primary);color:#fff}main{min-height:calc(100vh - 80px);padding:40px 0}section{padding:60px 0}section:first-of-type{padding-top:40px}.hero{text-align:center;padding:80px 0 60px}.dashboard-box h3,.hero h1{color:var(--text-primary);margin-bottom:20px}.hero h1{font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.2}.footer-column a,.hero p{color:var(--text-secondary)}.hero p{font-size:clamp(16px,2.5vw,20px);max-width:700px;margin:0 auto}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.dashboard-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:30px;min-height:450px;display:flex;flex-direction:column;transition:all var(--transition-normal)}.card:hover,.dashboard-box:hover{box-shadow:var(--shadow-md)}.dashboard-box h3{font-size:18px;font-weight:600;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.dashboard-3col{grid-template-columns:1fr 300px 1fr}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px)}.card-header{margin-bottom:16px}.card-title,.footer-column h4{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.card-subtitle{font-size:14px;color:var(--text-muted)}.card-body{color:var(--text-secondary);line-height:1.6}footer{background-color:var(--bg-secondary);padding:60px 0 30px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column h4{font-size:16px;margin-bottom:16px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column a{text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--brand-primary)}.footer-bottom,footer{border-top:1px solid var(--border-color)}.footer-bottom{text-align:center;padding-top:30px;color:var(--text-muted);font-size:14px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.pt-0{padding-top:0}.pt-1{padding-top:8px}.pt-2{padding-top:16px}.pt-3{padding-top:24px}.pt-4{padding-top:32px}.pt-5{padding-top:48px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:8px}.pb-2{padding-bottom:16px}.pb-3{padding-bottom:24px}.pb-4{padding-bottom:32px}.pb-5{padding-bottom:48px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}@media (max-width:1024px){.dashboard{gap:20px}.dashboard,.dashboard-3col{grid-template-columns:1fr}.dashboard-box{min-height:400px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.nav-menu{gap:5px}.nav-menu a{padding:6px 12px;font-size:14px}}@media (max-width:768px){section{padding:40px 0}.hero{padding:40px 0 30px}.hero h1{margin-bottom:12px}.dashboard-box{min-height:300px;padding:20px}.footer-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{gap:30px}.nav-menu{display:none}.header-left{flex:1}}@media (max-width:480px){.container,.container-fluid{padding:0 15px}.header-content{padding:12px 0}.logo img{height:32px}.logo-text{font-size:20px}.hero{padding:30px 0 20px}.hero h1{margin-bottom:8px}.dashboard-box{min-height:280px;padding:16px}.dashboard-box h3{font-size:16px;margin-bottom:16px;padding-bottom:12px}footer{padding:40px 0 20px;margin-top:60px}.header-right{gap:10px}.theme-toggle{width:38px;height:38px}}@media (max-width:320px){.dashboard-box{min-height:250px;padding:12px}}.flex{display:flex}.flex-between,.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile-only{display:none!important}}