*,:before,:after{box-sizing:border-box}:root{--tg-bg:var(--tg-theme-bg-color,#f4f4f5);--tg-text:var(--tg-theme-text-color,#0f172a);--tg-hint:var(--tg-theme-hint-color,#64748b);--tg-link:var(--tg-theme-link-color,#2481cc);--tg-button:var(--tg-theme-button-color,#2481cc);--tg-button-text:var(--tg-theme-button-text-color,#fff);--tg-secondary:var(--tg-theme-secondary-bg-color,#fff);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-tg-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-tg-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{-webkit-overflow-scrolling:touch;background-color:var(--tg-bg);height:100%;min-height:100%;color:var(--tg-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-y:auto}#root{text-align:left;width:100%;max-width:100%;min-height:100svh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);border:none;flex-direction:column;margin:0;display:flex}a{color:var(--tg-link)}:root{--bg-color:var(--tg-theme-bg-color,#f4f4f5);--text-color:var(--tg-theme-text-color,#0f172a);--hint-color:var(--tg-theme-hint-color,#64748b);--card-bg:var(--tg-theme-secondary-bg-color,#fff);--button-color:var(--tg-theme-button-color,#2481cc);--button-text:var(--tg-theme-button-text-color,#fff);--border-color:#64748b47;--surface-muted:#64748b1a;--success:#16a34a;--warn:#ea580c;--danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--space:16px;--space-sm:10px;--touch:44px;--shadow:0 1px 3px #0f172a0f, 0 4px 12px #0f172a0a;--partner-max:1100px;--admin-max:1280px;--sidebar-w:220px}body{background-color:var(--bg-color);color:var(--text-color);margin:0}.app-shell{gap:var(--space);flex-direction:column;flex:1;width:100%;margin:0 auto;padding:12px;display:flex}.app-shell.partner{max-width:var(--partner-max)}.app-shell.admin{max-width:var(--admin-max)}.loading,.error{text-align:center;min-height:60svh;color:var(--hint-color);justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex}.error{color:var(--danger)}.fetch-error-banner{border-radius:var(--radius-md,10px);background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:14px;display:flex}.fetch-error-banner button{border:1px solid var(--danger);min-height:36px;color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px}.badge.banned{background-color:var(--danger);vertical-align:middle;margin-left:8px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-header h3{margin:0}.create-user-form{border-radius:var(--radius-md,10px);background:var(--card-bg);box-shadow:var(--shadow);gap:10px;margin-bottom:16px;padding:14px;display:grid}.create-user-form label{color:var(--hint-color);gap:4px;font-size:13px;display:grid}.partner-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:10px;display:flex}.partner-select{color:var(--hint-color);gap:2px;font-size:12px;display:grid}.partner-select select{border:1px solid color-mix(in srgb, var(--hint-color) 35%, transparent);background:var(--bg-color,#fff);min-height:36px;color:inherit;border-radius:8px;padding:4px 8px}.banned-row{opacity:.72}.card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px}.profile-card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.25rem;font-weight:650}.profile-card p,.meta{color:var(--hint-color);margin:0;font-size:.875rem}.section-title{margin:4px 0 0;font-size:1.05rem;font-weight:650}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.empty-state{text-align:center;color:var(--hint-color);background:var(--surface-muted);border-radius:var(--radius-md);margin:8px 0 0;padding:16px;font-size:.875rem}.empty-state--compact{margin:0;padding:10px}.partner-top{gap:var(--space);flex-direction:column;display:flex}.promo-box{border-radius:var(--radius-sm);text-align:center;background-color:#2481cc1f;margin-top:14px;padding:12px}.promo-box p{color:var(--button-color);margin:0;font-size:12px}.promo-box h3{color:var(--button-color);letter-spacing:.04em;margin:4px 0 0;font-size:1.4rem}.referral-box{border-radius:var(--radius-sm);background-color:#2481cc1f;margin-top:12px;padding:12px}.referral-box>p{color:var(--button-color);margin:0 0 8px;font-size:12px}.referral-row{align-items:center;gap:8px;display:flex}.referral-link{min-width:0;color:var(--text-color);word-break:break-all;flex:1;font-size:13px;line-height:1.35}.balance-card{text-align:center;background:linear-gradient(135deg, var(--button-color), #1a5f9a);color:var(--button-text)}.balance-card p{opacity:.9;margin:0;font-size:14px}.balance-card h1{font-variant-numeric:tabular-nums;margin:8px 0 16px;font-size:2rem}.stat-paid{text-align:center;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);margin-top:4px}.stat-paid p{opacity:.92;margin:0;font-size:14px}.stat-paid h2{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:1.6rem}button{font-family:inherit}.btn-copy,.btn-withdraw,.btn-approve,.btn-reject,.btn-pay,.btn-primary,.btn-load-more,.kanban-actions button{min-height:var(--touch);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600}.btn-copy{background-color:var(--button-color);color:var(--button-text);white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:12px}.btn-withdraw{color:var(--button-color);background-color:#fff;width:100%;padding:12px 24px}.btn-withdraw:disabled{color:#64748b;cursor:not-allowed;background-color:#cbd5e1}.btn-approve,.btn-pay{background-color:var(--success);color:#fff;flex:1;padding:10px 12px}.btn-reject{background-color:var(--danger);color:#fff;flex:1;padding:10px 12px}.btn-primary{background-color:var(--button-color);color:var(--button-text);width:100%;padding:12px 16px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-load-more{border:1px solid var(--border-color);width:100%;color:var(--button-color);background:0 0;margin-top:12px;padding:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats-grid .stat-box:last-child:nth-child(odd){grid-column:1/-1}.stat-box{background-color:var(--card-bg);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow);padding:14px 10px}.stat-box h2{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem}.stat-box p{color:var(--hint-color);margin:4px 0 0;font-size:12px}.stat-box.highlight{border:2px solid var(--button-color)}.admin-section{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}.admin-section h3{border-bottom:1px solid var(--border-color);margin:0 0 12px;padding-bottom:8px;font-size:1.05rem}.list-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-muted);margin-bottom:12px;padding:12px}.list-item:last-child{margin-bottom:0}.list-item p{margin:4px 0;font-size:14px}.action-buttons{flex-direction:column;gap:8px;margin-top:12px;display:flex}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.team-table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}.team-table th,.team-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;padding:10px 8px}.team-table th{color:var(--hint-color);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.data-cards{flex-direction:column;gap:10px;display:flex}.data-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px}.data-card-row{justify-content:space-between;gap:12px;padding:4px 0;font-size:13px;display:flex}.data-card-row .label{color:var(--hint-color);flex-shrink:0}.data-card-row .value{text-align:right;word-break:break-word}.desktop-only{display:none}.mobile-only{display:block}.form-group{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.form-control{min-height:var(--touch);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-color);color-scheme:inherit;padding:12px;font-family:inherit;font-size:15px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select.form-control option{background-color:var(--card-bg);color:var(--text-color)}textarea.form-control{resize:vertical;min-height:100px}.broadcast-form{width:100%}.segmented{border-radius:var(--radius-md);background:var(--surface-muted);gap:4px;padding:4px;display:flex}.segmented-btn{border-radius:var(--radius-sm);min-height:40px;color:var(--hint-color);cursor:pointer;text-align:center;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;padding:6px 4px;font-size:12px;font-weight:600;line-height:1.15;display:flex}.segmented-btn.active{background:var(--card-bg);color:var(--text-color);box-shadow:var(--shadow)}.badge{color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.badge.new{background-color:#2563eb}.badge.in_progress{background-color:var(--warn)}.badge.closed{background-color:var(--success)}.badge.cancelled{background-color:var(--danger)}.badge.accrual{background-color:var(--success)}.badge.payout_request{background-color:var(--warn)}.badge.payout_paid{background-color:#7c3aed}.admin-hero{background:var(--card-bg);color:var(--text-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:none;padding:18px}.admin-hero h2{margin:0 0 4px;font-size:1.2rem}.admin-hero p{color:var(--hint-color);margin:0;font-size:.875rem}.admin-layout{flex-direction:column;gap:12px;min-width:0;display:flex}.admin-nav{z-index:20;background:var(--bg-color);border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--hint-color) transparent;overscroll-behavior-x:contain;gap:2px;margin:0 -12px;padding:0 4px;display:flex;position:sticky;top:0;overflow:auto hidden}.admin-nav::-webkit-scrollbar{height:4px}.admin-nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--hint-color) 55%, transparent);border-radius:999px}.admin-tab{scroll-snap-align:start;min-height:44px;color:var(--hint-color);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:10px 14px;font-size:14px;font-weight:600}.admin-tab.active{color:var(--text-color);border-bottom-color:var(--button-color);background:0 0}.admin-content{gap:var(--space);flex-direction:column;min-width:0;display:flex}.charts-grid{gap:var(--space);flex-direction:column;display:flex}.kanban-board{flex-direction:column;gap:12px;display:flex}.kanban-column{background:var(--surface-muted);border-radius:var(--radius-md);width:100%;padding:10px}.kanban-column h4{margin:0 0 8px;font-size:.9rem}.kanban-card{background:var(--card-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow);margin:8px 0;padding:12px}.kanban-card p{margin:0 0 4px;font-size:13px}.kanban-actions{flex-direction:column;gap:6px;margin-top:10px;display:flex}.kanban-actions button{background:var(--surface-muted);color:var(--text-color);border:1px solid var(--border-color);padding:8px 10px;font-size:12px}.mini-chart{width:100%;height:140px}.funnel-chart{flex-direction:column;gap:8px;display:flex}.funnel-row{align-items:center;gap:8px;display:flex}.funnel-label{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:72px;max-width:96px;font-size:12px;overflow:hidden}.funnel-bar-track{background:var(--surface-muted);border-radius:6px;flex:1;min-width:0;overflow:hidden}.funnel-bar-fill{border-radius:6px;min-height:18px}.funnel-value{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 40px;font-size:12px;font-weight:700}.chart-empty{opacity:.6;padding:8px 0;font-size:12px}@media (width>=640px){.app-shell{padding:16px}.stats-grid{grid-template-columns:1fr 1fr 1fr}.stats-grid .stat-box:last-child:nth-child(odd){grid-column:auto}.action-buttons{flex-direction:row}.kanban-actions{flex-flow:wrap}}@media (width>=900px){.app-shell{gap:20px;padding:24px}.partner-top{grid-template-columns:1.2fr .8fr;align-items:stretch;display:grid}.desktop-only{display:block}.mobile-only{display:none}.team-table{min-width:0}.admin-layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);align-items:start;gap:20px;display:grid}.admin-nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-bottom:1px solid var(--border-color);box-shadow:none;scroll-snap-type:none;scrollbar-width:none;flex-direction:column;gap:2px;margin:0;padding:8px;position:sticky;top:16px;overflow:visible}.admin-nav::-webkit-scrollbar{display:none}.admin-tab{border-radius:var(--radius-sm);text-align:left;border:none;justify-content:flex-start;width:100%;min-height:40px;padding:10px 12px}.admin-tab.active{background:var(--surface-muted);color:var(--text-color);border-bottom:none}.kanban-board{flex-direction:row;align-items:flex-start;gap:12px;padding-bottom:4px;overflow-x:auto}.kanban-column{flex:1 1 0;min-width:200px}.charts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mini-chart{height:180px}.broadcast-form{max-width:560px}.admin-hero h2{font-size:1.35rem}}.modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--card-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.modal-panel--wide{max-width:560px}.modal-panel label{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.modal-close{margin-top:8px}.kanban-card.has-conflict{border:2px solid #f59e0b}.conflict-badge{color:#92400e;background:#fef3c7;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:.75rem;display:inline-block}.conflict-banner{border-radius:var(--radius-sm);background:#fef3c7;border:1px solid #f59e0b;flex-direction:column;gap:8px;padding:10px;display:flex}.toggle-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.integrations-status{background:var(--surface-muted);border-radius:var(--radius-sm);margin-top:16px;padding:12px}.integrations-status p{margin:4px 0}.test-result.ok{color:var(--success)}.test-result.error{color:var(--danger)}.note-item{border-bottom:1px solid var(--border-color);padding:8px 0}.note-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.deal-edit-row{flex-direction:column;gap:8px;display:flex}.link-btn{color:var(--button-color);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.hint{color:var(--hint-color);font-style:italic}.failed-events .list-item,.conflicts-block{margin-top:12px}@media (width>=640px){.modal-overlay{align-items:center}.modal-panel{border-radius:var(--radius-lg)}.deal-edit-row{flex-flow:wrap;align-items:flex-end}.deal-edit-row label{flex:1;min-width:140px}}.toast-container{top:max(12px, env(safe-area-inset-top));z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:12px;right:12px}.toast{pointer-events:auto;border-radius:var(--radius-sm);cursor:pointer;padding:12px 16px;font-size:14px;box-shadow:0 4px 12px #00000026}.toast--success{background:var(--success);color:#fff}.toast--error{background:var(--danger);color:#fff}.confirm-modal h3{margin-top:0}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-muted) 25%, var(--border-color) 50%, var(--surface-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:72px;margin-bottom:10px}.skeleton-row{height:48px;margin-bottom:8px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.funnel-bar{margin:12px 0}.funnel-bar-track{border-radius:var(--radius-sm);background:var(--surface-muted);height:28px;display:flex;overflow:hidden}.funnel-bar-segment{min-width:4px;transition:width .3s}.funnel-bar-labels{color:var(--hint-color);justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.funnel-conversion{color:var(--hint-color);margin-top:6px;font-size:13px}.deal-card--overdue{box-shadow:0 0 0 1px #e5393533;border:2px solid var(--danger)!important}.deal-overdue-icon{margin-left:4px}.alerts-banner{border-radius:var(--radius-sm);background:#fff3e0;border:1px solid #ffb74d;margin-bottom:16px;padding:12px 16px}.alerts-banner ul{margin:8px 0 0;padding-left:0;list-style:none}.alerts-banner li{margin:4px 0}.alerts-banner button.link-btn{font-size:inherit}.admin-search{margin-bottom:12px;position:relative}.admin-search input{width:100%}.search-dropdown{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:100;max-height:240px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:10px 12px;display:block}.search-item:hover{background:var(--surface-muted)}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filter-chip{border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.filter-chip.active{background:var(--button-color);color:var(--button-text-color);border-color:var(--button-color)}.row-highlight{outline:2px solid var(--button-color);outline-offset:2px}.qr-spoiler summary{cursor:pointer;color:var(--button-color);margin-top:8px}.qr-wrap{justify-content:center;padding:12px 0;display:flex}.payout-hint{color:var(--hint-color);margin-top:8px;font-size:13px}.achievements-row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.achievement-badge{background:var(--surface-muted);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list li{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;display:flex}.leaderboard-list li.is-me{font-weight:600}.onboarding-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--bg-color);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:20px}.onboarding-step{color:var(--hint-color);margin:0 0 8px;font-size:13px}.bulk-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.app-checkbox{margin-right:8px}.partner-tab-nav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.partner-tab{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);cursor:pointer;padding:8px 14px}.partner-tab.active{background:var(--button-color);color:var(--button-text-color)}
