@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-base: #050d1a;--bg-surface: #0a1729;--bg-elevated: #10223a;--bg-muted: #122a45;--border: #1f3d61;--border-strong: #2d5688;--text-primary: #e8effa;--text-secondary: #9fb2cb;--accent: #40c8ff;--accent-hover: #63d4ff;--accent-dim: rgba(64, 200, 255, .16);--danger: #ef5e5e;--warning: #f3b84a;--success: #39c77e;--font-heading: "Manrope", sans-serif;--font-body: "Manrope", sans-serif;--font-mono: "Manrope", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--app-bg: radial-gradient(circle at 18% 12%, rgba(64, 200, 255, .18), transparent 28%), radial-gradient(circle at 88% 0%, rgba(59, 130, 246, .16), transparent 24%), linear-gradient(180deg, #041122 0%, #06152a 52%, #071a31 100%);font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{min-width:320px;background:var(--app-bg);color:var(--text-primary);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary)}p,span,label,input,textarea,select,button{font-family:var(--font-body)}code,pre,kbd,samp{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{color:inherit;background:transparent;border:none}button{cursor:pointer}::selection{background:#40c8ff40;color:#f6fbff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.bg-base{background-color:var(--bg-base)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-accent-dim{background-color:var(--accent-dim)}.border-default{border:1px solid var(--border)}.rounded-sm{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.tracking-player-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media(min-width:768px)and (max-width:1024px){.tracking-player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}:root[data-theme=light]{--bg-base: #f3f8ff;--bg-surface: #ffffff;--bg-elevated: #eef5ff;--bg-muted: #e3efff;--border: #9fb8d4;--border-strong: #6d95bf;--text-primary: #0f223b;--text-secondary: #3f5978;--accent: #0d84d9;--accent-hover: #096ab0;--accent-dim: rgba(13, 132, 217, .16);--danger: #b4232b;--warning: #9a6b02;--success: #0f6b34;--app-bg: radial-gradient(circle at 8% 0%, rgba(14, 165, 233, .12), transparent 26%), radial-gradient(circle at 90% 8%, rgba(37, 99, 235, .12), transparent 30%), linear-gradient(180deg, #f7fbff 0%, #f1f7ff 48%, #edf4ff 100%)}.layout-shell{min-height:100vh;background:transparent}.layout-sidebar{position:fixed;top:0;left:0;z-index:30;width:220px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:16px 10px;border-right:1px solid var(--border);background:linear-gradient(180deg,#07182cf5,#06162af0 48%,#081d36f0),radial-gradient(circle at 12% 12%,rgba(64,200,255,.16),transparent 35%);box-shadow:inset -1px 0 #ffffff08}.layout-sidebar__header{display:flex;align-items:center;gap:10px;padding:6px 8px 14px}.layout-sidebar__brand{display:block;border-radius:10px;text-decoration:none;color:inherit}.layout-sidebar__brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout-sidebar__logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#40c8ff33,#3b82f629);border:1px solid rgba(64,200,255,.35);color:var(--accent)}.layout-sidebar__title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.layout-nav{display:grid;gap:6px}.layout-nav__link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.layout-nav__link:hover{border-color:var(--border);color:var(--text-primary);background:#122a45c7}.layout-nav__link--active{color:#ecf8ff;background:linear-gradient(90deg,#40c8ff3d,#3b82f624);border-color:#40c8ff66}.layout-sidebar__footer{border-top:1px solid var(--border);padding:12px 8px 0}.layout-sidebar__version{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.layout-main{margin-left:220px;min-height:100vh}.layout-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:0 24px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#071b32e0,#0b223ee6),radial-gradient(circle at 30% 0%,rgba(64,200,255,.2),transparent 32%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layout-topbar__title{font-family:var(--font-heading);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:.01em}.layout-topbar__subtitle{margin-top:5px;color:var(--text-secondary);font-size:13px}.layout-topbar__right{display:flex;align-items:center;gap:10px}.layout-theme-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#122a45b8,#10223acc);color:var(--text-secondary);font-size:12px;font-weight:600;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.layout-theme-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.layout-content{padding:24px}@media(max-width:1023px){.layout-sidebar{width:78px;padding:14px 8px}.layout-sidebar__title,.layout-nav__text,.layout-sidebar__version{display:none}.layout-sidebar__header{justify-content:center;padding:4px 0 10px}.layout-nav__link{justify-content:center;padding:0}.layout-sidebar__footer{display:grid;place-items:center;border-top:none;padding-top:0}.layout-main{margin-left:78px}.layout-topbar,.layout-content{padding-left:16px;padding-right:16px}}:root[data-theme=light] .layout-sidebar{background:linear-gradient(180deg,#f0f8fff5,#ebf5fff0 52%,#e6f1fff0),radial-gradient(circle at 12% 12%,rgba(14,165,233,.12),transparent 36%)}:root[data-theme=light] .layout-nav__link:hover{background:#d6e8fccc}:root[data-theme=light] .layout-nav__link--active{color:#0b5e8d;background:linear-gradient(90deg,#0ea5e933,#2563eb1f);border-color:#0ea5e95c}:root[data-theme=light] .layout-topbar{background:linear-gradient(90deg,#f0f8ffeb,#e9f4fff2),radial-gradient(circle at 30% 0%,rgba(14,165,233,.12),transparent 35%)}:root[data-theme=light] .layout-theme-toggle{background:linear-gradient(180deg,#e1eefdf2,#d9e9fbf2);border-color:#7195bcbf;color:#254566}:root[data-theme=light] .layout-theme-toggle:hover{border-color:#557aa2d9;color:#163554;background:linear-gradient(180deg,#d9e9fbfa,#d0e3f8fa)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,box-shadow .15s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--primary{background:linear-gradient(135deg,#31c7ff,#2488ff);border-color:#68d4ff80;color:#f8fcff;box-shadow:0 8px 20px #2488ff40}.ui-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#47d0ff,#2d93ff)}.ui-button--ghost{background:linear-gradient(180deg,#122a45db,#10223ae6);border-color:var(--border);color:var(--text-primary)}.ui-button--ghost:hover:not(:disabled){border-color:var(--border-strong);background:linear-gradient(180deg,#142f4ee6,#112742eb)}.ui-button--danger{background:#ef5e5e24;border-color:#ef5e5e73;color:#ffc8c8}.ui-button--danger:hover:not(:disabled){background:#ef5e5e38}.ui-button--full{width:100%}.ui-card{background:linear-gradient(180deg,#0a182aeb,#0c1c2feb);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 34px #00000040}.ui-card--elevated{background:radial-gradient(circle at 0% 0%,rgba(64,200,255,.08),transparent 36%),linear-gradient(180deg,#0c1c30f2,#0c1e32f2)}.ui-card--pad-none{padding:0}.ui-card--pad-sm{padding:12px}.ui-card--pad-md{padding:16px}.ui-card--pad-lg{padding:24px}.ui-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.4}.ui-badge--default{background:#142a45cc;border-color:var(--border);color:var(--text-secondary)}.ui-badge--accent{background:var(--accent-dim);color:#c8efff;border-color:#40c8ff73}.ui-badge--success{background:#39c77e24;color:var(--success);border-color:#39c77e73}.ui-badge--warning{background:#f3b84a24;color:var(--warning);border-color:#f3b84a73}.ui-badge--danger{background:#ef5e5e26;color:var(--danger);border-color:#ef5e5e73}.ui-input,.ui-select{width:100%;min-height:42px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#10233aeb,#112842eb);color:var(--text-primary);font-size:14px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.ui-input::placeholder{color:var(--text-secondary)}.ui-input:focus,.ui-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ui-input:disabled,.ui-select:disabled{opacity:.55;cursor:not-allowed}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field--full{width:100%}.ui-field__label{color:var(--text-primary);font-size:13px;font-weight:500}.ui-field__hint{color:var(--text-secondary);font-size:12px}.ui-field__hint--error{color:var(--danger)}.ui-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.ui-modal__backdrop{position:absolute;inset:0;background:#040c18c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal__content{position:relative;z-index:1;width:min(100%,560px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(64,200,255,.1),transparent 32%),linear-gradient(180deg,#0e1e31fa,#0d2138fa);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 44px #01070e8c;color:var(--text-primary)}.ui-modal__content--sm{width:min(100%,420px)}.ui-modal__content--md{width:min(100%,560px)}.ui-modal__content--lg{width:min(100%,760px)}.ui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 0}.ui-modal__title{font-size:20px;font-weight:700;font-family:var(--font-heading)}.ui-modal__description{margin-top:6px;color:var(--text-secondary);font-size:14px}.ui-modal__close{min-width:32px;min-height:32px;border-radius:8px;border:1px solid var(--border);background:#112842e0;color:var(--text-secondary);font-size:18px;line-height:1}.ui-modal__close:hover{color:var(--text-primary);border-color:var(--border-strong)}.ui-modal__body{padding:16px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.ui-modal{padding:12px}.ui-modal__content{max-height:calc(100dvh - 24px)}.ui-modal__body{padding:14px}}:root[data-theme=light] .ui-button--ghost{background:linear-gradient(180deg,#f4fafffa,#ecf6fffa);border-color:#7b98b9b3;color:#153251}:root[data-theme=light] .ui-button--ghost:hover:not(:disabled){border-color:#52789fd1;background:linear-gradient(180deg,#ebf5fffc,#e1effdfc)}:root[data-theme=light] .ui-button--primary{background:linear-gradient(135deg,#0d84d9,#0a65bb);border-color:#0a65bbbf;color:#fff;box-shadow:0 6px 14px #0d6ab547}:root[data-theme=light] .ui-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#0c76c0,#08589f)}:root[data-theme=light] .ui-button--danger{background:linear-gradient(180deg,#fce6e6fa,#f9d8d8fa);border-color:#c25454ad;color:#872525}:root[data-theme=light] .ui-button--danger:hover:not(:disabled){background:linear-gradient(180deg,#f8d8d8fc,#f3cbcbfc);border-color:#a93b3bc2}:root[data-theme=light] .ui-card{background:linear-gradient(180deg,#fffffffa,#f6fbfffa);box-shadow:0 10px 26px #0f223b14}:root[data-theme=light] .ui-card--elevated{background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.09),transparent 34%),linear-gradient(180deg,#fdfffffa,#f4fafffa)}:root[data-theme=light] .ui-input,:root[data-theme=light] .ui-select{background:linear-gradient(180deg,#f3f9fffa,#ebf5fffa);border-color:#83a5c9b8}:root[data-theme=light] .ui-input::placeholder{color:#4d6a8c}:root[data-theme=light] .ui-input:focus,:root[data-theme=light] .ui-select:focus{border-color:#0a75c5;box-shadow:0 0 0 3px #0d84d938}:root[data-theme=light] .ui-modal__backdrop{background:#3a5c8457}:root[data-theme=light] .ui-modal__content{background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.08),transparent 34%),linear-gradient(180deg,#fcfffffa,#f5fbfffa)}:root[data-theme=light] .ui-modal__close{background:#e8f3fff2}:root[data-theme=light] .ui-badge--default{background:#e0ecfaf2;border-color:#83a5c9b8;color:#334f6e}:root[data-theme=light] .ui-badge--accent{background:#d6edfef2;border-color:#0d84d985;color:#0b5e93}.ui-empty-state{display:grid;justify-items:center;text-align:center;gap:8px;padding:20px;border:1px dashed var(--border-strong);border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(64,200,255,.1),transparent 42%),linear-gradient(180deg,#0d1e34b8,#0a182cb8)}.ui-empty-state--compact{padding:14px;gap:6px}.ui-empty-state__icon{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;color:var(--accent);background:#0c1d32e6}.ui-empty-state__title{font-size:17px;line-height:1.2}.ui-empty-state--compact .ui-empty-state__title{font-size:15px}.ui-empty-state__description{max-width:520px;color:var(--text-secondary);font-size:14px}.ui-empty-state--compact .ui-empty-state__description{font-size:13px}.ui-empty-state__actions{margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}:root[data-theme=light] .ui-empty-state{background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.12),transparent 45%),linear-gradient(180deg,#f5fbfff2,#eef7fff2)}:root[data-theme=light] .ui-empty-state__icon{background:#e5f0fce6}.ui-toast-stack{position:fixed;right:18px;bottom:18px;z-index:1250;display:grid;gap:8px;width:min(360px,calc(100vw - 24px))}.ui-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:10px;border:1px solid var(--border);padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 30px #0000004d;animation:ui-toast-in .16s ease}.ui-toast__icon{display:grid;place-items:center}.ui-toast__message{font-size:13px;line-height:1.35}.ui-toast__close{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;border:1px solid transparent;background:transparent;color:currentColor}.ui-toast--success{background:linear-gradient(180deg,#122e29ed,#0e2722ed);border-color:#39c77e73;color:#ccf8df}.ui-toast--error{background:linear-gradient(180deg,#391818ed,#2e1313ed);border-color:#ef5e5e73;color:#ffd4d4}.ui-toast--warning{background:linear-gradient(180deg,#382813ed,#312210ed);border-color:#f3b84a73;color:#ffe5b2}.ui-toast--info{background:linear-gradient(180deg,#10243ff2,#0d1e35f2);border-color:#40c8ff66;color:#d8f3ff}.ui-confirm__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ui-error-notice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:8px;border-radius:10px;border:1px solid rgba(239,94,94,.38);background:linear-gradient(180deg,#391717b3,#311313b3);color:#ffd5d5}.ui-error-notice--card{padding:12px}.ui-error-notice--inline{padding:9px 10px}.ui-error-notice__icon{width:18px;height:18px;margin-top:1px;color:#ff9f9f}.ui-error-notice__title{display:block;font-size:13px;line-height:1.2}.ui-error-notice__message{margin-top:2px;font-size:13px;line-height:1.35}.ui-error-notice__actions{margin-top:8px}@keyframes ui-toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}:root[data-theme=light] .ui-toast--info{background:linear-gradient(180deg,#e6f4fffa,#ddeefefa);color:#114b6f}:root[data-theme=light] .ui-toast--success{background:linear-gradient(180deg,#e4fbeffa,#dcf8eafa);color:#155c3f}:root[data-theme=light] .ui-toast--warning{background:linear-gradient(180deg,#fff5dafa,#ffeec8fa);color:#73490f}:root[data-theme=light] .ui-toast--error{background:linear-gradient(180deg,#ffe8e8fa,#ffdfdffa);color:#7d2020}:root[data-theme=light] .ui-error-notice{background:linear-gradient(180deg,#ffebebfa,#ffe2e2fa);color:#7b2121}@media(max-width:640px){.ui-toast-stack{right:12px;left:12px;width:auto;bottom:12px}}