@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0E0F11;--ink2: #1C1E22;--ink3: #2A2D33;--muted: #5A5E6B;--muted2: #8B8F9E;--white: #F4F3EF;--white2: #C8C6BF;--white3: #8E8C85;--line: rgba(255,255,255,.07);--line2: rgba(255,255,255,.04);--green: #2ECC8A;--green-bg: rgba(46,204,138,.1);--amber: #F5A623;--amber-bg: rgba(245,166,35,.1);--red: #FF4757;--red-bg: rgba(255,71,87,.1);--blue: #4A9EFF;--blue-bg: rgba(74,158,255,.1);--teal: #00D2C6;--teal-bg: rgba(0,210,198,.1);--accent: #7B6FFF;--accent-bg: rgba(123,111,255,.12);--r: 8px;--rsm: 5px;--rlg: 12px;--bg-main: var(--ink);--bg-sidebar: var(--ink2);--bg-surface: var(--ink2);--bg-surface2: var(--ink3);--bg-input: var(--ink3);--bg-modal: var(--ink2);--bg-topbar: var(--ink);--bg-btn2: var(--ink3);--bg-search: rgba(255,255,255,.025);--border: var(--line);--border-soft: var(--line2);--border-input: rgba(255,255,255,.1);--text-primary: var(--white);--text-secondary: var(--muted2);--text-muted: var(--muted);--text-heading: var(--white);--color-btn2: var(--muted2);--scrollbar-thumb: rgba(255,255,255,.07);--shadow-modal: 0 24px 80px rgba(0,0,0,.7);--backdrop: rgba(0,0,0,.65);--row-hover: var(--line2);--sidebar-link-hover: var(--line);--bg-option: var(--ink2);--bg-card: var(--ink2)}[data-theme=light]{--ink: #f4f6fb;--ink2: #ffffff;--ink3: #e9ecf2;--muted: #9ca3af;--muted2: #6b7280;--white: #1e2d45;--white2: #374151;--white3: #6b7280;--line: rgba(0,0,0,.08);--line2: rgba(0,0,0,.04);--green: #059669;--green-bg: rgba(5,150,105,.1);--amber: #d97706;--amber-bg: rgba(217,119,6,.1);--red: #dc2626;--red-bg: rgba(220,38,38,.1);--blue: #2563eb;--blue-bg: rgba(37,99,235,.1);--teal: #0d9488;--teal-bg: rgba(13,148,136,.1);--accent: #6366f1;--accent-bg: rgba(99,102,241,.1);--bg-sidebar: #1e2d45;--bg-topbar: rgba(244,246,251,.95);--shadow-modal: 0 24px 80px rgba(0,0,0,.15);--backdrop: rgba(0,0,0,.3);--scrollbar-thumb: rgba(0,0,0,.1);--bg-card: #ffffff}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--ink);color:var(--white);min-height:100vh;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:Inter,system-ui,sans-serif;font-size:12px;color:var(--white);padding:8px 11px;border:1px solid var(--line);border-radius:var(--rsm);background:var(--ink3);width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}select option{background:var(--ink3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--ink3) 25%,var(--line) 50%,var(--ink3) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:4px}a,button,[role=button],[tabindex="0"]{transition:all .15s ease}.sb{transition:background .15s ease,color .15s ease!important}.sb:hover{background:var(--line)!important}.sb.active{color:var(--white)!important}.rh{transition:background .12s ease}.rh:hover{background:var(--line2)!important}
