*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #12121A;--card: #1E1E2E;--input: #2A2A3E;--border: #3A3A5C;--green: #00A878;--text: #FFFFFF;--sub: rgba(255,255,255,.54);--muted: rgba(255,255,255,.38);--red: #FF4C4C;--orange: #FF9800;--blue: #4C9BFF;--purple: #A855F7;--teal: #2DD4BF;--font: "Syne", sans-serif;--mono: "DM Mono", monospace}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}input,select,textarea{font-family:var(--font);color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--green)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}select option{background:var(--card)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=range]{accent-color:var(--green);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:fadeIn .2s ease}.spinner{animation:spin .7s linear infinite;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--input) 25%,var(--border) 50%,var(--input) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}@media (max-width: 480px){main{padding:12px!important}h2{font-size:20px!important}div[style*="minmax(155px"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: repeat(3"]{gap:4px!important}div[style*="border-radius: 12px"]{padding:12px!important}button{font-size:12px!important;padding:6px 10px!important}table{font-size:11px!important}span[style*="border-radius: 6px"]{font-size:10px!important;padding:2px 5px!important}}
