:root{--brand-navy: #0B132B;--brand-slate: #1C2541;--brand-blue: #3A506B;--brand-electric: #0066FF;--brand-cyan: #00B4D8;--brand-emerald: #10B981;--brand-amber: #F59E0B;--brand-rose: #EF4444;--surface: #F8FAFC;--surface-card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--border: #E2E8F0;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box}body{margin:0;font-family:Prompt,Noto Sans Thai,system-ui,sans-serif;background-color:var(--surface);color:var(--text-primary)}.platform-shell{display:flex;flex-direction:column;min-height:100vh}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--brand-navy);color:var(--white)}.sidebar{display:none;width:256px;background:var(--brand-navy);color:var(--white);padding:1rem;flex-shrink:0}.workspace{flex:1;padding:1.5rem;overflow-y:auto;padding-bottom:80px}.bottom-nav{display:flex;justify-content:space-around;padding:.75rem .5rem;background:var(--surface-card);border-top:1px solid var(--border);position:fixed;bottom:0;width:100%;box-shadow:var(--shadow-sm);z-index:100}.fab{background:var(--brand-electric);color:var(--white);border-radius:50%;width:56px;height:56px;border:none;margin-top:-30px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media(min-width:1024px){.platform-shell{flex-direction:row}.mobile-header{display:none}.sidebar{display:flex;flex-direction:column}.bottom-nav{display:none}.workspace{padding-bottom:1.5rem;padding-left:2rem;padding-right:2rem}}.dashboard-header{margin-bottom:2rem}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{background:var(--surface-card);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.card h3{margin:0;font-size:.875rem;color:var(--text-muted);font-weight:500}.card .number{font-size:1.875rem;font-weight:700;margin:.5rem 0 0}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}