@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap";.gsi-material-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:0;border-radius:0;cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:14px;line-height:20px;position:relative;transition:background-color .218s,border-color .218s,box-shadow .218s;outline:none;-webkit-user-select:none;user-select:none}.gsi-material-button-light{background-color:#fff;color:#1f1f1f;border:1px solid #747775}.gsi-material-button-dark{background-color:#131314;color:#e3e3e3;border:1px solid #8E918F}.gsi-material-button-state{position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity .218s;opacity:0}.gsi-material-button-light:hover .gsi-material-button-state{background-color:#000;opacity:.04}.gsi-material-button-dark:hover .gsi-material-button-state{background-color:#fff;opacity:.08}.gsi-material-button-light:active .gsi-material-button-state,.gsi-material-button-light:focus .gsi-material-button-state{background-color:#000;opacity:.12}.gsi-material-button-dark:active .gsi-material-button-state,.gsi-material-button-dark:focus .gsi-material-button-state{background-color:#fff;opacity:.16}.gsi-material-button:focus-visible{outline:2px solid;outline-offset:2px}.gsi-material-button-light:focus-visible{outline-color:#1f1f1f}.gsi-material-button-dark:focus-visible{outline-color:#e3e3e3}.gsi-material-button:disabled{cursor:not-allowed;opacity:.38}.gsi-material-button:disabled .gsi-material-button-state{display:none}.gsi-material-button-content-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;height:100%;width:100%;position:relative;padding:10px 12px}.gsi-material-button-icon{display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;margin-right:10px}.gsi-material-button-icon svg{width:20px;height:20px}.gsi-material-button-contents{flex-grow:1;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:.25px;text-align:center}.login-page-new{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#ffffff 0%,var(--color-gray-50) 100%)}.login-header{background:#fff;border-bottom:1px solid var(--color-gray-200);padding:var(--space-4) 0}.login-header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.login-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--transition-fast)}.login-logo:hover{opacity:.8}.login-logo-icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.login-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.back-button{color:var(--color-gray-700);font-weight:500;display:flex;align-items:center;gap:var(--space-2)}.back-button:hover{color:var(--color-primary)}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6)}.login-content-wrapper{width:100%;max-width:480px}.login-card-new{background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);box-shadow:0 4px 12px #0000000d;margin-bottom:var(--space-8)}.login-card-new .ant-card-body{padding:var(--space-10)}.login-card-header{text-align:center;margin-bottom:var(--space-8)}.login-card-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.login-card-subtitle{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.5;margin:0}.login-tabs{margin-bottom:0}.login-tabs .ant-tabs-nav{margin-bottom:var(--space-8)}.login-tabs .ant-tabs-tab{font-size:var(--text-base);font-weight:600;color:var(--color-gray-600);padding:var(--space-3) var(--space-2)}.login-tabs .ant-tabs-tab:hover,.login-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)}.login-tabs .ant-tabs-ink-bar{background:var(--color-primary);height:3px;border-radius:3px 3px 0 0}.login-tabs .ant-form-item{margin-bottom:var(--space-5)}.login-tabs .ant-form-item-label>label{font-weight:500;color:var(--color-gray-900);font-size:var(--text-base)}.login-tabs .ant-input-affix-wrapper,.login-tabs .ant-input{border-radius:var(--radius-md);border-color:var(--color-gray-300);font-size:var(--text-base);padding:var(--space-3) var(--space-4);height:48px}.login-tabs .ant-input-affix-wrapper .ant-input{height:auto;padding:0}.login-tabs .ant-input-prefix{color:var(--color-gray-500);margin-right:var(--space-3)}.login-tabs .ant-input-affix-wrapper:hover{border-color:var(--color-primary)}.login-tabs .ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-submit{margin-bottom:0!important}.submit-button-new{height:48px!important;font-size:var(--text-base)!important;font-weight:600!important;border-radius:var(--radius-md)!important;margin-top:var(--space-6);transition:all var(--transition-base)!important}.submit-button-new:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.error-message-new{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);text-align:center;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.register-note{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.5}.login-trust{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.trust-item-login{display:flex;align-items:center;font-size:var(--text-sm);color:var(--color-gray-600);font-weight:500}@media(max-width:640px){.login-header-content{padding:0 var(--space-4)}.login-logo-text,.back-button span{display:none}.login-main{padding:var(--space-8) var(--space-4)}.login-card-new .ant-card-body{padding:var(--space-6)}.login-card-title{font-size:var(--text-2xl)}.login-card-subtitle{font-size:var(--text-sm)}.login-trust{flex-direction:column;gap:var(--space-2);text-align:center}}.login-page,.login-container,.login-left,.login-right{display:none!important}.divider-with-text{display:flex;align-items:center;margin:24px 0;color:var(--color-gray-500);font-size:var(--text-sm)}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;height:1px;background:var(--color-gray-300)}.divider-with-text span{padding:0 16px}.google-login-button{height:48px!important;font-size:var(--text-base)!important;font-weight:500!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-gray-300)!important;background:#fff!important;color:var(--color-gray-700)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;transition:all var(--transition-base)!important;margin-bottom:24px}.google-login-button:hover{border-color:var(--color-gray-400)!important;background:var(--color-gray-50)!important;box-shadow:0 1px 3px #0000001a!important}.google-login-button:active{transform:scale(.98)}.google-login-button .anticon{font-size:18px}.dashboard{width:100%}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 12px #2563eb26}.dashboard-header-left{display:flex;align-items:center;gap:var(--space-4)}.dashboard-icon{width:56px;height:56px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-title{font-size:var(--text-4xl);font-weight:700;color:#fff;margin:0 0 var(--space-1) 0;line-height:1.2}.dashboard-subtitle{color:#ffffffe6;margin:0;font-size:var(--text-base)}.dashboard-header-right .ant-btn{background:#fff3!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-weight:500!important}.dashboard-header-right .ant-btn:hover{background:#ffffff4d!important;border-color:#fff6!important;transform:translateY(-2px)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);width:100%;margin-bottom:var(--space-10)}.stat-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-gray-300);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:transparent}.stat-card.stat-neutral:before{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.stat-card.stat-green:before{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%)}.stat-card.stat-green:hover{background:linear-gradient(135deg,#10b98108,#10b98114)}.stat-card.stat-yellow:before{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%)}.stat-card.stat-yellow:hover{background:linear-gradient(135deg,#f59e0b08,#f59e0b14)}.stat-card.stat-red:before{background:linear-gradient(90deg,var(--color-error) 0%,#f87171 100%)}.stat-card.stat-red:hover{background:linear-gradient(135deg,#ef444408,#ef444414)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.stat-card-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600);margin:0}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.stat-card.stat-neutral .stat-card-icon{background:var(--color-primary-bg);color:var(--color-primary)}.stat-card.stat-green .stat-card-icon{background:var(--color-secondary-bg);color:var(--color-secondary)}.stat-card.stat-yellow .stat-card-icon{background:var(--color-accent-bg);color:var(--color-accent)}.stat-card.stat-red .stat-card-icon{background:#fef2f2;color:var(--color-error)}.stat-card:hover .stat-card-icon{transform:scale(1.1)}.stat-value{font-size:42px;font-weight:800;color:var(--color-gray-900);margin:0;line-height:1}.table-section{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-gray-200)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-5) 0}.table-id{font-family:Monaco,Courier New,monospace;font-size:13px;color:var(--color-gray-600)}.dashboard .ant-table{font-size:var(--text-sm)}.dashboard .ant-table-thead>tr>th{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-700)}.dashboard .ant-btn{border-radius:var(--radius-md);font-weight:500}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.dashboard-header-left,.dashboard-header-right,.dashboard-header-right .ant-btn{width:100%}.dashboard-icon{width:48px;height:48px}.dashboard-title{font-size:var(--text-3xl)}.dashboard-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-value{font-size:36px}}.notification-filters-card{margin-bottom:24px;border-radius:12px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.filters-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#262626}.filter-icon{font-size:18px;color:#3b82f6}.active-count{margin-left:8px}.filters-content{margin-top:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:13px;font-weight:500;color:#595959;text-transform:uppercase;letter-spacing:.5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-pending{background-color:#faad14}.status-sent{background-color:#52c41a}.status-failed{background-color:#ff4d4f}.active-filters-summary{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}@media(max-width:768px){.filters-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-group{margin-bottom:8px}}.page-header{margin-bottom:var(--space-8)}.page-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600)}.breadcrumb-item{color:var(--color-gray-600);transition:color var(--transition-fast)}.breadcrumb-item:last-child{color:var(--color-gray-900);font-weight:500}.breadcrumb-separator{color:var(--color-gray-400);margin:0 var(--space-2)}.page-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.page-header-left{display:flex;align-items:flex-start;gap:var(--space-4);flex:1}.page-header-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-header-text{flex:1;min-width:0}.page-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2) 0;letter-spacing:-.5px;line-height:1.2}.page-subtitle{font-size:var(--text-base);color:var(--color-gray-600);margin:0;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}@media(max-width:768px){.page-header-content{flex-direction:column;align-items:stretch}.page-header-actions{width:100%;justify-content:flex-start}.page-title{font-size:var(--text-2xl)}.page-subtitle{font-size:var(--text-sm)}.page-header-icon{width:40px;height:40px}}.user-detail-page{padding:24px;max-width:1200px;margin:0 auto}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-container{text-align:center;padding:48px;color:#666}.error-container h2{color:#333;margin-bottom:8px}.user-header{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.user-info{display:flex;align-items:center;justify-content:space-between}.user-main{display:flex;align-items:center;gap:16px}.user-avatar{width:64px;height:64px;border-radius:50%;background:#6b46c1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.user-details h1{font-size:24px;font-weight:600;margin:0 0 4px}.user-contact{display:flex;gap:16px;color:#666;font-size:14px}.user-tabs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:0}.user-tabs-container .ant-tabs-nav{padding:0 24px}.user-tabs-container .ant-tabs-content{padding:24px;min-height:400px}.user-info-tab{padding:8px 0}.info-item{padding:16px;background:#f9f9f9;border-radius:8px;height:100%}.info-label{font-size:12px;color:#666;margin-bottom:4px;text-transform:uppercase;font-weight:600}.info-value{font-size:16px;color:#333;font-weight:500}.worker-config-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:#fff}.worker-config-card:hover{box-shadow:0 4px 12px #0000000f}.worker-config-card .ant-card-head{border-bottom:1px solid var(--color-gray-200);padding:var(--space-6) var(--space-6) var(--space-5);background:#fff}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.card-title-section{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin:0}.card-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0;font-weight:400}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.status-badge.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-badge.status-inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-active .status-dot{background:var(--color-success);animation:pulse 2s ease-in-out infinite}.status-inactive .status-dot{background:var(--color-gray-400)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.worker-config-card .ant-card-body{padding:var(--space-6)}.card-content{display:flex;flex-direction:column;gap:var(--space-6)}.config-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin:0}.section-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0;line-height:1.6}.card-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200);margin-top:var(--space-2)}.card-actions .ant-btn{height:40px;font-weight:500}.card-actions .ant-btn-primary{min-width:120px}.card-actions .ant-btn-default{min-width:100px}.worker-config-card.inactive{background:var(--color-gray-50);border-color:var(--color-gray-200)}.worker-config-card.inactive .card-title{color:var(--color-gray-600)}.worker-config-card.inactive .section-title{color:var(--color-gray-700)}.save-button{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;border:none}.save-button:hover{background:var(--color-primary-dark)}@media(max-width:640px){.card-header{flex-direction:column;align-items:flex-start}.status-badge{order:-1}.worker-config-card .ant-card-head,.worker-config-card .ant-card-body{padding:var(--space-4)}.card-actions{flex-direction:column;gap:var(--space-2)}.card-actions .ant-btn{width:100%}}.time-schedule-editor{display:flex;flex-direction:column;gap:var(--space-5)}.time-schedule-input{width:100%}.time-schedule-input .ant-picker,.time-schedule-input .ant-btn{height:44px;border-radius:var(--radius-lg)}.time-schedule-tags{min-height:80px;padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);display:flex;align-items:center}.empty-state{text-align:center;color:var(--color-gray-500);font-size:var(--text-sm);width:100%;padding:var(--space-3)}.time-tag{font-size:var(--text-base);padding:8px 16px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-gray-300);color:var(--color-gray-900);font-weight:500;transition:all var(--transition-fast)}.time-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.time-tag .anticon-close{color:var(--color-gray-500);margin-left:var(--space-2);transition:color var(--transition-fast)}.time-tag:hover .anticon-close{color:var(--color-error)}.schedule-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.schedule-count{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.time-range-editor{display:flex;flex-direction:column;gap:var(--space-4)}.time-range-row{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:end}.time-range-field{display:flex;flex-direction:column;gap:var(--space-2)}.time-range-label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700)}.time-range-field .ant-picker{height:44px;border-radius:var(--radius-lg)}.time-range-separator{font-size:var(--text-xl);font-weight:600;color:var(--color-primary);padding-bottom:10px;display:flex;align-items:center}.time-range-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);font-size:var(--text-sm);color:var(--color-primary)}.info-icon{font-size:var(--text-base);color:var(--color-primary);flex-shrink:0}.add-time-button{border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;border:none}@media(max-width:640px){.time-range-row{grid-template-columns:1fr;gap:var(--space-3)}.time-range-separator{display:none}.time-schedule-tags{min-height:100px}}.admin-settings-page{width:100%;display:flex;flex-direction:column;gap:var(--space-8)}.settings-loading,.settings-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.settings-loading p{color:var(--color-gray-600);font-size:var(--text-base)}.settings-header{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8)}.settings-header-content{display:flex;align-items:center;gap:var(--space-5)}.settings-icon{width:64px;height:64px;background:var(--color-primary-bg);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.settings-title-section{flex:1}.settings-title{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-gray-900);line-height:1.2}.settings-subtitle{font-size:var(--text-base);margin:0;color:var(--color-gray-600);line-height:1.5}.settings-content{width:100%}.worker-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(900px,1fr));gap:var(--space-6)}.settings-info{margin-top:var(--space-2)}.settings-info .ant-alert{border-radius:var(--radius-lg)}.settings-info ul{font-size:var(--text-sm);line-height:1.8;margin-bottom:0}.settings-info li{margin-bottom:var(--space-2)}.settings-info li:last-child{margin-bottom:0}@media(max-width:968px){.settings-header{padding:var(--space-6)}.settings-header-content{gap:var(--space-4)}.settings-icon{width:56px;height:56px}.settings-title{font-size:var(--text-2xl)}.worker-cards-grid{grid-template-columns:1fr}}@media(max-width:640px){.admin-settings-page{gap:var(--space-6)}.settings-header{padding:var(--space-5)}.settings-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.settings-title{font-size:var(--text-xl)}.settings-subtitle{font-size:var(--text-sm)}.worker-cards-grid{gap:var(--space-5)}}.scraping-sessions-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.header-content h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.header-subtitle{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.filters-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;gap:var(--space-4);align-items:flex-end;border:1px solid var(--color-gray-200)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700)}.table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.percentage-badge{background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.ofertas-count,.paginas-count{font-weight:600;color:var(--color-gray-900)}@media(max-width:768px){.scraping-sessions-page{padding:var(--space-4)}.header-content h1{font-size:var(--text-2xl)}.filters-section{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group .ant-select{width:100%!important}.table-container .ant-table-tbody>tr>td:nth-child(6),.table-container .ant-table-thead>tr>th:nth-child(6),.table-container .ant-table-tbody>tr>td:nth-child(7),.table-container .ant-table-thead>tr>th:nth-child(7),.table-container .ant-table-tbody>tr>td:nth-child(8),.table-container .ant-table-thead>tr>th:nth-child(8){display:none}}.scraping-sessions-page .ant-table{font-size:var(--text-sm)}.scraping-sessions-page .ant-table-thead>tr>th{background:var(--color-gray-50);font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-200)}.scraping-sessions-page .ant-table-tbody>tr:hover>td{background:var(--color-gray-50)}.scraping-sessions-page .ant-pagination{margin:var(--space-4)}.users-page{width:100%}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.users-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.users-subtitle{color:#6b7280;margin:0}.users-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;margin-bottom:48px}.user-stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.user-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.user-stat-card.stat-total{border-left:4px solid #3b82f6}.user-stat-card.stat-active{border-left:4px solid #16a34a}.user-stat-card.stat-inactive{border-left:4px solid #6b7280}.user-stat-card h3{margin:0 0 12px;color:#6b7280;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-stat-value{font-size:36px;font-weight:700;color:#1f2937;margin:0}.users-filters{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;margin-bottom:24px}.users-table-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.users-section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 20px}.user-link{color:#3b82f6;text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.user-link:hover{color:#2563eb}.users-table-section .ant-table{font-size:14px}.users-table-section .ant-table-thead>tr>th{background:#f9fafb;font-weight:600;color:#374151}@media(max-width:768px){.users-header{flex-direction:column;gap:16px}.users-stats-grid{grid-template-columns:1fr}}.modern-sidebar{width:240px;background:#fff;border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;transition:width var(--transition-base);position:sticky;top:0;height:100vh}.modern-sidebar.collapsed{width:72px}.sidebar-header{padding:24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray-200);min-height:80px}.collapsed .sidebar-header{justify-content:center;padding:24px 8px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;transition:all var(--transition-base)}.admin-icon{background:var(--color-primary)}.logo-text{font-size:18px;font-weight:600;color:var(--color-gray-800);white-space:nowrap}.toggle-btn{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.toggle-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.toggle-btn-collapsed{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%}.toggle-btn-collapsed:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.user-info{padding:16px;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;flex-shrink:0}.admin-avatar{background:var(--color-primary)!important}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--color-gray-800);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--text-xs);color:var(--color-primary)!important;font-weight:500}.user-email{font-size:var(--text-xs);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;overflow-y:auto}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-section.bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-gray-200)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500;width:100%;text-align:left}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.nav-item.active{background:var(--color-primary-bg);color:var(--color-primary)}.admin-sidebar .nav-item.active{background:var(--color-primary-bg)!important;color:var(--color-primary)!important}.nav-item.logout{color:var(--color-error)}.nav-item.logout:hover{background:#fef2f2;color:var(--color-error)}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed .logo-text,.collapsed .user-info,.collapsed .nav-label{display:none}.collapsed .nav-item{justify-content:center;padding:10px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}@media(max-width:768px){.modern-sidebar{display:none}}.mobile-header{position:sticky;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000a;z-index:999;padding:env(safe-area-inset-top,0) 0 0 0}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);max-width:100%;margin:0 auto}.mobile-header-logo{display:flex;align-items:center;gap:var(--space-3)}.mobile-logo-icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;letter-spacing:-.5px;flex-shrink:0}.mobile-logo-icon.admin-logo{background:var(--color-error);font-size:18px}.mobile-logo-text{display:flex;flex-direction:column}.logo-title{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);line-height:1.2}.mobile-user-button{display:flex;align-items:center;gap:var(--space-2);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:4px 12px 4px 4px;cursor:pointer;transition:all var(--transition-fast)}.mobile-user-button:active{transform:scale(.97)}.mobile-user-button:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.mobile-user-avatar{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.mobile-user-avatar.admin-avatar{background:var(--color-error)}.mobile-user-info{display:flex;flex-direction:column;align-items:flex-start;max-width:120px}.mobile-user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-900);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-user-role{font-size:10px;font-weight:600;color:var(--color-error);text-transform:uppercase;letter-spacing:.5px;line-height:1}.mobile-header.admin-variant .mobile-logo-icon,.mobile-header.admin-variant .mobile-user-avatar{background:var(--color-primary)}.mobile-header.admin-variant .logo-title{color:var(--color-gray-800)}.mobile-header .ant-dropdown-menu{border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:0 8px 24px #0000001f}.mobile-header .ant-dropdown-menu-item{border-radius:var(--radius-lg);padding:var(--space-3);font-size:var(--text-sm)}.mobile-header .ant-dropdown-menu-item-icon{font-size:16px}@media(max-width:360px){.mobile-header-content{padding:var(--space-2) var(--space-3)}.mobile-logo-icon{width:36px;height:36px;font-size:11px}.logo-title{font-size:var(--text-sm)}.mobile-user-info{max-width:100px}.mobile-user-name{font-size:12px}}@media(min-width:769px){.mobile-header{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-gray-200);box-shadow:0 -2px 16px #00000014;z-index:1000;padding:0 0 env(safe-area-inset-bottom,0)}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:640px;margin:0 auto;height:64px;padding:0 var(--space-2)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-2);background:none;border:none;cursor:pointer;position:relative;transition:all var(--transition-fast);color:var(--color-gray-500);border-radius:var(--radius-lg);min-width:60px}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.mobile-nav-item:active .mobile-nav-icon-wrapper{transform:scale(.9)}.mobile-nav-label{font-size:11px;font-weight:500;line-height:1;transition:all var(--transition-fast);white-space:nowrap}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active .mobile-nav-icon-wrapper{transform:translateY(-2px)}.mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-nav-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-3px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.mobile-nav-badge .ant-badge-count{font-size:10px;height:18px;min-width:18px;line-height:18px;padding:0 4px;box-shadow:0 2px 4px #ef44444d}.mobile-bottom-nav.admin-variant .mobile-nav-item.active{color:var(--color-primary)!important}.mobile-bottom-nav.admin-variant .mobile-nav-indicator{background:var(--color-primary)!important}.mobile-bottom-nav.admin-variant .mobile-nav-badge .ant-badge-count{background:var(--color-error)}@media(hover:hover)and (pointer:fine){.mobile-nav-item:hover{background:var(--color-gray-50)}.mobile-nav-item.active:hover{background:var(--color-primary-bg)}.mobile-bottom-nav.admin-variant .mobile-nav-item.active:hover{background:var(--color-primary-bg)!important}}@media(max-width:360px){.mobile-nav-container{height:56px}.mobile-nav-label{font-size:10px}}@media(min-width:769px){.mobile-bottom-nav{display:none}}.admin-layout{display:flex;min-height:100vh;background:var(--color-gray-100)}.admin-content{flex-grow:1;flex-shrink:1;flex-basis:0;padding:32px;min-width:0;background:#fff}.admin-layout h1{color:var(--color-gray-700)}.admin-layout .ant-btn-primary{background:var(--color-gray-700);border-color:var(--color-gray-700)}.admin-layout .ant-btn-primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.admin-layout .ant-table-thead>tr>th{background:#fff;color:var(--color-gray-700);font-weight:600}.admin-layout .ant-card{border-color:var(--color-gray-200)}.admin-layout .ant-card:hover{box-shadow:0 4px 12px #37415114}.admin-layout .ant-tag-success{background:var(--color-secondary-bg);border-color:var(--color-secondary);color:var(--color-secondary-dark)}.admin-layout .ant-tag-error{background:#fef2f2;border-color:var(--color-error);color:var(--color-error)}@media(max-width:768px){.admin-content{padding:var(--space-4)}}.user-layout-mobile{display:flex;flex-direction:column;min-height:100vh;background:var(--color-gray-50)}.user-content-mobile{flex:1;padding:var(--space-4);padding-bottom:calc(64px + var(--space-4) + env(safe-area-inset-bottom,0));overflow-y:auto;background:#fff}.admin-layout-mobile{display:flex;flex-direction:column;min-height:100vh;background:var(--color-gray-50)}.admin-content-mobile{flex:1;padding:var(--space-4);padding-bottom:calc(64px + var(--space-4) + env(safe-area-inset-bottom,0));overflow-y:auto;background:#fff}.user-content-mobile,.admin-content-mobile{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.user-content-mobile::-webkit-scrollbar,.admin-content-mobile::-webkit-scrollbar{width:0;height:0}@media(max-width:360px){.user-content-mobile,.admin-content-mobile{padding:var(--space-3);padding-bottom:calc(56px + var(--space-3) + env(safe-area-inset-bottom,0))}}@media(min-width:769px){.user-layout-mobile,.admin-layout-mobile{display:none}}.user-content-mobile>*,.admin-content-mobile>*{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-layout{display:flex;min-height:100vh;background:var(--color-gray-100)}.user-content{flex-grow:1;flex-shrink:1;flex-basis:0;padding:32px;min-width:0;background:#fff}@media(max-width:768px){.user-content{padding:var(--space-4)}}.confirm-action-modal .ant-modal-content{border-radius:var(--radius-xl);padding:var(--space-6)}.confirm-action-modal__content{display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-action-modal__icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.confirm-action-modal__icon--warning{background-color:var(--color-accent-bg);color:var(--color-accent-dark)}.confirm-action-modal__icon--danger{background-color:#fee2e2;color:var(--color-error)}.confirm-action-modal__icon--info{background-color:var(--color-primary-bg);color:var(--color-primary)}.confirm-action-modal__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-2) 0}.confirm-action-modal__description{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--space-6) 0;max-width:340px}.confirm-action-modal__actions{display:flex;gap:var(--space-3);width:100%}.confirm-action-modal__btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.confirm-action-modal__btn:disabled{opacity:.6;cursor:not-allowed}.confirm-action-modal__btn--secondary{background-color:var(--color-gray-100);color:var(--color-gray-700)}.confirm-action-modal__btn--secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.confirm-action-modal__btn--warning{background-color:var(--color-accent);color:#fff}.confirm-action-modal__btn--warning:hover:not(:disabled){background-color:var(--color-accent-dark)}.confirm-action-modal__btn--danger{background-color:var(--color-error);color:#fff}.confirm-action-modal__btn--danger:hover:not(:disabled){background-color:#dc2626}.confirm-action-modal__btn--info{background-color:var(--color-primary);color:#fff}.confirm-action-modal__btn--info:hover:not(:disabled){background-color:var(--color-primary-dark)}@media(max-width:480px){.confirm-action-modal .ant-modal-content{padding:var(--space-5)}.confirm-action-modal__actions{flex-direction:column-reverse}.confirm-action-modal__btn{width:100%}}.subscription-header-new{margin-bottom:var(--space-6)}.subscription-alert{margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:none}.subscription-alert .ant-alert-message{width:100%}.subscription-alert--paused{background-color:var(--color-accent-bg)}.subscription-alert--paused .ant-alert-icon{display:none}.subscription-banner{width:100%}.subscription-banner__main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.subscription-banner__status{display:flex;align-items:center;gap:var(--space-3)}.subscription-banner__icon{flex-shrink:0;color:var(--color-secondary)}.subscription-banner--paused .subscription-banner__icon{color:var(--color-accent-dark)}.subscription-banner__info{display:flex;flex-direction:column;gap:var(--space-1)}.subscription-banner__title{font-weight:600;font-size:var(--text-sm);color:var(--color-gray-800)}.subscription-banner__subtitle{font-size:var(--text-xs);color:var(--color-gray-600)}.subscription-banner__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.subscription-banner__separator{color:var(--color-gray-400);font-size:var(--text-xs)}.subscription-banner__link{background:none;border:none;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:color var(--transition-fast);text-decoration:none}.subscription-banner__link:hover:not(:disabled){color:var(--color-gray-800);text-decoration:underline}.subscription-banner__link:disabled{opacity:.5;cursor:not-allowed}.subscription-banner__link--primary{color:var(--color-primary)}.subscription-banner__link--primary:hover:not(:disabled){color:var(--color-primary-dark)}.subscription-banner__link--danger{color:var(--color-gray-500)}.subscription-banner__link--danger:hover:not(:disabled){color:var(--color-error)}@media(max-width:640px){.subscription-banner__main{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.subscription-banner__actions{width:100%;justify-content:flex-start;padding-left:calc(20px + var(--space-3))}}.trial-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-8);gap:var(--space-4)}.trial-banner--cta{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;box-shadow:0 4px 14px #10b9814d}.trial-banner--active{background:var(--color-secondary-bg);border:1px solid var(--color-secondary-light);color:var(--color-gray-800)}.trial-banner__content{display:flex;align-items:center;gap:var(--space-4)}.trial-banner__icon{font-size:32px;flex-shrink:0}.trial-banner--cta .trial-banner__icon{color:#fff}.trial-banner--active .trial-banner__icon{color:var(--color-secondary)}.trial-banner__text{display:flex;flex-direction:column;gap:var(--space-1)}.trial-banner__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.trial-banner__subtitle{font-size:var(--text-sm);opacity:.9}.trial-banner--active .trial-banner__subtitle{color:var(--color-gray-600)}.trial-banner__button{background-color:#fff!important;color:var(--color-secondary-dark)!important;border:none!important;font-weight:600!important;padding:var(--space-3) var(--space-6)!important;height:auto!important;white-space:nowrap;box-shadow:0 2px 8px #00000026;transition:transform var(--transition-fast),box-shadow var(--transition-fast)!important}.trial-banner__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003!important;color:var(--color-secondary-dark)!important;background-color:#fff!important}.trial-modal .ant-modal-content{padding:var(--space-8);border-radius:var(--radius-2xl)}.trial-modal__content{text-align:center}.trial-modal__icon{width:72px;height:72px;margin:0 auto var(--space-5);background:var(--color-secondary-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-secondary)}.trial-modal__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.trial-modal__description{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:var(--space-5);line-height:1.6}.trial-modal__benefits{list-style:none;padding:0;margin:0 0 var(--space-5) 0;text-align:left;background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-4)}.trial-modal__benefits li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-gray-700)}.trial-modal__benefits li .anticon{color:var(--color-secondary);font-size:16px}.trial-modal__note{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-6);line-height:1.5}.trial-modal__actions{display:flex;gap:var(--space-3);justify-content:center}.trial-modal__actions .ant-btn{min-width:120px}.trial-modal__confirm-btn{background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important}.trial-modal__confirm-btn:hover{background-color:var(--color-secondary-dark)!important;border-color:var(--color-secondary-dark)!important}@media(max-width:768px){.trial-banner{flex-direction:column;text-align:center;padding:var(--space-5)}.trial-banner__content{flex-direction:column}.trial-banner__button{width:100%}.trial-modal .ant-modal-content{padding:var(--space-5)}.trial-modal__actions{flex-direction:column}.trial-modal__actions .ant-btn{width:100%}}.subscription-modal .ant-modal-header{border-bottom:1px solid #f0f0f0}.subscription-modal .ant-modal-title{font-size:20px;font-weight:600}.modal-content{padding:8px 0}.plan-summary{text-align:center;margin-bottom:24px}.plan-title{font-size:24px;font-weight:700;color:#262626;margin:0 0 8px}.plan-subtitle{font-size:14px;color:#8c8c8c;margin:0}.price-details{background:#fafafa;border-radius:8px;padding:16px;margin-bottom:24px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.price-row:last-child{margin-bottom:0}.price-row span:first-child{color:#595959;font-size:14px}.price-row .original{text-decoration:line-through;color:#bfbfbf}.price-row .discount{color:#52c41a;font-weight:600}.price-row.total{margin-top:8px}.price-row.total span:first-child{font-weight:600;color:#262626}.price-row .final-price{font-size:20px;font-weight:700;color:#262626}.benefits-reminder h4{font-size:14px;font-weight:600;color:#262626;margin-bottom:12px}.benefit-list{list-style:none;padding:0;margin:0}.benefit-list li{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#595959}.benefit-list li .anticon{color:#52c41a;font-size:16px}.payment-info{background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;padding:12px 16px;margin:24px 0}.payment-info p{margin:0;font-size:13px;color:#096dd9}.modal-actions{margin-top:24px}.confirm-button{min-width:160px}.confirm-button.gold{background:linear-gradient(135deg,#faad14,#fa8c16);border-color:#faad14}.confirm-button.gold:hover{background:linear-gradient(135deg,#fa8c16,#d48806);border-color:#fa8c16}.subscription-page-new{max-width:1200px;margin:0 auto;padding:var(--space-12) var(--space-6);min-height:100vh}.subscription-header-new{margin-bottom:var(--space-12)}.subscription-banner{margin-bottom:var(--space-8);border-radius:var(--radius-xl);border:none}.subscription-banner .ant-alert-message{padding:0}.active-subscription-banner{padding:var(--space-2) 0}.banner-content{display:flex;align-items:center;gap:var(--space-3)}.banner-icon{color:var(--color-secondary);flex-shrink:0}.banner-text{display:flex;flex-direction:column;gap:var(--space-1)}.banner-title{font-weight:600;font-size:var(--text-base);color:var(--color-gray-900)}.banner-subtitle{font-size:var(--text-sm);color:var(--color-gray-600)}.header-content{text-align:center;max-width:700px;margin:0 auto}.header-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;color:var(--color-gray-900);margin-bottom:var(--space-4);line-height:1.2}.header-subtitle{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.7;margin:0}.plans-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.plans-loading,.plans-empty{text-align:center;padding:var(--space-16);color:var(--color-gray-600)}.plans-loading p{margin-top:var(--space-4);font-size:var(--text-lg)}.plan-card-new{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;transition:all var(--transition-slow);display:flex;flex-direction:column;height:100%}.plan-card-new:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a}.plan-card-new.highlighted{border-color:var(--color-primary);box-shadow:0 8px 24px #2563eb26}.plan-card-new.current{border-color:var(--color-secondary);background:var(--color-secondary-bg)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:center;margin-bottom:var(--space-6)}.plan-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.plan-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.plan-pricing{text-align:center}.price-discount-tag{background:var(--color-secondary-bg)!important;border-color:var(--color-secondary)!important;color:var(--color-secondary-dark)!important;font-weight:700!important;font-size:var(--text-xs)!important}.price-amount-suscription{font-size:40px;font-weight:800;color:var(--color-gray-900);line-height:1;font-family:var(--font-heading)}.plan-divider{height:1px;background:var(--color-gray-200);margin:var(--space-6) 0}.plan-benefits{list-style:none;padding:0;margin:0 0 var(--space-8) 0;flex:1}.benefit-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0}.benefit-icon-svg{color:var(--color-secondary);flex-shrink:0;margin-top:2px;stroke-width:2.5}.benefit-text{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.5}.plan-button{height:48px!important;font-size:var(--text-base)!important;font-weight:600!important;border-radius:var(--radius-md)!important;transition:all var(--transition-base)!important}.plan-button.upgrade{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.plan-button.upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.plan-button.current{background:var(--color-secondary-bg)!important;border-color:var(--color-secondary)!important;color:var(--color-secondary-dark)!important;cursor:not-allowed!important}.plan-button.disabled{background:var(--color-gray-100)!important;border-color:var(--color-gray-300)!important;color:var(--color-gray-400)!important;cursor:not-allowed!important}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.subscription-loading p{font-size:var(--text-lg);color:var(--color-gray-600)}.features-section-new{padding:var(--space-16) 0;background:var(--color-gray-50);border-radius:var(--radius-2xl);margin-top:var(--space-8)}.features-header{text-align:center;max-width:700px;margin:0 auto var(--space-12);padding:0 var(--space-6)}.features-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4)}.features-subtitle{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-8);padding:0 var(--space-6)}.feature-card-new{text-align:center;padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);transition:all var(--transition-slow)}.feature-card-new:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000014;border-color:var(--color-primary)}.feature-icon-new{width:80px;height:80px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-secondary-bg) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-slow)}.feature-card-new:hover .feature-icon-new{transform:scale(1.1);box-shadow:0 8px 24px #2563eb33}.feature-title-new{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.feature-description-new{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6;margin:0}.payment-method-modal .ant-modal-content{border-radius:var(--radius-2xl)}.payment-modal-content{padding:var(--space-8)}.payment-modal-header{text-align:center;margin-bottom:var(--space-8)}.payment-modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.payment-modal-subtitle{font-size:var(--text-base);color:var(--color-gray-600)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.payment-method-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.payment-method-option:hover{border-color:var(--color-primary);background:var(--color-gray-50);transform:translateY(-2px)}.payment-option-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-gray-100);color:var(--color-gray-700)}.payment-option-content{flex:1}.payment-option-title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-1)}.payment-option-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.payment-modal-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.payment-footer-text{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.email-input-modal .ant-modal-content{border-radius:var(--radius-2xl)}.email-modal-content{padding:var(--space-8)}.email-modal-header{text-align:center;margin-bottom:var(--space-6)}.email-modal-icon{width:72px;height:72px;margin:0 auto var(--space-4);background:var(--color-primary-bg);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.email-modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin:0}.email-info-box{margin-bottom:var(--space-6);border-radius:var(--radius-xl);border:1px solid #91caff}.email-info-alert{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-primary)}.email-input-modal .ant-checkbox-wrapper{font-size:var(--text-base);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.email-warning-box{margin-bottom:var(--space-6);border-radius:var(--radius-xl);border:1px solid #ffe58f}.email-warning-header{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-accent-dark)}.email-checklist{list-style:none;padding:0;margin:var(--space-3) 0 0 0}.email-checklist li{padding:var(--space-1) 0;color:var(--color-gray-700);font-size:var(--text-sm);line-height:1.6}.email-form-actions{margin-bottom:0!important}.email-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.redirect-payment-modal .ant-modal-content{border-radius:var(--radius-2xl)}.redirect-modal-content{padding:var(--space-8)}.redirect-modal-header{text-align:center;margin-bottom:var(--space-4)}.redirect-modal-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-secondary-bg);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.redirect-modal-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.redirect-modal-subtitle{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6}.redirect-plan-summary{padding:var(--space-4) 0}.summary-label{font-size:var(--text-sm);font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0}.summary-row.highlight{background:var(--color-secondary-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-2)}.summary-key{font-size:var(--text-base);color:var(--color-gray-700)}.summary-value{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900)}.summary-value.price{display:flex;align-items:center;gap:var(--space-2)}.summary-value .price-original{font-size:var(--text-sm);color:var(--color-gray-400);text-decoration:line-through}.summary-value .price-final{font-size:var(--text-lg);color:var(--color-primary)}.summary-value.savings{color:var(--color-secondary)}.redirect-instructions{padding:var(--space-4) 0}.instructions-title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4)}.instructions-list{list-style:none;padding:0;margin:0}.instructions-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-base);color:var(--color-gray-700)}.instructions-list li svg{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.redirect-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}@media(max-width:968px){.subscription-page-new{padding:var(--space-8) var(--space-4)}.header-title{font-size:var(--text-4xl)}.header-subtitle{font-size:var(--text-base)}.plans-grid-new{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--space-16)}.features-section-new{padding:var(--space-12) 0}.features-title{font-size:var(--text-3xl)}.features-subtitle{font-size:var(--text-base)}.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.payment-modal-content,.email-modal-content,.redirect-modal-content{padding:var(--space-5)}.payment-method-option{padding:var(--space-4)}.payment-option-icon{width:40px;height:40px}}@media(max-width:640px){.header-title{font-size:var(--text-3xl)}.plan-card-new{padding:var(--space-6)}.price-amount{font-size:34px}}.preferences-page{max-width:1200px;margin:0 auto;min-height:100vh}.preferences-empty-state{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-8);max-width:600px;margin:var(--space-12) auto;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-secondary-bg) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-6)}.empty-state-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-4) 0;line-height:1.3}.empty-state-description{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--space-8) 0;max-width:480px}.empty-state-features{width:100%;max-width:400px;margin-bottom:var(--space-8)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;text-align:left}.feature-bullet{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.feature-item span{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.5}.empty-state-cta{height:48px!important;font-size:var(--text-base)!important;font-weight:600!important;padding:0 var(--space-8)!important;border-radius:var(--radius-md)!important;margin-bottom:var(--space-4);display:flex!important;align-items:center!important;gap:var(--space-2)!important}.empty-state-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d!important}.empty-state-pricing{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.preferences-subscription-banner{background:var(--color-secondary-bg);border:1px solid var(--color-secondary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.banner-left{display:flex;align-items:center;gap:var(--space-3)}.banner-icon-wrapper{width:40px;height:40px;background:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);flex-shrink:0}.banner-info{display:flex;flex-direction:column;gap:var(--space-1)}.banner-title{font-weight:600;font-size:var(--text-base);color:var(--color-gray-900);margin:0}.banner-subtitle{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.banner-right{display:flex;gap:var(--space-2)}.preferences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.preferences-header-left h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.preferences-header-left p{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.preferences-stats{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.stats-highlight{font-weight:600;color:var(--color-primary)}.preferences-list{display:flex;flex-direction:column;gap:var(--space-4)}.preference-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base)}.preference-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.preference-card-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.preference-icon{width:48px;height:48px;background:var(--color-primary-bg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.preference-content{display:flex;flex-direction:column;gap:var(--space-1)}.preference-title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin:0}.preference-meta{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.preference-card-right{display:flex;align-items:center;gap:var(--space-3)}.preference-status{font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500}.preference-status.active{background:var(--color-secondary-bg);color:var(--color-secondary-dark)}.preference-status.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}@media(max-width:768px){.preferences-empty-state{padding:var(--space-12) var(--space-6)}.empty-state-icon{width:80px;height:80px}.empty-state-title{font-size:var(--text-2xl)}.preferences-subscription-banner{flex-direction:column;align-items:flex-start}.banner-right{width:100%;flex-direction:column}.banner-right .ant-btn{width:100%}.preferences-header,.preference-card{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.preference-card-right{width:100%;justify-content:space-between}}.landing-page{width:100%;overflow-x:hidden}.landing-navbar{position:sticky;top:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);z-index:100;padding:var(--space-4) 0}.navbar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.logo-icon-landing{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.logo-text-landing{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:#fff}.navbar-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-link{background:none;border:none;color:var(--color-gray-700);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:color var(--transition-fast);padding:var(--space-2) 0}.nav-link:hover{color:var(--color-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.login-btn{color:var(--color-gray-700);font-weight:500}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-gray-700);cursor:pointer;padding:var(--space-2)}.mobile-menu{display:none}.hero-section{padding:var(--space-24) 0;background:linear-gradient(to bottom,#ffffff 0%,var(--color-gray-50) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-secondary-bg);color:var(--color-secondary-dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-heading);font-size:56px;font-weight:800;line-height:1.1;color:var(--color-gray-900);margin-bottom:var(--space-6);letter-spacing:-1px}.hero-subtitle{font-size:var(--text-xl);color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--space-8)}.hero-ctas{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-cta-primary{height:56px!important;padding:0 var(--space-8)!important;font-size:var(--text-lg)!important;font-weight:600!important}.hero-cta-secondary{height:56px!important;padding:0 var(--space-8)!important;font-size:var(--text-lg)!important;font-weight:600!important;border:2px solid var(--color-gray-300)!important}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-6)}.trust-icon{color:var(--color-secondary)}.hero-visual{display:flex;justify-content:center;align-items:center}.mockup-container{position:relative;width:100%;max-width:400px}.notification-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 20px 60px #00000026;border:1px solid var(--color-gray-200)}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.notification-time{font-size:var(--text-xs);color:var(--color-gray-500)}.notification-card h4{font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.notification-detail{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}@media(max-width:968px){.navbar-menu.desktop,.navbar-actions.desktop{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex;flex-direction:column;padding:var(--space-6);background:#fff;border-top:1px solid var(--color-gray-200)}.mobile-nav-link{background:none;border:none;color:var(--color-gray-700);font-size:var(--text-base);font-weight:500;padding:var(--space-4);text-align:left;cursor:pointer;transition:color var(--transition-fast)}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-menu-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.hero-content{grid-template-columns:1fr;gap:var(--space-12)}.hero-title{font-size:40px}.hero-subtitle{font-size:var(--text-lg)}.hero-ctas{flex-direction:column}.hero-cta-primary,.hero-cta-secondary{width:100%}}@media(max-width:640px){.hero-section{padding:var(--space-12) 0}.hero-title{font-size:32px}.hero-trust{flex-direction:column;gap:var(--space-3)}.logo-text-landing{display:none}}.problem-section{padding:var(--space-24) 0;background:#fff}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-16)}.section-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-600);line-height:1.7}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.problem-card{padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--color-gray-50);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.problem-icon{width:64px;height:64px;background:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-error);margin-bottom:var(--space-4)}.problem-title{font-size:var(--text-xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-3)}.problem-description{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6}.solution-section{padding:var(--space-24) 0;background:linear-gradient(to bottom,white 0%,var(--color-gray-50) 100%)}.solution-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);position:relative}.step-card{text-align:center;position:relative;padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);border:2px solid var(--color-gray-200);transition:all var(--transition-slow)}.step-card:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 12px 32px #2563eb26}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:700;font-family:var(--font-heading);box-shadow:0 4px 12px #2563eb4d}.step-icon{width:80px;height:80px;margin:var(--space-6) auto var(--space-4);background:var(--color-primary-bg);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.step-title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6}.step-connector{display:none}@media(min-width:968px){.step-card:not(:last-child):after{content:"→";position:absolute;top:50%;right:-48px;transform:translateY(-50%);font-size:32px;color:var(--color-primary);font-weight:700}}.benefits-section{padding:var(--space-24) 0;background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-8);margin-bottom:var(--space-20)}.benefit-card{text-align:center;padding:var(--space-8);border-radius:var(--radius-2xl);transition:transform var(--transition-slow)}.benefit-card:hover{transform:translateY(-8px)}.benefit-icon{width:96px;height:96px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-secondary-bg) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-slow)}.benefit-card:hover .benefit-icon{transform:scale(1.1);box-shadow:0 8px 24px #2563eb33}.benefit-title{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.benefit-description{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6}.benefit-metric{font-size:var(--text-sm);color:var(--color-primary);font-weight:700;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.trust-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-600);font-size:var(--text-sm)}.trust-icon{color:var(--color-secondary);flex-shrink:0}@media(max-width:640px){.hero-trust{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.stats-section{display:flex;justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-12);background:var(--color-gray-50);border-radius:var(--radius-2xl)}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:500}.stat-divider{width:2px;height:60px;background:var(--color-gray-300)}@media(max-width:968px){.problem-section,.solution-section,.benefits-section{padding:var(--space-16) 0}.section-title{font-size:var(--text-3xl)}.section-subtitle{font-size:var(--text-base)}.solution-steps{grid-template-columns:1fr;gap:var(--space-8)}.step-card:after{display:none}.stats-section{flex-direction:column;gap:var(--space-8)}.stat-divider{width:60px;height:2px}.stat-number{font-size:var(--text-4xl)}}@media(max-width:640px){.problem-grid,.benefits-grid{grid-template-columns:1fr}.problem-section,.solution-section,.benefits-section{padding:var(--space-12) 0}}.testimonials-section{padding:var(--space-24) 0;background:linear-gradient(to bottom,white 0%,var(--color-gray-50) 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.testimonial-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);transition:all var(--transition-slow)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:var(--color-primary)}.testimonial-rating{display:flex;gap:4px;color:var(--color-accent);margin-bottom:var(--space-4)}.testimonial-text{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-6);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.author-avatar{width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-xl);flex-shrink:0}.author-info{flex:1}.author-name{font-weight:600;color:var(--color-gray-900);font-size:var(--text-base)}.author-role{font-size:var(--text-sm);color:var(--color-gray-600)}.author-district{font-size:var(--text-sm);color:var(--color-gray-500)}.pricing-section{padding:var(--space-24) 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.pricing-card{background:#fff;border:2px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;transition:all var(--transition-slow)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001a}.pricing-card.highlighted{border-color:var(--color-primary);box-shadow:0 8px 32px #2563eb26}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:4px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-header{text-align:center;margin-bottom:var(--space-6)}.pricing-name{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.pricing-description{font-size:var(--text-sm);color:var(--color-gray-600)}.pricing-price{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.price-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.price-original{font-size:var(--text-lg);color:var(--color-gray-400);text-decoration:line-through}.price-discount{background:var(--color-secondary-bg);color:var(--color-secondary-dark);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700}.price-final{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-currency{font-size:var(--text-xl);font-weight:700;color:var(--color-gray-900)}.price-amount{font-size:40px;font-weight:800;color:var(--color-gray-900);line-height:1;font-family:var(--font-heading)}.price-period{font-size:var(--text-base);color:var(--color-gray-600)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-8) 0}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-base);color:var(--color-gray-700)}.feature-check{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.pricing-cta{height:48px!important;font-size:var(--text-base)!important;font-weight:600!important}.pricing-note{text-align:center;color:var(--color-gray-600);font-size:var(--text-base)}.faq-section{padding:var(--space-24) 0;background:var(--color-gray-50)}.faq-container{max-width:800px;margin:0 auto var(--space-8)}.faq-collapse{background:transparent!important}.faq-panel{background:#fff!important;border-radius:var(--radius-xl)!important;margin-bottom:var(--space-4)!important;border:1px solid var(--color-gray-200)!important}.faq-panel .ant-collapse-header{font-size:var(--text-lg)!important;font-weight:600!important;color:var(--color-gray-900)!important;padding:var(--space-5) var(--space-6)!important}.faq-answer{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.7;margin:0}.faq-contact{text-align:center;margin-top:var(--space-12);font-size:var(--text-lg);color:var(--color-gray-700)}.faq-contact a{color:var(--color-primary);font-weight:600;text-decoration:underline}.final-cta-section{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.final-cta-content{text-align:center;max-width:700px;margin:0 auto}.final-cta-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;color:#fff;margin-bottom:var(--space-4);line-height:1.2}.final-cta-subtitle{font-size:var(--text-xl);color:#ffffffe6;margin-bottom:var(--space-8);line-height:1.6}.final-cta-button{height:56px!important;padding:0 var(--space-10)!important;font-size:var(--text-lg)!important;font-weight:700!important;background:#fff!important;color:var(--color-primary)!important;border:none!important}.final-cta-button:hover{background:var(--color-gray-100)!important;transform:translateY(-2px)}.final-cta-note{margin-top:var(--space-4);font-size:var(--text-base);color:#fffc}.landing-footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-16);margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-gray-700)}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-description{font-size:var(--text-sm);line-height:1.7;color:var(--color-gray-500)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-column h4{color:#fff;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.footer-column a{display:block;color:var(--color-gray-400);font-size:var(--text-sm);margin-bottom:var(--space-3);transition:color var(--transition-fast)}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;font-size:var(--text-sm);color:var(--color-gray-500)}.footer-bottom p{margin-bottom:var(--space-2)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-gray-600)}@media(max-width:968px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--space-8)}.final-cta-title{font-size:var(--text-4xl)}.footer-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-links{grid-template-columns:1fr}}@media(max-width:640px){.testimonials-grid{grid-template-columns:1fr}.final-cta-title{font-size:var(--text-3xl)}.final-cta-subtitle{font-size:var(--text-lg)}}.countdown-timer{max-width:600px;margin:0 auto var(--space-12);background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #F59E0B;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 4px 12px #f59e0b26}.countdown-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);color:#92400e}.countdown-text{font-size:var(--text-base);font-weight:700}.countdown-display{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);min-width:70px;box-shadow:0 2px 4px #0000001a}.countdown-value{font-size:32px;font-weight:800;color:#92400e;line-height:1;font-family:var(--font-heading)}.countdown-label{font-size:var(--text-xs);color:#78350f;font-weight:600;text-transform:uppercase;margin-top:var(--space-1);letter-spacing:.5px}.countdown-separator{font-size:28px;font-weight:700;color:#92400e;padding:0 var(--space-1)}@media(max-width:640px){.countdown-timer{padding:var(--space-4)}.countdown-header{flex-direction:column;gap:var(--space-2);text-align:center}.countdown-text{font-size:var(--text-sm)}.countdown-unit{min-width:60px;padding:var(--space-2) var(--space-3)}.countdown-value{font-size:24px}.countdown-label{font-size:10px}.countdown-separator{font-size:20px;padding:0}}.security-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d}.security-card .ant-card-head{border-bottom:1px solid var(--color-gray-200)}.security-card .ant-card-head-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900)}.security-card .ant-card-body{padding:var(--space-6)}.security-status-success{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-secondary-bg);border-radius:var(--radius-lg);border:1px solid var(--color-secondary)}.status-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon-wrapper.success{background-color:var(--color-secondary);color:#fff}.status-icon{font-size:24px}.status-content{flex:1}.status-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-1) 0}.status-description{font-size:var(--text-sm);color:var(--color-gray-700);margin:0;line-height:1.5}.security-alert{margin-bottom:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-info)}.security-alert .ant-alert-message{font-weight:600;color:var(--color-gray-900)}.security-alert .ant-alert-description{color:var(--color-gray-700)}.security-form .ant-form-item-label>label{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--color-gray-700)}.security-form .ant-input-affix-wrapper{border-radius:var(--radius-md)}.security-form .ant-input-affix-wrapper-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.form-submit{margin-top:var(--space-6);margin-bottom:0}.form-submit .ant-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);font-weight:500;height:44px;font-size:var(--text-base);border-radius:var(--radius-md)}.form-submit .ant-btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.form-submit .ant-btn-primary:disabled{background-color:var(--color-gray-300);border-color:var(--color-gray-300);color:var(--color-gray-500)}@media(max-width:576px){.security-card .ant-card-body{padding:var(--space-4)}.security-status-success{flex-direction:column;text-align:center}.status-icon-wrapper{margin:0 auto}}.password-strength-indicator{margin-top:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.strength-bar-container{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:var(--radius-full)}.strength-bar.weak{background-color:var(--color-error)}.strength-bar.medium{background-color:var(--color-warning)}.strength-bar.strong{background-color:var(--color-success)}.strength-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.strength-label.weak{color:var(--color-error)}.strength-label.medium{color:var(--color-warning)}.strength-label.strong{color:var(--color-success)}.password-requirements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.requirement-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);transition:all var(--transition-fast)}.requirement-icon{flex-shrink:0}.requirement-icon.valid{color:var(--color-success)}.requirement-icon.invalid{color:var(--color-gray-400)}.requirement-text{color:var(--color-gray-700);line-height:1.4}.requirement-item.valid .requirement-text{color:var(--color-gray-800);font-weight:500}.settings-page{min-height:100vh;background-color:var(--color-gray-50);padding:var(--space-8) var(--space-6)}.settings-container{max-width:1200px;margin:0 auto}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start}.settings-sidebar{position:sticky;top:var(--space-6);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);padding:var(--space-4);box-shadow:0 1px 3px #0000000d}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:none;background:transparent;text-align:left;cursor:pointer;transition:all var(--transition-base);width:100%}.sidebar-item:hover{background-color:var(--color-gray-100)}.sidebar-item.active{background-color:var(--color-primary-bg);border:1px solid var(--color-primary)}.sidebar-item.active .sidebar-item-icon{color:var(--color-primary)}.sidebar-item.active .sidebar-item-label{color:var(--color-primary);font-weight:600}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-gray-100);color:var(--color-gray-600);flex-shrink:0;transition:all var(--transition-base)}.sidebar-item:hover .sidebar-item-icon{background-color:var(--color-gray-200);color:var(--color-gray-900)}.sidebar-item.active .sidebar-item-icon{background-color:#fff;color:var(--color-primary)}.sidebar-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sidebar-item-label{font-size:var(--text-base);font-weight:500;color:var(--color-gray-900);line-height:1.4}.sidebar-item-description{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.3}.settings-content{min-height:400px}.coming-soon-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000d}.coming-soon-section h3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--color-gray-900);margin:var(--space-4) 0 var(--space-2) 0}.coming-soon-section p{font-size:var(--text-base);color:var(--color-gray-600);margin:0}@media(max-width:968px){.settings-layout{grid-template-columns:1fr;gap:var(--space-6)}.settings-sidebar{position:static}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:var(--space-2)}.sidebar-item{flex-direction:column;align-items:center;text-align:center;min-width:120px;padding:var(--space-3)}.sidebar-item-content{align-items:center}.sidebar-item-description{display:none}}@media(max-width:768px){.settings-page{padding:var(--space-6) var(--space-4)}.settings-layout{gap:var(--space-5)}}@media(max-width:576px){.settings-page{padding:var(--space-4) var(--space-3)}.settings-sidebar{padding:var(--space-3)}.sidebar-item{min-width:100px;padding:var(--space-2)}.sidebar-item-icon{width:32px;height:32px}.sidebar-item-label{font-size:var(--text-sm)}}.profile-info-section{display:flex;flex-direction:column;gap:var(--space-6)}.profile-avatar-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d}.profile-avatar-card .ant-card-body{padding:var(--space-8)}.avatar-container{display:flex;align-items:center;gap:var(--space-5)}.profile-avatar{flex-shrink:0}.profile-basic-info{flex:1;min-width:0}.profile-name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-2) 0;letter-spacing:-.3px}.profile-role-tag{font-size:var(--text-sm);font-weight:500;padding:2px 10px;border-radius:var(--radius-md)}.profile-details-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d}.profile-details-card .ant-card-head{border-bottom:1px solid var(--color-gray-200)}.profile-details-card .ant-card-head-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900)}.profile-details-card .ant-descriptions-item{padding-bottom:var(--space-4)}.profile-details-card .ant-descriptions-item:last-child{padding-bottom:0}.detail-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-600)}.detail-value{font-size:var(--text-base);color:var(--color-gray-900);font-weight:400}@media(max-width:576px){.avatar-container{flex-direction:column;text-align:center}.profile-name{font-size:var(--text-xl)}.profile-avatar-card .ant-card-body,.profile-details-card .ant-card-body{padding:var(--space-5)}}.security-banner-wrapper{margin-bottom:var(--space-6);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.security-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:var(--radius-xl);box-shadow:0 2px 8px #f59e0b26;position:relative}.banner-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:#fff;display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.banner-content{flex:1;min-width:0}.banner-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:#92400e;margin:0 0 4px;line-height:1.3}.banner-description{font-size:var(--text-sm);color:#78350f;margin:0;line-height:1.5}.banner-action-button{padding:var(--space-2) var(--space-4);background:#fff;border:1px solid #F59E0B;border-radius:var(--radius-md);color:#92400e;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.banner-action-button:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.banner-action-button:active{transform:translateY(0)}.banner-close-button{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:#92400e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.banner-close-button:hover{background:#92400e1a;color:#78350f}.banner-close-button:active{transform:scale(.95)}@media(max-width:768px){.security-banner{flex-wrap:wrap;padding:var(--space-4)}.banner-content{flex-basis:100%;order:2;margin-top:var(--space-3)}.banner-icon{order:1}.banner-close-button{order:3;margin-left:auto}.banner-action-button{order:4;width:100%;margin-top:var(--space-3)}}@media(max-width:576px){.security-banner{padding:var(--space-3)}.banner-icon{width:36px;height:36px}.banner-title{font-size:var(--text-sm)}.banner-description{font-size:var(--text-xs)}.banner-action-button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}:root{--color-primary: #2563EB;--color-primary-light: #3B82F6;--color-primary-dark: #1E40AF;--color-primary-bg: #EFF6FF;--color-secondary: #10B981;--color-secondary-light: #34D399;--color-secondary-dark: #059669;--color-secondary-bg: #ECFDF5;--color-accent: #F59E0B;--color-accent-light: #FBBF24;--color-accent-dark: #D97706;--color-accent-bg: #FFFBEB;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.5px}h2{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.3px}h3{font-size:var(--text-3xl);font-weight:700}h4{font-size:var(--text-2xl);font-weight:600}h5{font-size:var(--text-xl);font-weight:600}h6{font-size:var(--text-lg);font-weight:600}p{margin-bottom:var(--space-4);line-height:1.7}strong,b{font-weight:600}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-gray-light{background-color:var(--color-gray-50)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--space-6)}@media(max-width:768px){:root{--text-5xl: 36px;--text-4xl: 28px;--text-3xl: 24px;--text-2xl: 20px}.container,.container-narrow{padding:0 var(--space-4)}}