*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #B8860B;--gold-l: #DAA520;--gold-bg: #FDF8EC;--gold-bdr: #E8D5A3;--bg: #F4F6FA;--white: #FFFFFF;--surface: #FFFFFF;--ink: #1C1F2E;--ink2: #374151;--ink3: #6B7280;--ink4: #9CA3AF;--border: #E5E9F0;--border2: #F0F2F5;--sb-bg: #FFFFFF;--sb-bdr: #E5E9F0;--sb-hover: #F0F2F5;--sb-active: #FDF8EC;--sb-text: #6B7280;--sb-active-text: #B8860B;--green: #16A34A;--green-bg: #F0FDF4;--green-bdr: #BBF7D0;--red: #DC2626;--red-bg: #FEF2F2;--red-bdr: #FECACA;--blue: #2563EB;--blue-bg: #EFF6FF;--blue-bdr: #BFDBFE;--amber: #D97706;--amber-bg: #FFFBEB;--amber-bdr: #FDE68A;--purple: #7C3AED;--purple-bg: #F5F3FF;--purple-bdr: #DDD6FE;--teal: #0D9488;--teal-bg: #F0FDFA;--teal-bdr: #99F6E4;--sidebar-w: 210px;--header-h: 56px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--font: "Poppins", -apple-system, system-ui, sans-serif;--font-display: "Poppins", Georgia, serif;--font-mono: "SF Mono","Cascadia Code","Fira Code",monospace;--t-fast: .12s ease;--t-base: .18s ease;--t-slow: .28s ease}html{scroll-behavior:smooth}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--gold);color:#fff}a{text-decoration:none;color:inherit;transition:color var(--t-fast)}button{font-family:var(--font);cursor:pointer;border:none;background:none;padding:0}input,select,textarea{font-family:var(--font)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:600;line-height:1.3;color:var(--ink);letter-spacing:-.01em}h1{font-size:26px}h2{font-size:21px}h3{font-size:17px}h4{font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--ink4)}::-webkit-scrollbar-corner{background:transparent}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.slide-up{animation:slideUp .25s ease}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 1024px){:root{--sidebar-w: 72px}h1{font-size:22px}h2{font-size:18px}.responsive-grid-5{grid-template-columns:repeat(3,1fr)!important}.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr 1fr!important}}@media (max-width: 768px){:root{--sidebar-w: 0px;--header-h: 52px;font-size:13px}.sidebar-desktop{display:none!important}.sidebar-mobile-open{position:fixed!important;top:0;left:0;width:240px!important;min-width:240px!important;height:100vh;z-index:999;box-shadow:4px 0 24px #0000002e}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:998}.header-search,.header-mobile-app{display:none!important}.page-content{padding:12px!important}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4,.responsive-grid-5,.login-grid{grid-template-columns:1fr!important}.login-left-panel{display:none!important}.login-form-panel{min-height:100vh;padding:24px!important}.login-card{max-width:440px!important;padding:32px 24px!important;border-radius:16px!important}}@media (max-width: 480px){:root{--header-h: 48px}h1{font-size:18px}h2{font-size:15px}.login-form-panel{padding:16px!important}.login-card{padding:28px 18px!important}}