:root{--brand: #FF6B00;--brand-dark: #CC5500;--brand-light: rgba(255,107,0,.12);--surface: #0C0C0C;--surface-2: #161616;--surface-3: #202020;--surface-4: #2A2A2A;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--text: #F5F5F5;--text-1: #F5F5F5;--text-2: #A8A8A8;--text-3: #5A5A5A;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full:999px;--font-d: "Syne", sans-serif;--font-b: "DM Sans", sans-serif;--shadow: 0 2px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--sidebar-w: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-b);background:var(--surface);color:var(--text-1);line-height:1.6;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-b);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-b)}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-up{animation:fadeUp .28s ease both}.fade-in{animation:fadeIn .2s ease both}.slide-r{animation:slideRight .25s ease both}@media (max-width: 767px){.page-wrapper{padding:16px!important}.grid-auto{grid-template-columns:1fr!important}.max-w-900,.max-w-700,.max-w-600{max-width:100%!important}h1{font-size:20px!important}h2{font-size:17px!important}input,select,textarea{font-size:16px!important}button,a{min-height:40px}}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-muted{color:var(--text-3)}.w-full{width:100%}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
