:root{--font-family: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:light dark;--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-subtle: #f1f5f9;--bg-card-hover: #e2e8f0;--bg-input: #ffffff;--bg-modal: #ffffff;--navbar-bg: rgba(248, 250, 252, .88);--border-light: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .16);--border-accent: rgba(249, 115, 22, .45);--orange-500: #ea580c;--orange-600: #c2410c;--orange-glow: rgba(234, 88, 12, .2);--amber-400: #d97706;--emerald-400: #059669;--rose-400: #e11d48;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-modal: 0 20px 40px -10px rgba(15, 23, 42, .2);--duty-box-bg: linear-gradient(145deg, #fffaf5, #ffedd5);--duty-box-border: rgba(249, 115, 22, .25);--duty-title-color: #c2410c;--roster-number-bg: #e2e8f0;--roster-number-color: #475569;--modal-overlay-bg: rgba(15, 23, 42, .6);--table-border: rgba(15, 23, 42, .06);--table-row-hover: rgba(15, 23, 42, .03);--code-bg: rgba(234, 88, 12, .1);--bg-ambient-1: rgba(249, 115, 22, .08);--bg-ambient-2: rgba(245, 158, 11, .04)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-dark: #090d16;--bg-card: #121826;--bg-card-subtle: #182032;--bg-card-hover: #1c263c;--bg-input: #0c101a;--bg-modal: #141c2e;--navbar-bg: rgba(9, 13, 22, .85);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-accent: rgba(249, 115, 22, .4);--orange-500: #f97316;--orange-600: #ea580c;--orange-glow: rgba(249, 115, 22, .2);--amber-400: #fbbf24;--emerald-400: #34d399;--rose-400: #fb7185;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .6);--duty-box-bg: linear-gradient(145deg, #182236, #121828);--duty-box-border: var(--border-medium);--duty-title-color: var(--amber-400);--roster-number-bg: #222d44;--roster-number-color: var(--text-muted);--modal-overlay-bg: rgba(0, 0, 0, .75);--table-border: rgba(255, 255, 255, .04);--table-row-hover: rgba(255, 255, 255, .02);--code-bg: rgba(255, 255, 255, .08);--bg-ambient-1: rgba(249, 115, 22, .12);--bg-ambient-2: rgba(245, 158, 11, .06)}}[data-theme=dark],:root:has(>head>meta[name=color-scheme][content=dark]){color-scheme:dark;--bg-dark: #090d16;--bg-card: #121826;--bg-card-subtle: #182032;--bg-card-hover: #1c263c;--bg-input: #0c101a;--bg-modal: #141c2e;--navbar-bg: rgba(9, 13, 22, .85);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-accent: rgba(249, 115, 22, .4);--orange-500: #f97316;--orange-600: #ea580c;--orange-glow: rgba(249, 115, 22, .2);--amber-400: #fbbf24;--emerald-400: #34d399;--rose-400: #fb7185;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .6);--duty-box-bg: linear-gradient(145deg, #182236, #121828);--duty-box-border: var(--border-medium);--duty-title-color: var(--amber-400);--roster-number-bg: #222d44;--roster-number-color: var(--text-muted);--modal-overlay-bg: rgba(0, 0, 0, .75);--table-border: rgba(255, 255, 255, .04);--table-row-hover: rgba(255, 255, 255, .02);--code-bg: rgba(255, 255, 255, .08);--bg-ambient-1: rgba(249, 115, 22, .12);--bg-ambient-2: rgba(245, 158, 11, .06)}[data-theme=light],:root:has(>head>meta[name=color-scheme][content=light]){color-scheme:light;--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-subtle: #f1f5f9;--bg-card-hover: #e2e8f0;--bg-input: #ffffff;--bg-modal: #ffffff;--navbar-bg: rgba(248, 250, 252, .88);--border-light: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .16);--border-accent: rgba(249, 115, 22, .45);--orange-500: #ea580c;--orange-600: #c2410c;--orange-glow: rgba(234, 88, 12, .2);--amber-400: #d97706;--emerald-400: #059669;--rose-400: #e11d48;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b;--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-modal: 0 20px 40px -10px rgba(15, 23, 42, .2);--duty-box-bg: linear-gradient(145deg, #fffaf5, #ffedd5);--duty-box-border: rgba(249, 115, 22, .25);--duty-title-color: #c2410c;--roster-number-bg: #e2e8f0;--roster-number-color: #475569;--modal-overlay-bg: rgba(15, 23, 42, .6);--table-border: rgba(15, 23, 42, .06);--table-row-hover: rgba(15, 23, 42, .03);--code-bg: rgba(234, 88, 12, .1);--bg-ambient-1: rgba(249, 115, 22, .08);--bg-ambient-2: rgba(245, 158, 11, .04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--bg-ambient-1),transparent),radial-gradient(circle at 90% 80%,var(--bg-ambient-2),transparent 40%);background-attachment:fixed;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}button:active{transform:scale(.98)}input,select,textarea{font-family:inherit;outline:none}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 16px 48px}.navbar{position:sticky;top:0;z-index:50;background:var(--navbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);padding:12px 16px;transition:background-color .2s ease,border-color .2s ease}.navbar-container{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-section{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--orange-500),#d97706);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px var(--orange-glow)}.brand-title{font-size:18px;font-weight:800;color:var(--text-main);line-height:1.2}.brand-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:#f9731626;color:var(--orange-500);border:1px solid rgba(249,115,22,.3);margin-left:6px}.brand-subtitle{font-size:12px;color:var(--text-muted)}.nav-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s ease}.btn-sm{padding:6px 10px;font-size:12px}.btn-primary{background:var(--orange-500);color:#fff;box-shadow:0 4px 12px var(--orange-glow)}.btn-primary:hover{background:var(--orange-600)}.btn-secondary{background:var(--bg-card-subtle);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.btn-admin{background:#fbbf241a;color:var(--amber-400);border:1px solid rgba(251,191,36,.25)}.btn-admin:hover{background:#fbbf2433}.btn-danger{color:var(--rose-400)}.btn-danger:hover{background:#fb718526}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);margin-bottom:24px}.card-highlight{border:1px solid var(--border-accent);box-shadow:0 10px 30px -10px var(--orange-glow),0 0 1px 1px #f973164d;position:relative;overflow:hidden}.game-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.badge-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;background:#f9731626;color:var(--orange-500);border:1px solid rgba(249,115,22,.3)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--orange-500);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.game-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.game-grid{grid-template-columns:1.3fr 1fr}}.match-label{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.opponent-name{font-size:26px;font-weight:800;color:var(--text-main);margin:4px 0 12px}.game-meta-row{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-muted)}.meta-item{display:flex;align-items:center;gap:6px}.meta-item-link{color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);padding:4px 8px;margin:-4px -8px;transition:all .2s ease;cursor:pointer}.meta-item-link:hover{background:var(--bg-card-subtle);color:var(--orange-500)}.meta-item-link:hover .court-badge{background:#f9731626;color:var(--orange-500)}.court-badge{background:var(--bg-card-subtle);color:var(--amber-400);font-weight:600;padding:2px 6px;border-radius:4px;font-size:11px}.fixture-pending-box{display:flex;flex-direction:column;justify-content:center;padding:20px;background:var(--bg-card-subtle);border:1px dashed var(--border-medium);border-radius:var(--radius-md);min-height:140px}.fixture-pending-header{display:flex;align-items:center;gap:8px;color:var(--orange-500);font-weight:800;font-size:16px;margin-bottom:6px}.fixture-pending-desc{font-size:13px;line-height:1.5;color:var(--text-muted)}.fixture-pending-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#f59e0b;background:#f59e0b24;border:1px solid rgba(245,158,11,.35);padding:4px 10px;border-radius:6px;margin-top:12px;width:fit-content}.duty-box{background:var(--duty-box-bg);border:1px solid var(--duty-box-border);border-radius:var(--radius-md);padding:16px;transition:background .2s ease,border-color .2s ease}.duty-title{font-size:11px;text-transform:uppercase;font-weight:700;color:var(--duty-title-color);display:flex;align-items:center;gap:6px;letter-spacing:.05em}.duty-family{font-size:20px;font-weight:800;color:var(--text-main);margin-top:6px}.duty-player{font-size:12px;color:var(--text-muted);margin-top:2px}.duty-next{font-size:11px;color:var(--text-dim);margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}.duty-actions{display:flex;gap:8px;margin-top:14px}.roster-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.roster-title{font-size:18px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px}.roster-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card-subtle);border:1px solid var(--border-light);transition:all .15s ease}.roster-item:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.roster-item.active-item{background:#f973161f;border-color:var(--border-accent)}.roster-left{display:flex;align-items:center;gap:12px;min-width:0}.roster-number{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--roster-number-bg);color:var(--roster-number-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.active-item .roster-number{background:var(--orange-500);color:#fff}.roster-name{font-size:15px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duty-pill{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:12px;background:#f9731640;color:var(--orange-500);border:1px solid rgba(249,115,22,.4)}.roster-details{font-size:12px;color:var(--text-muted)}.roster-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;padding:4px 2px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:var(--orange-500);background:#f973161a}.drag-handle:active{cursor:grabbing}.roster-item{cursor:default}.roster-item.is-draggable{-webkit-user-select:none;user-select:none}.roster-item.dragging{opacity:.4;border:2px dashed var(--orange-500);background:#f973160f;transform:scale(.99)}.roster-item.drag-over{border-color:var(--orange-500);background:var(--bg-card-hover);box-shadow:0 0 0 2px #f9731666;transform:translateY(-1px)}.unsaved-order-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-md);background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);box-shadow:0 2px 10px #0000001a;animation:fadeInDown .25s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.unsaved-order-info{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-main)}.unsaved-pulse-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 #f59e0bb3;animation:pulseAmber 1.8s infinite;flex-shrink:0}@keyframes pulseAmber{0%{box-shadow:0 0 #f59e0bb3}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.unsaved-order-actions{display:flex;align-items:center;gap:8px}.btn-confirm-save{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px #f9731659;font-weight:700}.btn-confirm-save:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px #f9731673}.unsaved-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4);animation:fadeIn .2s ease}.save-success-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:14px;border-radius:var(--radius-sm);background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:13px;font-weight:600;animation:fadeInDown .2s ease-out}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:var(--bg-modal);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:24px;box-shadow:var(--shadow-modal);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.modal-title{font-size:17px;font-weight:800;color:var(--text-main)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;letter-spacing:.05em}.form-input,.form-select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);font-size:13px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:var(--orange-500)}.info-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:var(--bg-card-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:12px;color:var(--text-muted)}.info-bar code{background:#ffffff14;padding:2px 6px;border-radius:4px;color:var(--orange-500);font-weight:700}.hero-section{text-align:center;padding:48px 16px;max-width:640px;margin:0 auto}.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#f9731626;color:var(--orange-500);border:1px solid rgba(249,115,22,.3);margin-bottom:16px}.hero-title{font-size:36px;font-weight:800;color:var(--text-main);line-height:1.2;margin-bottom:16px}.hero-desc{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px}.feature-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;text-align:left}.feature-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:#f9731626;color:var(--orange-500);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px}.feature-title{font-size:15px;font-weight:700;color:var(--text-main);margin-bottom:6px}.feature-text{font-size:12px;color:var(--text-muted);line-height:1.5}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.env-item-row{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--bg-card-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all .15s ease}.env-item-row:hover{border-color:var(--border-medium)}.env-item-row.is-missing{border-left:3px solid var(--rose-400)}.env-item-row.is-ready{border-left:3px solid var(--emerald-400)}.env-badge-ready{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;background:#10b98126;color:var(--emerald-400);border:1px solid rgba(16,185,129,.3)}.env-badge-missing{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;background:#f43f5e26;color:var(--rose-400);border:1px solid rgba(244,63,94,.3)}.env-cat-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.env-cat-playhq{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.25)}.env-cat-whatsapp{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.env-cat-google{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.env-cat-app{background:#f9731626;color:var(--orange-500);border:1px solid rgba(249,115,22,.25)}.env-code-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--code-bg);color:var(--text-main);display:inline-flex;align-items:center;gap:6px}.env-fix-command{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;background:#0f172a26;padding:6px 10px;border-radius:6px;border:1px dashed var(--border-medium);display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted)}.stat-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px}.stat-num{font-size:28px;font-weight:800;color:var(--text-main);margin:4px 0}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-light);color:var(--text-dim);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.admin-table td{padding:12px;border-bottom:1px solid var(--table-border);color:var(--text-main)}.admin-table tr:hover td{background:var(--table-row-hover)}.theme-toggle-container{position:relative;display:inline-flex}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle-text{font-size:12px;font-weight:600}@media(max-width:540px){.theme-toggle-text{display:none}}.theme-icon{flex-shrink:0}.text-amber{color:var(--amber-400)}.text-orange{color:var(--orange-500)}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:175px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-modal);z-index:100;display:flex;flex-direction:column;gap:3px;animation:themeDropdownFade .15s ease-out}@keyframes themeDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;text-align:left;border:none;cursor:pointer;transition:all .15s ease}.theme-dropdown-item:hover{background:var(--bg-card-subtle);color:var(--text-main)}.theme-dropdown-item.active{background:#f973161f;color:var(--orange-500);font-weight:700}.theme-item-left{display:flex;align-items:center;gap:8px}.theme-item-labels{display:flex;flex-direction:column;line-height:1.2}.theme-item-name{font-size:13px;font-weight:600}.theme-item-desc{font-size:10px;color:var(--text-dim)}.theme-check-icon{color:var(--orange-500);flex-shrink:0}.activity-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.activity-title{font-size:18px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px}.activity-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.activity-filters{display:flex;align-items:center;background:var(--bg-input);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border-light);gap:2px}.activity-filter-btn{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.activity-filter-btn:hover{color:var(--text-main)}.activity-filter-btn.active{background:var(--bg-card);color:var(--orange-500);box-shadow:0 1px 3px #00000026}.activity-timeline{display:flex;flex-direction:column;gap:12px;position:relative}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card-subtle);border:1px solid var(--border-light);transition:all .15s ease}.activity-item:hover{border-color:var(--border-medium);background:var(--bg-card-hover)}.activity-icon-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.activity-icon-badge.badge-bot{background:#f973161f;border:1px solid rgba(249,115,22,.3)}.activity-icon-badge.badge-user{background:#38bdf81f;border:1px solid rgba(56,189,248,.3)}.activity-content{flex:1;min-width:0}.activity-top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.activity-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actor-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.actor-tag.actor-bot{background:#f9731633;color:var(--orange-500);border:1px solid rgba(249,115,22,.4)}.actor-tag.actor-user{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.activity-event-title{font-size:13px;color:var(--text-main);font-weight:700}.activity-group-badge{font-size:10px;padding:2px 6px;border-radius:6px;background:var(--bg-input);color:var(--text-dim);font-weight:600}.activity-time{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.activity-details-box{font-size:12px;line-height:1.5;color:var(--text-muted);background:var(--bg-card);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-light);word-break:break-word}.activity-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-light)}.pagination-info{font-size:12px;color:var(--text-muted)}.pagination-info strong{color:var(--text-main)}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page-btn{min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-light);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.pagination-page-btn:hover{background:var(--bg-input);color:var(--text-main);border-color:var(--border-medium)}.pagination-page-btn.active{background:var(--orange-500);border-color:var(--orange-500);color:#fff;font-weight:700}