:host{--lumo-body-text-color:#c9d1d9;--lumo-secondary-text-color:#8b949e;--lumo-tertiary-text-color:#6e7681;--lumo-error-text-color:#f85149;--lumo-success-text-color:#3fb950;--lumo-primary-text-color:#58a6ff;--lumo-border-color:#30363d;--lumo-shade:#00000080;--lumo-shade-20pct:#fff3;--lumo-primary-color-10pct:#58a6ff1a;--lumo-success-color-10pct:#3fb9501a;--lumo-error-color-10pct:#f851491a;--lumo-warning-color-10pct:#d299221a;--app-bg:#0d1117;--app-surface:#161b22;--app-surface-hover:#1c2333;--app-border:#30363d;--app-text:#c9d1d9;--app-text-muted:#8b949e;--app-accent:#58a6ff;--app-success:#3fb950;--app-success-bg:#3fb95026;--app-danger:#f85149;--app-danger-bg:#f8514926;--app-warning:#d29922;--app-warning-bg:#d2992226;--app-info:#58a6ff;--app-info-bg:#58a6ff26;--app-radius:12px;--app-radius-sm:8px}.app-header{border-bottom:1px solid var(--app-border);background:linear-gradient(135deg,#1a1f2e 0%,#0d1117 100%)!important;gap:24px!important;padding:0 24px!important}.app-header h3{letter-spacing:-.02em;white-space:nowrap;font-weight:700;font-size:20px!important}.app-header [slot=prefix]{opacity:.7;font-size:16px;margin-right:4px!important}.app-header [slot=prefix] svg{width:16px!important;height:16px!important}.nav-bar{background:var(--app-surface);border-bottom:1px solid var(--app-border);flex-wrap:wrap;gap:4px!important;padding:8px 24px!important;display:flex!important}.nav-btn{border-radius:var(--app-radius-sm)!important;color:var(--lumo-secondary-text-color)!important;cursor:pointer!important;white-space:nowrap!important;background:0 0!important;border:1px solid #0000!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:13px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.nav-btn-active [slot=prefix] svg{color:var(--app-accent)!important}.nav-btn [slot=prefix] svg{color:var(--lumo-secondary-text-color);transition:color .2s;width:14px!important;height:14px!important}.nav-btn:hover [slot=prefix] svg{color:var(--app-text)}.stat-card{flex:1;min-width:140px;background:var(--app-surface)!important;border:1px solid var(--app-border)!important;border-radius:var(--app-radius)!important;padding:20px 24px!important;transition:all .2s!important}.stat-card:hover{border-color:var(--app-text-muted);transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--app-text-muted)!important;margin-bottom:6px!important;font-size:12px!important;font-weight:600!important}.stat-value{letter-spacing:-.02em;font-size:28px!important;font-weight:700!important}.stat-value.positive{color:var(--app-success)!important}.stat-value.negative{color:var(--app-danger)!important}.stat-value.neutral{color:var(--app-text)!important}.badge-live{align-items:center;gap:6px;display:inline-flex;background:var(--app-success-bg)!important;color:var(--app-success)!important;border:1px solid #3fb9504d!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}.badge-live:before{content:"";background:var(--app-success);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}.badge-finished{align-items:center;gap:6px;display:inline-flex;color:var(--app-text-muted)!important;background:#8b949e1f!important;border:1px solid #8b949e40!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}.badge-scheduled{align-items:center;gap:6px;display:inline-flex;background:var(--app-info-bg)!important;color:var(--app-info)!important;border:1px solid #58a6ff4d!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}.badge-won{align-items:center;gap:6px;display:inline-flex;background:var(--app-success-bg)!important;color:var(--app-success)!important;border:1px solid #3fb9504d!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}.badge-lost{align-items:center;gap:6px;display:inline-flex;background:var(--app-danger-bg)!important;color:var(--app-danger)!important;border:1px solid #f851494d!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}.badge-pending{align-items:center;gap:6px;display:inline-flex;background:var(--app-warning-bg)!important;color:var(--app-warning)!important;border:1px solid #d299224d!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.row-live-pulse{animation:2s ease-in-out infinite row-pulse}@keyframes row-pulse{0%,to{background-color:#0000}50%{background-color:#3fb9500f}}.v-grid{overflow:hidden;border:1px solid var(--app-border)!important;border-radius:var(--app-radius)!important}.v-grid-header{background:var(--app-surface)!important;border-bottom:1px solid var(--app-border)!important}.v-grid-header cell{text-transform:uppercase;letter-spacing:.06em;color:var(--app-text-muted)!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.v-grid-row:hover{background:var(--app-surface-hover)!important}.v-grid-row:nth-child(2n){background:#161b2280!important}.v-grid-row:nth-child(2n):hover{background:var(--app-surface-hover)!important}.warning-banner{background:var(--app-warning-bg)!important;border-radius:var(--app-radius)!important;color:var(--app-warning)!important;border:1px solid #d299224d!important;padding:14px 20px!important;font-size:14px!important;line-height:1.5!important}.search-input{border-radius:var(--app-radius-sm)!important;border:1px solid var(--app-border)!important;background:var(--app-surface)!important;color:var(--app-text)!important;padding:8px 14px!important;font-size:14px!important;transition:border-color .2s!important}.search-input:focus{border-color:var(--app-accent)!important;box-shadow:0 0 0 2px #58a6ff33!important}.search-input input{color:var(--app-text)!important;background:0 0!important}.search-input::part(input-field){background:0 0!important}.filter-chip{border:1px solid var(--app-border)!important;background:var(--app-surface)!important;color:var(--app-text-muted)!important;cursor:pointer!important;border-radius:20px!important;padding:6px 16px!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important}.filter-chip-active{color:var(--app-accent)!important;background:#58a6ff1f!important;border-color:#58a6ff4d!important}.filter-chip:hover{border-color:var(--app-text-muted);color:var(--app-text)}:host([theme~=dialog-custom]){overflow:hidden;border-radius:var(--app-radius)!important}:host([theme~=dialog-custom]) [part=header]{background:var(--app-surface)!important;border-bottom:1px solid var(--app-border)!important;padding:16px 24px!important}:host([theme~=dialog-custom]) [part=content]{background:var(--app-bg)!important;padding:0!important}:host([theme~=dialog-custom]) [part=overlay]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009!important}.form-field{width:100%!important}.form-field::part(label){color:var(--app-text)!important;font-weight:600!important}.form-field::part(input-field){background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}.form-field::part(error-message){color:var(--app-danger)!important}.nav-btn{border-radius:var(--app-radius-sm)!important;color:var(--lumo-secondary-text-color)!important;cursor:pointer!important;border:1px solid #0000!important;margin:0!important;padding:8px 18px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.nav-btn:hover{background:var(--app-surface-hover)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}.nav-btn-active{color:var(--app-accent)!important;background:#58a6ff1f!important;border-color:#58a6ff4d!important}.primary-btn{border-radius:var(--app-radius-sm)!important;transition:all .2s!important}.primary-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.filter-bar{margin-bottom:12px;gap:8px!important}.section-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.content-area{background:var(--app-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-surface)}::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-text-muted)}.v-notification{border-radius:var(--app-radius-sm)!important;background:var(--app-surface)!important;color:var(--app-text)!important;border:1px solid var(--app-border)!important;padding:12px 16px!important;font-size:14px!important;box-shadow:0 8px 24px #0006!important}html{scroll-behavior:smooth}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.app-root{background:var(--app-bg);min-height:100vh}.content-area{background:var(--app-bg);overflow-y:auto}.nav-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.nav-btn:hover{transform:translateY(-1px);background:var(--app-surface-hover)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}.stat-card{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.stat-card:hover{border-color:var(--app-text-muted);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.badge-live,.badge-finished,.badge-scheduled,.badge-won,.badge-lost,.badge-pending{transition:all .2s!important}.badge-live:hover,.badge-won:hover{background:#3fb95040!important}.badge-lost:hover{background:#f8514940!important}.badge-pending:hover{background:#d2992240!important}.v-notification[position=bottom-start]{margin:16px!important}.section-title{letter-spacing:-.01em;color:var(--app-text)!important;margin-bottom:16px!important;font-size:18px!important;font-weight:700!important}.empty-state{text-align:center;padding:48px 24px;color:var(--app-text-muted)!important}.empty-state-icon{opacity:.6;margin-bottom:16px;font-size:48px}.empty-state-text{font-size:16px;font-weight:500}.empty-state-sub{opacity:.7;margin-top:8px;font-size:14px}.activity-item{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:border-color .2s;display:flex}.activity-item:hover{border-color:var(--app-text-muted)}.toast-custom{border-radius:var(--app-radius-sm)!important;border:1px solid var(--app-border)!important;background:var(--app-surface)!important;color:var(--app-text)!important;box-shadow:0 8px 24px #0006!important}
