:root{--primary-navy:#1a2942;--secondary-navy:#2d3e5a;--accent-orange:#f26419;--bg-light:#f4f6f8;--text-dark:#333}body{background-color:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,Roboto,Hiragino Sans,sans-serif}.app-container{background-color:#fff;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 10px #0000000d}.header{background-color:var(--primary-navy);color:#fff;z-index:100;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.header h1{margin:0;font-size:1.15rem;font-weight:600}.content{background-color:var(--bg-light);flex:1;padding:1.25rem}.section-title{color:var(--primary-navy);border-bottom:2px solid #e0e4e8;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.card{border-left:4px solid var(--primary-navy);background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.25rem;transition:box-shadow .2s;box-shadow:0 2px 10px #0000000f}.card:active{box-shadow:0 1px 4px #0000001a}.card-header{justify-content:space-between;margin-bottom:.75rem;display:flex}.card h3{color:var(--text-dark);margin:.25rem 0;font-size:1.15rem}.card p{color:#555;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.btn-primary{background-color:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover,.btn-primary:active{filter:brightness(1.1);box-shadow:0 4px 12px #f264194d}.badge{background-color:var(--secondary-navy);color:#fff;border-radius:12px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-screen{background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;display:flex}.loading-dots{gap:.5rem;display:flex}.loading-dots span{background:var(--accent-orange);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite pulse-dot}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}:root{--nav-sidebar-w:232px;--nav-bg:#1f2937;--nav-bg-hover:#374151;--nav-text:#f9fafb;--nav-muted:#94a3b8;--nav-active:#2563eb;--nav-active-hover:#1d4ed8}.nav-hamburger{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:22px;line-height:1;display:inline-block}.nav-main{min-width:0}.nav-sidebar{width:var(--nav-sidebar-w);background:var(--nav-bg);height:100vh;color:var(--nav-text);z-index:100001;padding:24px 8px 16px;transition:transform .22s ease-out;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.nav-sidebar--open{transform:translate(0)}.nav-backdrop{z-index:100000;background:#00000073;position:fixed;inset:0}.nav-group{margin-bottom:20px}.nav-group:last-child{margin-bottom:0}.nav-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--nav-muted);margin:0 12px 8px;font-size:11px}.nav-list{margin:0;padding:0;list-style:none}.nav-link{width:100%;color:inherit;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.nav-link:hover{background:var(--nav-bg-hover)}.nav-link--active{background:var(--nav-active);color:#fff}.nav-link--active:hover{background:var(--nav-active-hover)}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-coming{color:var(--nav-muted);opacity:.7;padding:7px 12px;font-size:13px;display:block}@media (width>=769px){.nav-persistent .nav-hamburger{display:none}.nav-persistent .nav-body{align-items:flex-start;gap:1.5rem;display:flex}.nav-persistent .nav-main{flex:1;min-width:0}.nav-persistent .nav-sidebar{z-index:auto;border-radius:12px;flex-shrink:0;height:auto;max-height:calc(100vh - 2rem);position:sticky;top:1rem;left:auto;transform:none}.nav-persistent .nav-backdrop{display:none}}