*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}:root{--navy: #0F1F3D;--navy-light: #1A3260;--navy-mid: #243B6E;--steel: #2E5090;--blue: #3B6FCC;--blue-light: #EEF3FC;--amber: #F59E0B;--amber-light: #FEF3C7;--amber-dark: #B45309;--red: #DC2626;--red-light: #FEE2E2;--green: #059669;--green-light: #D1FAE5;--orange: #D97706;--bg: #F1F5F9;--surface: #FFFFFF;--surface-2: #F8FAFC;--border: #E2E8F0;--border-dark: #CBD5E1;--text: #0F172A;--text-2: #334155;--text-3: #64748B;--text-4: #94A3B8;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--sidebar-w: 240px;--nav-h: 60px;--font-head: "Outfit", sans-serif;--font-body: "Source Sans 3", sans-serif}body{font-family:var(--font-body);font-size:.9375rem;color:var(--text);background:var(--bg);line-height:1.5}.app-shell{display:flex;min-height:100vh}.app-content{margin-left:var(--sidebar-w);min-height:100vh;overflow-x:clip;max-width:calc(100vw - var(--sidebar-w));width:calc(100vw - var(--sidebar-w))}.tab-bar{border-bottom:2px solid var(--border);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;-webkit-mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 40px),transparent 100%)}.tab-bar::-webkit-scrollbar{display:none}.tab-bar-inner{display:flex;min-width:max-content;margin-bottom:-2px}.tab-btn{padding:.65rem 1rem;font-family:var(--font-head);font-weight:600;font-size:.8125rem;white-space:nowrap;flex-shrink:0;background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;color:var(--text-3);transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--navy)}.tab-btn.active{color:var(--navy);border-bottom-color:var(--amber)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .2s ease}.spin{animation:spin .7s linear infinite}
