:root{--seed-bg: #f5f5f7;--seed-fg: #1d1d1f;--seed-primary: #0071e3;--seed-primary-hover: #0066cc;--seed-accent: #2997ff;--seed-surface: #ffffff;--seed-surface-muted: #f5f5f7;--seed-border: #d2d2d7;--seed-radius: 8px;--color-bg-page: var(--seed-bg);--color-bg-surface: var(--seed-surface);--color-bg-muted: #fbfbfd;--color-bg-container: #ffffff;--color-text-primary: var(--seed-fg);--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-text-inverse: #ffffff;--color-on-action: #ffffff;--color-action-primary: var(--seed-primary);--color-action-primary-hover: var(--seed-primary-hover);--color-focus-ring: rgba(0, 113, 227, .2);--color-state-success: #34c759;--color-state-success-bg: #eafbef;--color-state-warning: #ff9500;--color-state-warning-bg: #fff8eb;--color-state-danger: #ff3b30;--color-state-danger-bg: #fff0ef;--color-state-info: #007aff;--color-state-info-bg: #ebf5ff;--color-border: var(--seed-border);--color-border-light: #e8e8ed;--color-divider: #e8e8ed;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-section: 32px;--space-card: 16px;--radius-control: var(--seed-radius);--radius-card: 16px;--radius-container: 18px;--radius-round: 50%;--radius-chip: 980px;--shadow-none: none;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .06);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .08);--shadow-overlay: 0 4px 16px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .06);--shadow-sticky: 0 1px 0 rgba(0, 0, 0, .04);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-display: 40px;--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 21px;--font-size-body: 14px;--font-size-small: 13px;--font-size-caption: 12px;--line-height-tight: 1.15;--line-height-body: 1.47;--line-height-loose: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 600;--sidebar-width: 250px;--sidebar-collapsed-width: 64px;--header-height: 52px;--content-max-width: 1400px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--chart-primary: #0071e3;--chart-secondary: #2997ff;--chart-success: #34c759;--chart-warning: #ff9500;--chart-danger: #ff3b30;--chart-muted: #d2d2d7}[data-theme=dark]{--seed-bg: #000000;--seed-fg: #f5f5f7;--seed-primary: #2997ff;--seed-primary-hover: #409cff;--seed-accent: #64d2ff;--seed-surface: #1c1c1e;--seed-surface-muted: #2c2c2e;--seed-border: #38383a;--seed-radius: 8px;--color-bg-page: var(--seed-bg);--color-bg-surface: var(--seed-surface);--color-bg-muted: #2c2c2e;--color-bg-container: #1c1c1e;--color-text-primary: var(--seed-fg);--color-text-secondary: #a1a1a6;--color-text-tertiary: #636366;--color-text-inverse: #000000;--color-on-action: #ffffff;--color-action-primary: var(--seed-primary);--color-action-primary-hover: var(--seed-primary-hover);--color-focus-ring: rgba(41, 151, 255, .25);--color-state-success: #30d158;--color-state-success-bg: #0a2e12;--color-state-warning: #ff9f0a;--color-state-warning-bg: #2e2000;--color-state-danger: #ff453a;--color-state-danger-bg: #2e0a08;--color-state-info: #64d2ff;--color-state-info-bg: #0a1e2e;--color-border: var(--seed-border);--color-border-light: #2c2c2e;--color-divider: #2c2c2e;--shadow-none: none;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .3);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .4);--shadow-overlay: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--shadow-sticky: 0 1px 0 rgba(0, 0, 0, .2);--chart-primary: #2997ff;--chart-secondary: #64d2ff;--chart-success: #30d158;--chart-warning: #ff9f0a;--chart-danger: #ff453a;--chart-muted: #38383a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-page);font-weight:var(--font-weight-regular);letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}p{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}small,.text-small{font-size:var(--font-size-small);letter-spacing:-.01em}.text-caption{font-size:var(--font-size-caption);letter-spacing:-.01em}.ant-layout{background:var(--color-bg-page)!important;min-height:100vh}.app-sider{background:var(--color-bg-surface)!important;border-right:1px solid var(--color-border)!important;box-shadow:none!important;overflow:auto;height:100vh;position:fixed!important;left:0;top:0;bottom:0;z-index:100;transition:width var(--transition-normal)}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.sider-brand{height:var(--header-height);display:flex;align-items:center;padding:0 var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.sider-brand h2{font-size:17px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;letter-spacing:-.02em}.sider-brand .brand-icon{width:30px;height:30px;background:var(--color-action-primary);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;color:var(--color-on-action);font-weight:var(--font-weight-semibold);font-size:14px;margin-right:var(--space-md);flex-shrink:0}.sider-menu{flex:1;border-inline-end:none!important;padding:var(--space-sm) 0}.sider-menu .ant-menu-item{border-radius:var(--radius-control)!important;margin:2px 10px;height:36px;line-height:36px;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);letter-spacing:-.01em}.sider-menu .ant-menu-item-selected{background:#0071e314!important;color:var(--color-action-primary)!important}.sider-menu .ant-menu-item-selected:after{display:none!important}.sider-menu .ant-menu-submenu-title{border-radius:var(--radius-control)!important;margin:2px 10px}.app-layout{transition:margin-left var(--transition-normal)}.app-header{background:var(--color-bg-surface)!important;border-bottom:1px solid var(--color-border)!important;padding:0 var(--space-2xl)!important;height:var(--header-height)!important;line-height:var(--header-height)!important;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;box-shadow:var(--shadow-sticky)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-left .page-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0;letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.header-right .ant-btn{color:var(--color-text-secondary);border-radius:var(--radius-control)!important}.header-right .ant-btn:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.app-content{padding:var(--space-2xl);min-height:calc(100vh - var(--header-height));max-width:var(--content-max-width)}.stat-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-section)}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-xl) var(--space-2xl);box-shadow:var(--shadow-subtle);transition:box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-raised)}.stat-card .stat-label{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-medium);letter-spacing:-.01em;text-transform:none}.stat-card .stat-value{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.1;font-family:var(--font-display);letter-spacing:-.02em}.stat-card .stat-delta{font-size:var(--font-size-caption);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-weight-medium)}.stat-delta.up{color:var(--color-state-success)}.stat-delta.down{color:var(--color-state-danger)}.filter-bar{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-subtle)}.filter-bar .ant-form-item{margin-bottom:var(--space-sm)}.filter-bar .ant-input,.filter-bar .ant-select-selector,.filter-bar .ant-picker{border:1px solid var(--color-border)!important;background:var(--color-bg-surface)!important;border-radius:var(--radius-control)!important}.filter-bar .ant-input:focus,.filter-bar .ant-select-focused .ant-select-selector{border-color:var(--color-action-primary)!important;box-shadow:0 0 0 3px var(--color-focus-ring)!important}.data-table-wrapper{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-subtle)}.data-table-wrapper .table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface)}.data-table-wrapper .table-header h4{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.data-table-wrapper .ant-table{background:transparent}.data-table-wrapper .ant-table-thead>tr>th{background:var(--color-bg-muted)!important;border-bottom:1px solid var(--color-border)!important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);letter-spacing:-.01em}.data-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border-light)!important;font-size:var(--font-size-body);padding:var(--space-md);color:var(--color-text-primary)}.data-table-wrapper .ant-table-tbody>tr:hover>td{background:var(--color-bg-muted)!important}.table-pagination{display:flex;justify-content:flex-end;align-items:center;padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border)}.data-table-wrapper .ant-table-pagination{justify-content:flex-start!important;padding:12px 0 4px 8px;margin-bottom:0}.data-table-wrapper .ant-pagination{font-size:13px}.data-table-wrapper .ant-pagination-total-text{color:var(--color-text-tertiary);margin-right:8px}.data-table-wrapper .ant-pagination-item{border-radius:6px;min-width:30px;height:30px;line-height:30px}.data-table-wrapper .ant-pagination-prev,.data-table-wrapper .ant-pagination-next{min-width:30px;height:30px}.data-table-wrapper .ant-pagination-options{margin-left:4px}.data-table-wrapper .ant-pagination-options .ant-select-selector{border-radius:6px!important;height:30px!important;font-size:13px}.table-footer-hint{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-caption);color:var(--color-text-tertiary);border-top:1px solid var(--color-border-light);background:var(--color-bg-muted)}.page-header{margin-bottom:var(--space-xl)}.page-header h3{margin:0 0 var(--space-xs) 0}.page-header p{margin:0;font-size:var(--font-size-small)}.chart-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-subtle)}.chart-container .chart-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);color:var(--color-text-primary);letter-spacing:-.01em}.sms-preview-phone{width:280px;background:#1a1a1a;border-radius:36px;padding:12px;position:relative;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a,inset 0 0 0 1px #ffffff0f}.sms-preview-phone .phone-screen{width:100%;height:520px;background:#f2f2f7;border-radius:26px;display:flex;flex-direction:column;overflow:hidden;position:relative}.sms-preview-phone .phone-status-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 0;font-size:12px;font-weight:600;color:#1a1a1a;flex-shrink:0}.sms-preview-phone .phone-status-bar .status-time{font-weight:700;font-size:13px}.sms-preview-phone .phone-status-bar .status-icons{display:flex;align-items:center;gap:5px;font-size:11px}.sms-preview-phone .phone-status-bar .battery-icon{width:22px;height:11px;border:1.5px solid #1a1a1a;border-radius:3px;position:relative;display:flex;align-items:center;padding:1.5px}.sms-preview-phone .phone-status-bar .battery-icon:after{content:"";position:absolute;right:-4px;width:2px;height:5px;background:#1a1a1a;border-radius:0 1px 1px 0}.sms-preview-phone .phone-status-bar .battery-icon .battery-fill{width:75%;height:100%;background:#1a1a1a;border-radius:1px}.sms-preview-phone .phone-dynamic-island{width:90px;height:24px;background:#1a1a1a;border-radius:12px;margin:6px auto 0;flex-shrink:0}.sms-preview-phone .phone-messages-header{display:flex;align-items:center;padding:8px 16px 6px;flex-shrink:0}.sms-preview-phone .phone-messages-header .back-btn{font-size:16px;color:#0071e3;font-weight:500}.sms-preview-phone .phone-messages-header .contact-info{flex:1;text-align:center}.sms-preview-phone .phone-messages-header .contact-info .contact-name{font-size:13px;font-weight:600;color:#1a1a1a}.sms-preview-phone .phone-messages-header .contact-info .contact-sub{font-size:10px;color:#0006}.sms-preview-phone .phone-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:4px 12px 12px;overflow-y:auto}.sms-preview-phone .sms-time-label{text-align:center;font-size:10px;color:#00000059;margin-bottom:8px}.sms-preview-phone .sms-bubble{background:var(--color-action-primary);color:var(--color-on-action);border-radius:18px 18px 4px;padding:10px 14px;font-size:13px;line-height:1.5;word-break:break-all;max-width:85%;align-self:flex-end}.sms-preview-phone .sms-sender{font-size:10px;color:var(--color-text-tertiary);text-align:center;margin-top:8px}.sms-preview-phone .phone-input-bar{display:flex;align-items:center;padding:8px 12px 10px;gap:8px;flex-shrink:0;border-top:1px solid rgba(0,0,0,.06)}.sms-preview-phone .phone-input-bar .input-field{flex:1;height:30px;border-radius:15px;border:1px solid rgba(0,0,0,.12);background:#fff;padding:0 12px;font-size:12px;color:#00000059;display:flex;align-items:center}.sms-preview-phone .phone-input-bar .send-circle{width:26px;height:26px;border-radius:50%;background:var(--color-action-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sms-preview-phone .phone-input-bar .send-circle .arrow-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #fff;position:relative;top:-1px}.sms-preview-phone .phone-home-indicator{width:100px;height:4px;background:#1a1a1a;border-radius:2px;margin:0 auto 8px;flex-shrink:0;opacity:.3}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-chip);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:-.01em}.status-tag.success{background:var(--color-state-success-bg);color:var(--color-state-success)}.status-tag.warning{background:var(--color-state-warning-bg);color:var(--color-state-warning)}.status-tag.danger{background:var(--color-state-danger-bg);color:var(--color-state-danger)}.status-tag.info{background:var(--color-state-info-bg);color:var(--color-state-info)}.status-tag.neutral{background:var(--color-bg-muted);color:var(--color-text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-tertiary)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-lg);opacity:.4}@media (max-width: 1199px){.app-content{padding:var(--space-lg)}.stat-cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.app-sider{transform:translate(-100%)}.app-sider.mobile-open{transform:translate(0)}.app-content{padding:var(--space-md)}.stat-cards-row{grid-template-columns:1fr}.filter-bar .ant-row{flex-direction:column}.sms-preview-phone{margin-top:var(--space-lg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.ant-btn-primary{background:var(--color-action-primary)!important;border:none!important;border-radius:var(--radius-control)!important;color:#fff!important;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;box-shadow:none!important;transition:all var(--transition-fast)}.ant-btn-primary:hover{background:var(--color-action-primary-hover)!important}.ant-btn-default{border:1px solid var(--color-border)!important;border-radius:var(--radius-control)!important;font-weight:var(--font-weight-medium)}.ant-btn-default:hover{border-color:var(--color-action-primary)!important;color:var(--color-action-primary)}.ant-btn-text:hover{background:var(--color-bg-muted)}.ant-tag{border-radius:var(--radius-chip);font-weight:var(--font-weight-medium)}.ant-modal-content{border-radius:var(--radius-container)!important;background:var(--color-bg-surface)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-overlay)!important}.ant-modal-header{background:var(--color-bg-surface)!important;border-bottom:1px solid var(--color-border)!important}.ant-modal-title{font-weight:var(--font-weight-semibold)!important;letter-spacing:-.02em}.ant-card{border-radius:var(--radius-card)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-subtle)!important}.ant-input,.ant-select-selector,.ant-picker{border:1px solid var(--color-border)!important;border-radius:var(--radius-control)!important;font-family:var(--font-body)}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:var(--color-action-primary)!important;box-shadow:0 0 0 3px var(--color-focus-ring)!important}.ant-descriptions-item-label{color:var(--color-text-secondary)!important;font-weight:var(--font-weight-medium)!important}.ant-descriptions-item-content{color:var(--color-text-primary)!important}.ant-table{font-family:var(--font-body)!important}.ant-pagination-item-active{border-color:var(--color-action-primary)!important}.ant-pagination-item-active a,.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-action-primary)!important}.ant-tabs-ink-bar{background:var(--color-action-primary)!important}.ant-btn:focus-visible,.ant-input:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--color-focus-ring)!important}::selection{background:#0071e326;color:var(--color-text-primary)}