:root{--bg:#f5f6fc;--surface:#fff;--surface-2:#eef0fa;--text:#0d0d86;--text-muted:#6b6ba3;--border:#dcdff2;--accent:#0069ff;--accent-2:#0d0d86;--accent-soft:#e6efff;--danger:#b4553f;--success:#3f8f5c;--shadow:0 1px 2px #0d0d860a, 0 6px 16px -10px #0d0d861f;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#17a2b8;--series-9:#8d6e63;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:15px;--font-xl:16px}@media (prefers-color-scheme:dark){:root{--bg:#0d101c;--surface:#151a2b;--surface-2:#1c2338;--text:#e8e9fb;--text-muted:#9a9ccb;--border:#2b3350;--accent:#5b9bff;--accent-2:#9b9cf0;--accent-soft:#1c2a4a;--shadow:0 1px 2px #0000004d, 0 10px 28px -14px #0000008c;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#22b8d1;--series-9:#a1887f}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Golos Text,-apple-system,Segoe UI,sans-serif}h1,h2,h3,.serif{font-family:Nunito,Golos Text,sans-serif;font-weight:800}a{color:var(--accent)}button,input{font-family:inherit}.container{max-width:1080px;margin:0 auto;padding-inline:20px}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{font-size:var(--font-sm);border-radius:var(--radius-sm);padding:5px 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5)}.card-clickable{transition:border-color .15s,transform .15s}.card-clickable:hover{border-color:var(--accent);transform:translateY(-1px)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:600}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);background:var(--surface);color:var(--text);width:100%;padding:8px 10px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-2);outline-offset:1px}.textarea{resize:vertical;font-family:inherit;line-height:1.5}.badge{height:22px;font-size:var(--font-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-weight:600;line-height:1;display:inline-flex}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);gap:4px;display:flex}.tab-btn{font-size:var(--font-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:600}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-btn:hover:not(.active){color:var(--text)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.dragover{border-color:var(--accent-2);background:var(--accent-soft)}.error-text{color:var(--danger);margin-top:-8px;margin-bottom:12px;font-size:13px}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 37%, var(--surface-2) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.tooltip-bubble{background:var(--text);color:var(--surface);font-size:var(--font-sm);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:1000;text-align:left;min-width:140px;max-width:320px;max-height:320px;padding:8px 10px;font-weight:500;line-height:1.5;overflow-y:auto}@keyframes spin{to{transform:rotate(360deg)}}