@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #f8f8f8;--bg2: #f2f2f2;--surface: #ffffff;--card: #ffffff;--border: #ebebeb;--border2: #d8d8d8;--text: #1d1d1d;--text2: #626262;--muted: #9e9e9e;--muted2: #d1d1d1;--green: #00d09c;--green-d: #00b386;--green-lt: #e8fdf7;--green-mid: rgba(0,208,156,.15);--red: #eb5757;--red-lt: #fff0f0;--red-mid: rgba(235,87,87,.15);--blue: #5367ff;--blue-lt: #eef0ff;--yellow: #f4a100;--yellow-lt: #fff8e6;--font: "Inter", sans-serif;--mono: "JetBrains Mono", monospace;--r-xs: 4px;--r-sm: 6px;--r: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1)}html{font-size:15px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--green)!important;box-shadow:0 0 0 3px var(--green-mid)!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important}select option{background:#fff;color:#1d1d1d}::-moz-placeholder{color:var(--muted);opacity:1}::placeholder{color:var(--muted);opacity:1}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-in{animation:fadeIn .25s ease both}.fade-up{animation:fadeUp .35s cubic-bezier(.16,1,.3,1) both}.slide-up{animation:slideUp .32s cubic-bezier(.16,1,.3,1) both}.scale-in{animation:scaleIn .18s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.skeleton{background:linear-gradient(90deg,#f2f2f2 25%,#e8e8e8,#f2f2f2 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r)}.mono{font-family:var(--mono)}.g-text{color:var(--green)}.r-text{color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow-xs)}.card-hover{transition:box-shadow .15s,border-color .15s,transform .15s}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-2px);cursor:pointer}.tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.tag-g{background:var(--green-lt);color:var(--green-d)}.tag-r{background:var(--red-lt);color:var(--red)}.tag-b{background:var(--blue-lt);color:var(--blue)}.tag-y{background:var(--yellow-lt);color:var(--yellow)}.input{width:100%;padding:12px 14px;background:#fff;border:1px solid var(--border2);border-radius:var(--r);color:var(--text);font-size:14px;transition:border-color .15s,box-shadow .15s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-d);box-shadow:0 4px 14px #00d09c59}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:#3d52f0;box-shadow:0 4px 14px #5367ff4d}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#d94444;box-shadow:0 4px 14px #eb57574d}.btn-outline{background:transparent;border:1.5px solid var(--border2);color:var(--text2)}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.page{max-width:1200px;margin:0 auto;padding:24px 20px 96px}@media (max-width:640px){.page{padding:16px 14px 90px}}.divider{height:1px;background:var(--border);margin:0}.dot-live{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s ease infinite}