@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&display=swap";.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-modal-simple{background:#fff;border-radius:16px;padding:32px;max-width:600px;width:95%;position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dark .upgrade-modal-simple{background:#1f1f23}.upgrade-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.upgrade-modal-close:hover{color:#6b7280}.upgrade-modal-header{text-align:center;margin-bottom:24px}.upgrade-icon{width:64px;height:64px;background:linear-gradient(135deg,#3434ef,#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.upgrade-modal-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#111827}.dark .upgrade-modal-header h2{color:#f9fafb}.upgrade-modal-header p{color:#6b7280;margin:0}.limit-text{color:#ef4444!important;font-weight:600;font-size:18px!important}.plans-grid-simple{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-card-simple{background:#f9fafb;border-radius:12px;padding:20px;border:2px solid transparent;display:flex;flex-direction:column}.dark .plan-card-simple{background:#27272a}.plan-card-simple.pro{border-color:#3434ef}.plan-card-header{margin-bottom:16px}.plan-badge-simple{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;background:#e5e7eb;color:#6b7280;margin-bottom:8px}.plan-badge-simple.popular{background:#3434ef;color:#fff}.plan-card-simple h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#111827}.dark .plan-card-simple h3{color:#f9fafb}.plan-price-simple .price{font-size:32px;font-weight:700;color:#111827}.dark .plan-price-simple .price{color:#f9fafb}.plan-price-simple .period{font-size:14px;color:#6b7280}.plan-features-simple{list-style:none;padding:0;margin:0 0 20px;flex:1}.plan-features-simple li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:#374151}.dark .plan-features-simple li{color:#d1d5db}.plan-features-simple li svg{color:#10b981;flex-shrink:0}.plan-cta-simple{width:100%;padding:12px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;margin-top:auto}.plan-cta-simple:hover{background:#2828c7}@media (max-width: 500px){.plans-grid-simple{grid-template-columns:1fr}}.limit-reached-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .limit-reached-overlay{background:#18181bf2}.limit-reached-content{text-align:center;max-width:480px;padding:48px}.limit-icon{width:96px;height:96px;background:linear-gradient(135deg,#3434ef,#6366f1);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;color:#fff}.limit-reached-content h1{font-size:32px;font-weight:700;margin:0 0 16px;color:#111827}.dark .limit-reached-content h1{color:#f9fafb}.limit-count{font-size:24px;font-weight:600;color:#ef4444;margin:0 0 16px}.limit-description{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.6}.upgrade-btn-large{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:#3434ef;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.upgrade-btn-large:hover{background:#2828c7;transform:translateY(-2px)}.reset-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:14px;color:#9ca3af}.reset-info svg{color:#6b7280}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);background-color:var(--background);overflow-x:hidden}.password-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d0d12;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.password-gate-modal{background:#1f1f23;border:1px solid #27272A;border-radius:16px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:gateSlideIn .3s ease-out}@keyframes gateSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.password-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#3434ef,#5858f5);border-radius:14px;color:#fff;margin-bottom:24px}.password-gate-title{font-size:22px;font-weight:600;color:#f9fafb;margin:0 0 8px}.password-gate-subtitle{font-size:14px;color:#9ca3af;margin:0 0 28px;line-height:1.5}.password-gate-form{display:flex;flex-direction:column;gap:16px}.password-gate-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:13px}.password-gate-input-wrapper{position:relative}.password-gate-input{width:100%;padding:14px 16px;background:#27272a;border:1px solid #3F3F46;border-radius:10px;font-size:15px;color:#f9fafb;text-align:center;letter-spacing:2px;transition:all .15s ease}.password-gate-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef26}.password-gate-input::-moz-placeholder{color:#71717a;letter-spacing:normal}.password-gate-input::placeholder{color:#71717a;letter-spacing:normal}.password-gate-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#3434ef;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.password-gate-button:hover{background:#2828d0;transform:translateY(-1px)}.password-gate-button:active{transform:translateY(0)}.password-gate-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.password-gate-button .spinning{animation:spin 1s linear infinite}.password-gate-loading{color:#9ca3af}.password-gate-loading .spinning{animation:spin 1s linear infinite}.password-gate-input:disabled{opacity:.7;cursor:not-allowed}.password-gate-hint{font-size:12px;color:#6b7280;margin:24px 0 0}.spend-chart-wrapper{display:flex;gap:12px;flex:1;min-height:0}.spend-chart-wrapper.h-64{height:256px}.spend-chart-wrapper.h-48{height:192px}.spend-chart-loading{display:flex;align-items:center;justify-content:center;flex:1}.spend-chart-spinner{width:24px;height:24px;border:2px solid #EBEBEB;border-top-color:#3434ef;border-radius:50%;animation:spend-spin 1s linear infinite}@keyframes spend-spin{to{transform:rotate(360deg)}}.dark .spend-chart-spinner{border-color:#27272a;border-top-color:#6366f1}.spend-chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#9ca3af;font-size:13px}.dark .spend-chart-empty{color:#71717a}.spend-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:50px;padding-right:8px;padding-bottom:28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;text-align:right}.dark .spend-y-axis{color:#71717a}.spend-chart-main{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:28px}.spend-chart-grid{position:absolute;top:0;left:0;right:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.spend-grid-line{width:100%;height:0;border-top:1px dashed #F3F4F6}.dark .spend-grid-line{border-color:#27272a}.spend-chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:4px;position:relative;z-index:2;padding-bottom:28px}.spend-bar-item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;height:100%}.spend-bar-visual{width:100%;max-width:48px;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3434ef,#f7f8ff00);transition:height .6s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.dark .spend-bar-visual{background:linear-gradient(180deg,#5c5cff,#1a1a2e00)}.spend-bar-item:hover .spend-bar-visual{opacity:.85}.spend-bar-label{position:absolute;bottom:-28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;transition:color .2s ease;white-space:nowrap}.dark .spend-bar-label{color:#71717a}.spend-bar-item:hover .spend-bar-label{color:#0d0d12}.dark .spend-bar-item:hover .spend-bar-label{color:#fff}.spend-bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.spend-bar-item:hover .spend-bar-tooltip{opacity:1}.spend-tooltip-content{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;box-shadow:0 10px 25px #00000026;min-width:120px;white-space:nowrap}.dark .spend-tooltip-content{background:#1f1f23;border-color:#3f3f46}.spend-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.dark .spend-tooltip-header{border-color:#3f3f46}.spend-tooltip-date{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.dark .spend-tooltip-date{color:#fff}.spend-tooltip-row{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:11px;color:#6b7280}.dark .spend-tooltip-row{color:#a1a1aa}.spend-tooltip-label{opacity:.7}.spend-tooltip-value{margin-left:8px;font-weight:600;color:#0d0d12}.dark .spend-tooltip-value{color:#fff}.home-page{height:100vh;overflow:hidden;padding:16px;background:#f7f8fa;font-family:DM Sans,sans-serif;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:12px}.home-greeting{grid-column:1 / -1}.greeting-content h1{font-size:24px;font-weight:700;color:#0d0d12;margin:0 0 2px;letter-spacing:-.02em}.greeting-date{font-size:13px;color:#666d80;margin:0;text-transform:capitalize}.home-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:12px;display:flex;flex-direction:column}.card-title{font-size:12px;font-weight:600;color:#0d0d12;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.home-actions{grid-column:1;grid-row:2}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 10px;background:#f9fafb;border:1px solid #EBEBEB;border-radius:10px;text-decoration:none;transition:all .2s ease}.action-btn:hover{background:#fff;border-color:var(--action-color, #3434EF);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-icon{width:36px;height:36px;border-radius:10px;background:var(--action-color, #3434EF);color:#fff;display:flex;align-items:center;justify-content:center}.action-btn span{font-size:12px;font-weight:500;color:#374151}.home-stats{grid-column:2;grid-row:2}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stats-header .card-title{margin:0}.stats-total{font-size:16px;font-weight:700;color:#3434ef}.stats-feedback{margin-top:8px;padding-top:8px;border-top:1px solid #EBEBEB}.feedback-question{font-size:12px;color:#666d80;margin:0 0 8px}.feedback-buttons{display:flex;gap:6px}.feedback-btn{width:36px;height:36px;border:1px solid #EBEBEB;border-radius:8px;background:#f9fafb;font-size:16px;cursor:pointer;transition:all .2s ease}.feedback-btn:hover:not(:disabled){background:#fff;border-color:#d1d5db;transform:scale(1.05)}.feedback-btn.selected{background:#eef2ff;border-color:#3434ef}.feedback-btn:disabled{opacity:.6;cursor:default}.feedback-thanks{font-size:12px;color:#23c16b;margin:8px 0 0}.home-activity{grid-column:1;grid-row:3}.activity-list{display:flex;flex-direction:column;gap:8px;flex:1;max-height:192px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#f9fafb;border-radius:8px}.activity-icon{width:24px;height:24px;border-radius:6px;background:#ebebeb;color:#666d80;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-action{font-size:12px;font-weight:500;color:#0d0d12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:11px;color:#9ca3af}.home-spenders{grid-column:2;grid-row:3}.spenders-list{display:flex;flex-direction:column;gap:8px;flex:1;max-height:256px;overflow-y:auto}.spender-card{background:#fff;border:1px solid #EBEBEB;border-radius:8px;padding:8px;display:flex;flex-direction:row;align-items:center;gap:10px}.spender-thumbnail{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.spender-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.spender-placeholder{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:8px}.spender-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.spender-name{font-size:12px;font-weight:600;color:#0d0d12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spender-metrics{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.spender-metrics .metric{font-size:11px;color:#666d80}.spender-metrics .metric strong{color:#0d0d12;margin-right:4px;font-weight:500}.spenders-loading,.spenders-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#9ca3af;font-size:13px}.dark .home-page{background:#050505}.dark .greeting-content h1{color:#fff}.dark .greeting-date{color:#a1a1aa}.dark .home-card{background:#121215;border-color:#27272a}.dark .card-title{color:#e1e1e3}.dark .action-btn{background:#1a1a1d;border-color:#27272a}.dark .action-btn:hover{background:#1f1f23}.dark .action-btn span{color:#e5e7eb}.dark .stats-total{color:#818cf8}.dark .stats-feedback{border-color:#27272a}.dark .feedback-question{color:#a1a1aa}.dark .feedback-btn{background:#1a1a1d;border-color:#27272a}.dark .feedback-btn:hover:not(:disabled){background:#1f1f23;border-color:#3f3f46}.dark .feedback-btn.selected{background:#3434ef33;border-color:#3434ef}.dark .activity-item{background:#1a1a1d}.dark .activity-icon{background:#27272a;color:#a1a1aa}.dark .activity-action{color:#e5e7eb}.dark .activity-time{color:#71717a}.dark .spender-card{background:#1a1a1d;border-color:#27272a}.dark .spender-placeholder{background:#27272a;color:#52525b}.dark .spender-name{color:#fff}.dark .spender-metrics .metric{color:#a1a1aa}.dark .spender-metrics .metric strong{color:#e5e7eb}.dark .spenders-loading,.dark .spenders-empty{color:#71717a}@media (max-width: 1024px){.home-page{padding:16px;gap:12px}.greeting-content h1{font-size:24px}.spend-value{font-size:28px}.action-btn{padding:16px 12px}.action-icon{width:40px;height:40px}}@media (max-width: 768px){.home-page{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;height:auto;min-height:100vh;overflow:auto}.home-greeting,.home-actions,.home-stats,.home-activity,.home-spenders{grid-column:1}.home-actions{grid-row:2}.home-stats{grid-row:3}.home-activity{grid-row:4}.home-spenders{grid-row:5}.spender-thumbnail{width:50px;height:50px}}.dashboard-page{overflow:hidden;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.dashboard-header-left{display:flex;flex-direction:column;gap:4px}.dashboard-header h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#0d0d12;margin:0}.dashboard-page.dark .dashboard-header h1{color:#e1e1e3}.dashboard-header p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.dashboard-page.dark .dashboard-header p{color:#71717a}.dashboard-content{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.date-selector{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:3px}.dashboard-page.dark .date-selector{background:#121215;border-color:#27272a}.date-btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:#666d80;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-btn.active{background:#f9fafb;border:1px solid #EBEBEB;color:#0d0d12}.dashboard-page.dark .date-btn{color:#a1a1aa}.dashboard-page.dark .date-btn.active{background:#1a1a1d;border-color:#27272a;color:#e1e1e3}.date-btn:not(.active):hover{background:#f9fafb}.dashboard-page.dark .date-btn:not(.active):hover{background:#1a1a1d}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;flex-shrink:0}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05;position:relative}.dashboard-page.dark .kpi-card{background:#121215;border-color:#27272a;box-shadow:none}.kpi-card:hover{border-color:#d4d4d8;box-shadow:0 4px 8px #1b1c1e0a}.dashboard-page.dark .kpi-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi-top-right{display:flex;align-items:center;gap:8px}.icon-container{width:28px;height:28px;border-radius:8px;border:1px solid #EBEBEB;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#3434ef;transition:transform .2s ease}.dashboard-page.dark .icon-container{border-color:#27272a;background:#1a1a1d;color:#6366f1}.kpi-card:hover .icon-container{transform:scale(1.05)}.card-settings-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.kpi-card:hover .card-settings-btn{opacity:1}.card-settings-btn:hover{background:#f9fafb;color:#0d0d12}.dashboard-page.dark .card-settings-btn:hover{background:#1a1a1d;color:#e1e1e3}.card-metric-dropdown{position:absolute;top:45px;right:8px;width:220px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;box-shadow:0 10px 30px #00000026;z-index:100}.dashboard-page.dark .card-metric-dropdown{background:#121215;border-color:#27272a}.card-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #EBEBEB;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.dashboard-page.dark .card-dropdown-header{border-color:#27272a;color:#e1e1e3}.card-metric-list{max-height:280px;overflow-y:auto;padding:6px}.card-metric-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;margin-bottom:2px}.card-metric-item:hover{background:#f9fafb}.dashboard-page.dark .card-metric-item:hover{background:#1a1a1d}.card-metric-item.active{background:#f0f0ff;border-color:#3434ef}.dashboard-page.dark .card-metric-item.active{background:#1a1a2e;border-color:#6366f1}.card-metric-left{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#0d0d12}.dashboard-page.dark .card-metric-left{color:#e1e1e3}.card-metric-left svg{color:#3434ef;flex-shrink:0}.dashboard-page.dark .card-metric-left svg{color:#6366f1}.kpi-badge{font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap}.kpi-badge.positive{background:#e9f9ef;color:#1f9d55}.dashboard-page.dark .kpi-badge.positive{background:#052e16;color:#4ade80}.kpi-badge.negative{background:#fff0f0;color:#e5002b}.dashboard-page.dark .kpi-badge.negative{background:#3f1616;color:#f87171}.kpi-bottom{display:flex;flex-direction:column;gap:6px}.kpi-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80}.dashboard-page.dark .kpi-label{color:#a1a1aa}.kpi-number{font-family:Inter Tight,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em;color:#0d0d12}.dashboard-page.dark .kpi-number{color:#e1e1e3}.kpi-subtitle{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:#9ca3af}.dashboard-page.dark .kpi-subtitle{color:#71717a}.analytics-section{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:20px;box-shadow:0 2px 4px #1b1c1e05;flex:1;min-height:0;display:flex;flex-direction:column}.dashboard-page.dark .analytics-section{background:#121215;border-color:#27272a;box-shadow:none}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0;gap:16px}.analytics-left{display:flex;flex-direction:column;gap:8px}.analytics-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0}.dashboard-page.dark .analytics-title{color:#e1e1e3}.analytics-metric{display:flex;align-items:center;gap:12px}.metric-value{font-family:Inter Tight,sans-serif;font-size:24px;font-weight:600;color:#0d0d12}.dashboard-page.dark .metric-value{color:#e1e1e3}.metric-change{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.metric-change.negative{color:#e5002b}.dashboard-page.dark .metric-change.negative{color:#f87171}.metric-change.positive{color:#1f9d55}.dashboard-page.dark .metric-change.positive{color:#4ade80}.analytics-updated{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:#9ca3af;margin:0}.dashboard-page.dark .analytics-updated{color:#71717a}.metric-toggle{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:4px}.dashboard-page.dark .metric-toggle{background:#121215;border-color:#27272a}.toggle-option{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:#666d80;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dashboard-page.dark .toggle-option{color:#a1a1aa}.toggle-option.active{background:#3434ef;color:#fff}.dashboard-page.dark .toggle-option.active{background:#6366f1;color:#fff}.toggle-option:not(.active):hover{background:#f9fafb}.dashboard-page.dark .toggle-option:not(.active):hover{background:#1a1a1d}.refresh-btn{width:32px;height:32px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#666d80;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .refresh-btn{border-color:#27272a;background:#121215;color:#a1a1aa}.refresh-btn:hover{border-color:#d4d4d8;background:#f9fafb}.dashboard-page.dark .refresh-btn:hover{border-color:#3f3f46;background:#1a1a1d}.chart-container-wrapper{display:flex;gap:12px;flex:1;min-height:0;margin-top:16px}.y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;width:40px;padding-right:12px;padding-bottom:32px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;text-align:right}.dashboard-page.dark .y-axis-labels{color:#71717a}.y-axis-labels-right{display:flex;flex-direction:column;justify-content:space-between;width:40px;padding-left:12px;padding-bottom:32px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#fb7319;text-align:left}.dashboard-page.dark .y-axis-labels-right{color:#fb7319}.chart-main{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:32px}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.grid-line-h{width:100%;height:0;border-top:1px dashed #F3F4F6}.dashboard-page.dark .grid-line-h{border-color:#27272a}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:4px;position:relative;z-index:2;padding-bottom:32px}.bar-item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;height:100%}.bar-visual{width:100%;max-width:48px;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3434ef,#f7f8ff00);transition:height 1s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.dashboard-page.dark .bar-visual{background:linear-gradient(180deg,#5c5cff,#1a1a2e00)}.bar-item:hover .bar-visual{opacity:.85}.bar-label{position:absolute;bottom:-32px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#9ca3af;transition:color .2s ease;white-space:nowrap}.dashboard-page.dark .bar-label{color:#71717a}.bar-item:hover .bar-label{color:#0d0d12}.dashboard-page.dark .bar-item:hover .bar-label{color:#fff}.bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.bar-item:hover .bar-tooltip{opacity:1}.tooltip-aura{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;box-shadow:0 10px 25px #00000026;min-width:140px;white-space:nowrap}.dashboard-page.dark .tooltip-aura{background:#1f1f23;border-color:#3f3f46}.tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.dashboard-page.dark .tooltip-header{border-color:#3f3f46}.tooltip-header-text{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.dashboard-page.dark .tooltip-header-text{color:#fff}.tooltip-icon{color:#9ca3af}.tooltip-rows{display:flex;flex-direction:column;gap:4px}.tooltip-row-item{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:11px;color:#6b7280}.dashboard-page.dark .tooltip-row-item{color:#a1a1aa}.tooltip-label{opacity:.7}.tooltip-value-data{margin-left:8px;font-weight:600;color:#0d0d12}.dashboard-page.dark .tooltip-value-data{color:#fff}.line-chart-overlay{position:absolute;top:0;left:0;right:0;bottom:32px;width:100%;height:calc(100% - 32px);pointer-events:none;z-index:3}.line-chart-area{fill:url(#lineGradient);opacity:1}.line-chart-point{fill:#fb7319;stroke:none;transition:all .2s ease}.dashboard-page.dark .line-chart-point{fill:#fb7319;stroke:none}.bar-item:hover+svg .line-chart-point{r:6}@media (max-width: 1024px){.dashboard-controls{justify-content:center}}@media (max-width: 768px){.kpi-number{font-size:24px}.chart-container-wrapper{overflow-x:auto}.chart-bars{min-width:600px}}.kpi-customization-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.customize-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;color:#666d80;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .customize-btn{background:#121215;border-color:#27272a;color:#a1a1aa}.customize-btn:hover{border-color:#d4d4d8;background:#f9fafb}.dashboard-page.dark .customize-btn:hover{border-color:#3f3f46;background:#1a1a1d}.customize-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.dashboard-page.dark .customize-hint{color:#71717a}.customizer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.customizer-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.dashboard-page.dark .customizer-content{background:#121215;border:1px solid #27272A}.customizer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #EBEBEB}.dashboard-page.dark .customizer-header{border-color:#27272a}.customizer-header h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.dashboard-page.dark .customizer-header h3{color:#e1e1e3}.close-btn{width:28px;height:28px;border-radius:6px;border:none;background:#f9fafb;color:#666d80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .close-btn{background:#1a1a1d;color:#a1a1aa}.close-btn:hover{background:#ebebeb;color:#0d0d12}.dashboard-page.dark .close-btn:hover{background:#27272a;color:#e1e1e3}.customizer-subtitle{padding:0 24px;margin:16px 0;font-family:DM Sans,sans-serif;font-size:14px;color:#666d80}.dashboard-page.dark .customizer-subtitle{color:#a1a1aa}.metrics-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 24px 24px}.metric-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.dashboard-page.dark .metric-option{background:#1a1a1d}.metric-option:hover:not(.disabled){background:#fff;border-color:#ebebeb}.dashboard-page.dark .metric-option:hover:not(.disabled){background:#121215;border-color:#27272a}.metric-option.selected{background:#fff;border-color:#3434ef}.dashboard-page.dark .metric-option.selected{background:#121215;border-color:#6366f1}.metric-option.disabled{opacity:.5;cursor:not-allowed}.metric-option-left{display:flex;align-items:center;gap:12px}.metric-option-icon{width:32px;height:32px;border-radius:8px;border:1px solid #EBEBEB;background:#fff;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.dashboard-page.dark .metric-option-icon{border-color:#27272a;background:#0d0d12;color:#6366f1}.metric-option-text{display:flex;flex-direction:column;gap:2px}.metric-option-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12}.dashboard-page.dark .metric-option-label{color:#e1e1e3}.metric-option-subtitle{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.dashboard-page.dark .metric-option-subtitle{color:#71717a}.check-icon{color:#3434ef;flex-shrink:0}.dashboard-page.dark .check-icon{color:#6366f1}.customizer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #EBEBEB}.dashboard-page.dark .customizer-footer{border-color:#27272a}.selection-count{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80}.dashboard-page.dark .selection-count{color:#a1a1aa}.customizer-actions{display:flex;gap:8px}.cancel-btn,.cancel-btn-sm{padding:8px 16px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;color:#666d80;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .cancel-btn,.dashboard-page.dark .cancel-btn-sm{background:#121215;border-color:#27272a;color:#a1a1aa}.cancel-btn:hover,.cancel-btn-sm:hover{background:#f9fafb;border-color:#d4d4d8}.dashboard-page.dark .cancel-btn:hover,.dashboard-page.dark .cancel-btn-sm:hover{background:#1a1a1d;border-color:#3f3f46}.apply-btn,.apply-btn-sm{padding:8px 16px;border:none;border-radius:8px;background:#3434ef;color:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .apply-btn,.dashboard-page.dark .apply-btn-sm{background:#6366f1}.apply-btn:hover:not(:disabled),.apply-btn-sm:hover:not(:disabled){background:#2828d0}.dashboard-page.dark .apply-btn:hover:not(:disabled),.dashboard-page.dark .apply-btn-sm:hover:not(:disabled){background:#7c3aed}.apply-btn:disabled,.apply-btn-sm:disabled{opacity:.5;cursor:not-allowed}.analytics-actions{display:flex;align-items:center;gap:8px}.chart-customize-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;color:#666d80;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-page.dark .chart-customize-btn{border-color:#27272a;background:#121215;color:#a1a1aa}.chart-customize-btn:hover{border-color:#d4d4d8;background:#f9fafb}.dashboard-page.dark .chart-customize-btn:hover{border-color:#3f3f46;background:#1a1a1d}.chart-customizer-dropdown{position:absolute;top:60px;right:0;width:280px;background:#fff;border:1px solid #EBEBEB;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:100}.dashboard-page.dark .chart-customizer-dropdown{background:#121215;border-color:#27272a}.customizer-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #EBEBEB}.dashboard-page.dark .customizer-dropdown-header{border-color:#27272a}.customizer-dropdown-header h4{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#0d0d12;margin:0}.dashboard-page.dark .customizer-dropdown-header h4{color:#e1e1e3}.customizer-dropdown-subtitle{padding:12px 16px 8px;margin:0;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.dashboard-page.dark .customizer-dropdown-subtitle{color:#71717a}.chart-metrics-list{display:flex;flex-direction:column;gap:4px;padding:0 12px 12px;max-height:320px;overflow-y:auto}.chart-metric-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f9fafb;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.dashboard-page.dark .chart-metric-option{background:#1a1a1d}.chart-metric-option:hover:not(.disabled){background:#fff;border-color:#ebebeb}.dashboard-page.dark .chart-metric-option:hover:not(.disabled){background:#121215;border-color:#27272a}.chart-metric-option.selected{background:#fff;border-color:#3434ef}.dashboard-page.dark .chart-metric-option.selected{background:#121215;border-color:#6366f1}.chart-metric-option.disabled{opacity:.5;cursor:not-allowed}.chart-metric-left{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#0d0d12}.dashboard-page.dark .chart-metric-left{color:#e1e1e3}.chart-metric-left svg{color:#3434ef;flex-shrink:0}.dashboard-page.dark .chart-metric-left svg{color:#6366f1}.customizer-dropdown-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #EBEBEB}.dashboard-page.dark .customizer-dropdown-footer{border-color:#27272a}.cancel-btn-sm,.apply-btn-sm{padding:6px 12px;font-size:12px}.dark .kpi-card{background:#121215;border:1px solid #27272A;box-shadow:none}.dark .kpi-card:hover{border-color:#3f3f46;box-shadow:none}.dark .kpi-label{color:#a1a1aa}.dark .kpi-value{color:#fff;letter-spacing:-.02em}.dark .kpi-subtitle{color:#71717a}.dark .icon-container{background:transparent;border:1px solid #27272A}.dark .icon-container svg{color:#818cf8}.dark .kpi-badge.positive{background:#23c16b1a;color:#4ade80;border:1px solid rgba(35,193,107,.3)}.dark .kpi-badge.negative{background:#e5002b1a;color:#f87171;border:1px solid rgba(229,0,43,.3)}.dark .date-selector{background:transparent}.dark .date-btn{background:#121215;border:1px solid #27272A;color:#d4d4d8}.dark .date-btn:hover{background:#27272a;border-color:#3f3f46}.dark .date-btn.active{background:#121215;border-color:#3f3f46;color:#fff}.dark .analytics-card{background:#121215;border:1px solid #27272A;box-shadow:none}.dark .analytics-card:hover{border-color:#3f3f46}.dark .analytics-header-title{color:#fff}.dark .analytics-header-subtitle{color:#71717a}.dark .chart-customizer-btn{background:transparent;border:1px solid #27272A;color:#a1a1aa}.dark .chart-customizer-btn:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.dark .metric-toggle-btn{background:transparent;border:1px solid #27272A;color:#a1a1aa}.dark .metric-toggle-btn:hover{background:#1c1c1f;border-color:#3f3f46}.dark .chart-grid-line{stroke:#27272a}.dark .chart-axis-label,.dark .chart-month-label{fill:#71717a}.dark #barGradient stop:first-child{stop-color:#5c5cff}.dark #barGradient stop:last-child{stop-color:#1a1a2e;stop-opacity:.3}.dark .chart-tooltip{background:#fff;border:1px solid #E5E5E5;box-shadow:0 10px 40px #0000004d}.dark .tooltip-title{color:#000}.dark .tooltip-label{color:#52525b}.dark .tooltip-value-primary,.dark .tooltip-value-data{color:#000}.dark .dropdown-menu{background:#121215;border:1px solid #27272A;box-shadow:0 4px 20px #0000004d}.dark .dropdown-item{color:#d4d4d8}.dark .dropdown-item:hover,.dark .dropdown-item.selected{background:#1c1c1f;color:#fff}.dark .dropdown-divider{background:#27272a}.dark .customizer-overlay{background:#000000b3}.dark .customizer-modal{background:#121215;border:1px solid #27272A}.dark .customizer-header h3{color:#fff}.dark .customizer-close{color:#a1a1aa}.dark .customizer-close:hover{background:#1c1c1f;color:#fff}.dark .customizer-section-title{color:#d4d4d8}.dark .customizer-section-subtitle{color:#71717a}.dark .metric-option{background:transparent;border:1px solid #27272A;color:#d4d4d8}.dark .metric-option:hover{border-color:#3f3f46;background:#1c1c1f}.dark .metric-option.selected{background:#1c1c1f;border-color:#818cf8}.dark .metric-option .metric-label{color:#fff}.dark .metric-option .metric-subtitle{color:#71717a}.dark .customizer-btn-secondary{background:transparent;border:1px solid #27272A;color:#d4d4d8}.dark .customizer-btn-secondary:hover{background:#1c1c1f;border-color:#3f3f46}.dark .customizer-btn-primary{background:#818cf8;color:#fff;border:none}.dark .customizer-btn-primary:hover{background:#6366f1}.dark .swap-toggle{background:transparent;border:1px solid #27272A;color:#a1a1aa}.dark .swap-toggle:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.dark .legend-item-label{color:#a1a1aa}.dark .refresh-btn{background:transparent;border:1px solid #27272A;color:#a1a1aa}.dark .refresh-btn:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.insights-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626}.dashboard-page.dark .insights-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}.insights-error button{padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.insights-error button:hover{background:#b91c1c}.kpi-card.placeholder{opacity:.7}.kpi-badge.placeholder-badge{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB}.dashboard-page.dark .kpi-badge.placeholder-badge{background:#71717a33;color:#a1a1aa;border-color:#3f3f46}.metric-placeholder-tag{font-size:10px;padding:2px 6px;background:#f3f4f6;color:#9ca3af;border-radius:4px;margin-left:6px}.dashboard-page.dark .metric-placeholder-tag{background:#27272a;color:#71717a}.no-data-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-data-message p{font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;margin:0}.dashboard-page.dark .no-data-message p{color:#71717a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.chart-bars-30{gap:4px}.chart-bars-30 .bar-item{min-width:12px}.chart-bars-30 .bar-visual{width:12px;border-radius:4px 4px 0 0}.bar-label-30{font-size:9px!important;white-space:nowrap}@media (max-width: 1200px){.chart-bars-30{gap:2px}.chart-bars-30 .bar-item{min-width:8px}.chart-bars-30 .bar-visual{width:8px}.bar-label-30{font-size:8px!important}}.upload-page{flex:1;padding:24px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.upload-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;min-height:calc(100vh - 48px)}.upload-layout{display:flex;min-height:calc(100vh - 50px);gap:0}.upload-sidebar{width:260px;min-width:260px;background:#fff;border-right:1px solid #E5E7EB;padding:24px 20px;display:flex;flex-direction:column}.step-indicator{display:flex;flex-direction:column;gap:16px}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.step-header-left{display:flex;align-items:center;gap:10px}.progress-circle{flex-shrink:0}.progress-arc{transition:stroke-dasharray .3s ease}.step-header-title{font-size:13px;font-weight:600;color:#111827;letter-spacing:-.01em}.step-header-counter{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:12px}.steps-list{display:flex;flex-direction:column;gap:0}.step-item{display:flex;align-items:center;gap:10px;padding:8px 0;transition:all .2s ease}.step-circle{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.step-circle.completed{background:#10b981;border:none;color:#fff}.step-circle.active{background:#3434ef;border:none}.step-circle.incomplete{background:transparent;border:2px dashed #D1D5DB}.step-label{font-size:13px;font-weight:500;color:#9ca3af;transition:color .2s ease}.step-item.active .step-label{color:#111827;font-weight:600}.step-item.completed .step-label{color:#10b981}.step-item.clickable{cursor:pointer}.step-item.clickable:hover{background:#3434ef0d;border-radius:6px;margin:0 -8px;padding:8px}.step-item.clickable:hover .step-label{color:#3434ef}.step-item.clickable.completed:hover .step-label{color:#059669}.tutorial-card{position:relative;border-radius:16px;padding:20px 16px;color:#fff;margin:12px 0 8px 22px;overflow:hidden}.tutorial-card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(245,168,130,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(200,75,49,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(74,144,217,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(135,206,235,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(26,26,78,.98) 0%,transparent 70%),linear-gradient(145deg,#f5a882,#c84b31 15%,#1a1a4e 40%,#2d3a8c 60%,#4a90d9 85%,#87ceeb);z-index:0}.tutorial-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.tutorial-pills{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.tutorial-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:11px;font-weight:500;padding:10px 16px;border-radius:8px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tutorial-description{font-size:11px;line-height:1.5;text-align:center;margin:0;padding:0 4px;color:#ffffffd9}.tutorial-card.gradient-purple .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(192,132,252,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(99,102,241,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(167,139,250,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(49,46,129,.98) 0%,transparent 70%),linear-gradient(145deg,#c084fc,#8b5cf6 15%,#312e81 40%,#4338ca 60%,#6366f1 85%,#a78bfa)}.tutorial-card.gradient-teal .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(94,234,212,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(20,184,166,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(6,182,212,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(103,232,249,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(17,94,89,.98) 0%,transparent 70%),linear-gradient(145deg,#5eead4,#14b8a6 15%,#115e59 40%,#0d9488 60%,#06b6d4 85%,#67e8f9)}.tutorial-card.gradient-orange .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(253,186,116,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(251,146,60,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(234,88,12,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(254,215,170,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(124,45,18,.98) 0%,transparent 70%),linear-gradient(145deg,#fdba74,#fb923c 15%,#7c2d12 40%,#ea580c 60%,#f97316 85%,#fed7aa)}.tutorial-card.gradient-green .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(134,239,172,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(34,197,94,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(21,128,61,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(187,247,208,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(20,83,45,.98) 0%,transparent 70%),linear-gradient(145deg,#86efac,#22c55e 15%,#14532d 40%,#15803d 60%,#16a34a 85%,#bbf7d0)}.upload-main{flex:1;padding:24px 32px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:#fff}.upload-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.upload-header-left{display:flex;flex-direction:column;gap:4px}.upload-title{font-size:24px;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.upload-subtitle{font-size:14px;color:#6b7280;margin:0}.upload-header-actions{display:flex;align-items:center;gap:10px}.btn-previous,.btn-continue{display:flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-previous{background:#fff;border:1px solid #DFE1E7;border-radius:10px;padding:11px 16px;gap:8px;color:#0d0d12;box-shadow:0 1px 2px #0d0d120f}.btn-previous:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-previous:disabled{opacity:.5;cursor:not-allowed}.btn-continue{background:#3434ef;border:1px solid #2A9CFF;color:#fff;padding:11px 16px;gap:4px;border-radius:10px;position:relative;overflow:hidden}.btn-continue:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff1a,#fff0);pointer-events:none}.btn-continue:hover:not(:disabled){background:#2828d6}.btn-continue:disabled{background:#7a7ae8;border-color:#9090f0;cursor:not-allowed;opacity:.7}.upload-sources-wrapper{display:flex;flex-direction:column;gap:20px;flex:1}.upload-sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.upload-source-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#fff;border:2px dashed #E5E7EB;border-radius:16px;cursor:default;transition:all .2s ease;position:relative}.upload-source-card:hover{border-color:#3434ef;background:#f8f9ff;box-shadow:0 4px 12px #3434ef14}.upload-source-card.local.dragging{border-color:#3434ef;background:#eef2ff;border-style:solid}.upload-source-card.connected{border-color:#10b981;background:#f0fdf4}.upload-source-card.connected:hover{border-color:#10b981;background:#ecfdf5}.source-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;transition:all .2s ease}.upload-source-card:hover .source-icon{transform:scale(1.05)}.source-icon.local{background:#eff6ff;color:#3434ef}.source-icon.frameio{background:#6c2bd9;color:#fff}.source-icon.gdrive{background:#f8f9fa;color:#4285f4}.source-icon.dropbox{background:#ebf5ff;color:#0061ff}.source-name{font-size:13px;font-weight:600;color:#111827;text-align:center}.source-hint{font-size:11px;color:#9ca3af;text-align:center}.source-action-btn{background:#3434ef;border:none;color:#fff;padding:10px 16px;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:4px;white-space:nowrap}.source-action-btn:hover{background:#2828d6}.upload-source-card.connected .source-action-btn{background:#6b7280}.upload-source-card.connected .source-action-btn:hover{background:#4b5563}.connected-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px}.drop-zone-wrapper{display:flex;flex-direction:column;gap:20px;flex:1}.drop-zone{flex:1;min-height:350px;background:#fafafa;border:2px dashed #E5E7EB;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.drop-zone:hover{border-color:#3b82f6;background:#f8fafc}.drop-zone.dragging{border-color:#3b82f6;background:#eff6ff;border-style:solid}.drop-zone-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px}.upload-icon{width:64px;height:64px;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.upload-icon svg{width:32px;height:32px}.drop-zone-content h3{font-size:18px;font-weight:600;color:#111827;margin:0}.supported-formats{font-size:13px;color:#6b7280;margin:0}.upload-btn{background:#3434ef;border:none;color:#fff;padding:10px 20px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:4px;display:inline-flex;align-items:center;gap:4px}.upload-btn:hover{background:#2828d6}.integration-zone{cursor:default}.integration-zone:hover{border-color:#e5e7eb;background:#fafafa}.integration-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px}.integration-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.integration-icon.frameio{background:#6b21a8}.integration-icon.gdrive{background:linear-gradient(135deg,#4285f4,#34a853)}.integration-content h3{font-size:18px;font-weight:600;color:#111827;margin:0}.integration-description{font-size:13px;color:#6b7280;margin:0;max-width:280px}.connect-btn{background:#3434ef;border:none;color:#fff;padding:10px 20px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.connect-btn:hover{background:#2828d6}.connect-btn.gdrive{background:#4285f4}.connect-btn.gdrive:hover{background:#3367d6}.uploaded-files{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.files-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.files-count{font-size:13px;font-weight:600;color:#111827}.clear-all-btn{font-size:12px;font-weight:500;color:#ef4444;background:none;border:none;cursor:pointer;transition:opacity .2s}.clear-all-btn:hover{opacity:.8}.files-list{max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #F3F4F6;transition:background .15s}.file-item:last-child{border-bottom:none}.file-item:hover{background:#f9fafb}.file-icon{width:36px;height:36px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.file-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#6b7280}.remove-file-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;opacity:0;transition:all .15s}.file-item:hover .remove-file-btn{opacity:1}.remove-file-btn:hover{background:#fecaca}.files-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px;max-height:450px;overflow-y:auto}.file-thumbnail-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;transition:all .2s ease;border:1px solid #E5E7EB}.file-thumbnail-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#d1d5db}.file-thumbnail-card.is-video{cursor:pointer}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#9ca3af}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.file-thumbnail-card:hover .video-indicator{background:#3434efe6;transform:translate(-50%,-50%) scale(1.1)}.file-thumbnail-card .remove-file-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center;z-index:10}.file-thumbnail-card:hover .remove-file-btn{opacity:1}.file-thumbnail-card .remove-file-btn:hover{background:#ef4444}.thumbnail-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:#fafafa}.thumbnail-info .file-name{font-size:12px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.thumbnail-info .file-size{font-size:10px;color:#6b7280}.dimension-label{font-size:10px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px}.video-modal{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080}.video-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.video-modal-close:hover{background:#fff3}.video-modal video{display:block;max-width:100%;max-height:80vh}.video-modal-info{padding:16px 20px;background:#111;display:flex;align-items:center;justify-content:space-between;gap:16px}.video-modal-info .file-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-modal-info .file-meta{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:13px}.video-modal-info .dimension-label{background:#3434ef33}.upload-page.dark{background:#050505}.upload-page.dark .upload-card,.upload-page.dark .upload-sidebar{background:#0d0d12;border-color:#27272a}.upload-page.dark .step-header-title{color:#fff}.upload-page.dark .step-header-counter{background:#27272a;color:#a1a1aa}.upload-page.dark .step-circle.incomplete{border-color:#52525b}.upload-page.dark .progress-circle circle:first-child{stroke:#3f3f46}.upload-page.dark .step-label{color:#71717a}.upload-page.dark .step-item.active .step-label{color:#fff}.upload-page.dark .step-item.clickable:hover{background:#6366f11a}.upload-page.dark .step-item.clickable:hover .step-label{color:#818cf8}.upload-page.dark .step-item.clickable.completed:hover .step-label{color:#34d399}.upload-page.dark .upload-main{background:#0d0d12}.upload-page.dark .upload-title{color:#fff}.upload-page.dark .upload-subtitle{color:#a1a1aa}.upload-page.dark .btn-previous{background:#18181b;border-color:#27272a;color:#e5e7eb}.upload-page.dark .btn-previous:hover:not(:disabled){background:#27272a;border-color:#3f3f46}.upload-page.dark .upload-source-card{background:#18181b;border-color:#27272a}.upload-page.dark .upload-source-card:hover{border-color:#3434ef;background:#3434ef0d}.upload-page.dark .upload-source-card.local.dragging{background:#3434ef1a}.upload-page.dark .upload-source-card.connected{border-color:#10b981;background:#10b9811a}.upload-page.dark .upload-source-card.connected:hover{background:#10b98126}.upload-page.dark .source-icon{background:#27272a}.upload-page.dark .source-icon.local{background:#3434ef26;color:#818cf8}.upload-page.dark .source-icon.gdrive{background:#27272a}.upload-page.dark .source-icon.dropbox{background:#0061ff26}.upload-page.dark .source-action-btn{background:#3434ef}.upload-page.dark .source-action-btn:hover{background:#2828d6}.upload-page.dark .source-name{color:#fff}.upload-page.dark .source-hint{color:#71717a}.upload-page.dark .btn-continue{background:#3434ef;border-color:#2a9cff}.upload-page.dark .btn-continue:hover:not(:disabled){background:#2828d6}.upload-page.dark .btn-continue:disabled{background:#4a4ab8;opacity:.6}.upload-page.dark .drop-zone{background:#18181b;border-color:#27272a}.upload-page.dark .drop-zone:hover{border-color:#3b82f6;background:#3b82f60d}.upload-page.dark .drop-zone.dragging{background:#3b82f61a}.upload-page.dark .upload-icon{background:#27272a;color:#71717a}.upload-page.dark .drop-zone-content h3{color:#fff}.upload-page.dark .supported-formats{color:#71717a}.upload-page.dark .integration-zone:hover{border-color:#27272a;background:#18181b}.upload-page.dark .integration-content h3{color:#fff}.upload-page.dark .integration-description{color:#a1a1aa}.upload-page.dark .uploaded-files{background:#18181b;border-color:#27272a}.upload-page.dark .files-header{background:#1f1f23;border-color:#27272a}.upload-page.dark .files-count{color:#fff}.upload-page.dark .file-item{border-color:#27272a}.upload-page.dark .file-item:hover{background:#1f1f23}.upload-page.dark .file-icon{background:#6366f126}.upload-page.dark .file-name{color:#fff}.upload-page.dark .file-size{color:#71717a}.upload-page.dark .remove-file-btn{background:#ef444426}.upload-page.dark .remove-file-btn:hover{background:#ef444440}.upload-page.dark .file-thumbnail-card{background:#1f1f23}.upload-page.dark .file-thumbnail-card:hover,.upload-page.dark .thumbnail-preview{background:#27272a}.upload-page.dark .thumbnail-placeholder{background:linear-gradient(135deg,#27272a,#3f3f46);color:#71717a}.upload-page.dark .thumbnail-info .file-name{color:#fff}.upload-page.dark .thumbnail-info .file-size{color:#71717a}.upload-page.dark .thumbnail-info{background:#18181b}.upload-page.dark .file-thumbnail-card{border-color:#27272a}.upload-page.dark .file-thumbnail-card:hover{border-color:#3f3f46}.upload-page.dark .dimension-label{color:#818cf8;background:#818cf826}@media (max-width: 1024px){.upload-page{padding:16px}.upload-card{min-height:calc(100vh - 32px)}.upload-layout{flex-direction:column;min-height:auto}.upload-sidebar{width:100%;min-width:auto;border-right:none;border-bottom:1px solid #E5E7EB;padding:20px}.upload-page.dark .upload-sidebar{border-bottom-color:#27272a}.steps-list{flex-direction:row;flex-wrap:wrap;gap:8px}.step-item{padding:6px 0}.tutorial-card{margin:12px 0 0}.upload-main{padding:20px}}@media (max-width: 900px){.upload-sources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.upload-header{flex-direction:column;gap:16px}.upload-header-actions{width:100%;justify-content:space-between}.drop-zone{min-height:280px}.upload-sources-grid{grid-template-columns:repeat(2,1fr)}.upload-source-card{min-height:80px;padding:16px 12px}}.nomenclature-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.nomenclature-bar-left{display:flex;align-items:center;gap:12px}.nomenclature-selector{position:relative;min-width:220px}.nomenclature-select{width:100%;padding:10px 36px 10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease}.nomenclature-select:hover{border-color:#d1d5db}.nomenclature-select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.nomenclature-selector .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.btn-create-nomenclature{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #3434EF;border-radius:10px;font-size:13px;font-weight:600;color:#3434ef;cursor:pointer;transition:all .15s ease}.btn-create-nomenclature:hover{background:#3434ef;color:#fff}.nomenclature-bar-right{display:flex;align-items:center}.matching-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.matching-badge.good{background:#22c55e1a;color:#22c55e}.matching-badge.medium{background:#f59e0b1a;color:#f59e0b}.matching-badge.low{background:#ef44441a;color:#ef4444}.matching-value{font-weight:700}.matching-label{font-weight:500}.file-structure{flex:1;display:flex;flex-direction:column;gap:16px}.file-grid-header{display:flex;align-items:center;justify-content:space-between}.file-grid-header h3{font-size:15px;font-weight:600;color:#111827;margin:0}.file-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:10px}.file-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.no-nomenclature-hint{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f9fafb;border:1px dashed #E5E7EB;border-radius:12px;text-align:center}.no-nomenclature-hint p{font-size:13px;color:#6b7280;margin:0}.btn-primary-sm{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#3434ef;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary-sm:hover{background:#2828d6}.concepts-list{display:flex;flex-direction:column;gap:12px}.concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.concept-group.expanded{border-color:#d1d5db}.concept-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .15s ease}.concept-header:hover{background:#f9fafb}.concept-header-left{display:flex;align-items:center;gap:8px}.expand-chevron{display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.concept-group.expanded .expand-chevron{color:#3434ef}.concept-name{font-size:14px;font-weight:600;color:#111827}.concept-meta-inline{font-size:13px;color:#6b7280}.concept-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:16px;font-size:11px;font-weight:600}.concept-badge.matched{background:#22c55e1a;color:#22c55e}.concept-badge.unmatched{background:#f59e0b1a;color:#f59e0b}.concept-content{padding:0 16px 16px}.iteration-section{margin-top:12px}.iteration-section:first-child{margin-top:0}.iteration-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:10px}.iteration-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.iteration-name{font-size:13px;font-weight:600;color:#374151}.iteration-files{display:flex;flex-wrap:wrap;gap:10px}.iteration-files .format-thumbnail-card{width:110px;flex-shrink:0}.iteration-files .thumbnail-preview{height:90px;aspect-ratio:auto}.iteration-files .thumbnail-info{padding:6px 8px}.iteration-files .thumbnail-filename{font-size:10px;margin-bottom:2px}.iteration-files .video-play-overlay{width:24px;height:24px}.iteration-files .video-play-overlay svg{width:10px;height:10px}.format-thumbnail-card{background:#fff;border:2px solid #E5E7EB;border-radius:10px;overflow:hidden;transition:all .2s ease}.format-thumbnail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.format-thumbnail-card.unmatched{border-color:#f59e0b}.thumbnail-preview{position:relative;width:100%;aspect-ratio:1 / 1;background:#f5f5f5;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-preview img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.thumbnail-info{padding:8px 10px;background:#fafafa}.thumbnail-filename{display:block;font-size:11px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.thumbnail-meta{display:flex;align-items:center;justify-content:space-between}.format-badge{font-size:10px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px}.status-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon.matched{background:#e5e7eb;color:#6b7280}.status-icon.unmatched{background:#f59e0b;color:#fff}.unmatched-section{margin-top:16px;padding:16px;background:#fffbeb;border:1px solid #FDE68A;border-radius:12px}.unmatched-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.unmatched-header h3{font-size:14px;font-weight:600;color:#92400e;margin:0}.unmatched-count{font-size:12px;color:#b45309;background:#f59e0b33;padding:3px 8px;border-radius:10px}.unmatched-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ai-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.ai-popup{width:100%;max-width:700px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.ai-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.ai-popup-header-left{display:flex;align-items:center;gap:12px}.ai-icon{width:40px;height:40px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef}.ai-popup-title h2{font-size:16px;font-weight:600;color:#111827;margin:0}.ai-popup-title span{font-size:13px;color:#6b7280}.ai-popup-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.ai-popup-close:hover{background:#f3f4f6;color:#374151}.ai-popup-chat{flex:1;padding:20px;background:#f9fafb;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ai-message-bubble{display:flex;align-items:flex-start;gap:10px}.ai-message-icon{width:28px;height:28px;background:#fff;border:1px solid #E5E7EB;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.ai-message-content{flex:1;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap}.ai-message-content.typing{display:flex;align-items:center;gap:4px;padding:16px}.user-message-bubble{margin-left:auto;max-width:80%;background:#3434ef;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:#fff}.ai-message-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.ai-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-action-btn.primary{background:#3434ef;border:none;color:#fff}.ai-action-btn.primary:hover{background:#2828d6}.ai-action-btn.primary:disabled{background:#a5b4fc;cursor:not-allowed}.ai-action-btn.secondary{background:#fff;border:1px solid #3434EF;color:#3434ef}.ai-action-btn.secondary:hover{background:#eef2ff}.pattern-preview{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;margin-left:38px}.pattern-files,.pattern-detected,.pattern-format{margin-bottom:12px}.pattern-files:last-child,.pattern-detected:last-child,.pattern-format:last-child{margin-bottom:0}.pattern-label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.pattern-preview code{display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin-bottom:4px}.pattern-detected p{font-size:13px;color:#374151;margin:4px 0}.pattern-detected strong{color:#3434ef}.pattern-code{font-size:14px!important;font-weight:600;color:#3434ef!important;background:#eef2ff!important}.files-preview{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;margin-left:38px}.files-preview code{display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin-bottom:4px}.files-preview code:last-child{margin-bottom:0}.save-prompt{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;margin-left:38px}.save-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;margin-bottom:12px}.save-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.save-input::-moz-placeholder{color:#9ca3af}.save-input::placeholder{color:#9ca3af}.save-actions{display:flex;gap:8px}.pattern-success-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:12px;margin-left:38px}.pattern-success-banner .success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff;flex-shrink:0}.pattern-success-banner .success-content h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 4px}.pattern-success-banner .success-content p{font-size:13px;color:#15803d;margin:0}.pattern-success-banner .success-percentage{font-weight:700;color:#166534}.save-nomenclature-form{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-left:38px}.save-form-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #E5E7EB}.save-form-header>svg{color:#3434ef;flex-shrink:0;margin-top:2px}.save-form-title span{display:block;font-size:15px;font-weight:600;color:#111827}.save-form-title p{font-size:13px;color:#6b7280;margin:2px 0 0}.save-form-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.save-field{display:flex;flex-direction:column;gap:6px}.save-field label{font-size:13px;font-weight:500;color:#374151}.save-field .required{color:#ef4444}.save-field .optional{color:#9ca3af;font-weight:400}.save-form-info{margin-bottom:16px;padding:10px 12px;background:#f9fafb;border-radius:8px}.save-form-info p{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.save-actions{display:flex;gap:10px}.btn-save-apply{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-save-apply:hover:not(:disabled){background:#2828d6}.btn-save-apply:disabled{background:#a5b4fc;cursor:not-allowed}.btn-apply-only{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-apply-only:hover{background:#f9fafb;border-color:#d1d5db}.ai-message-bubble.error{background:#fef2f2;border:1px solid #FECACA}.ai-message-icon.error{background:#dc2626}.ai-message-content.error{color:#dc2626}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.7)}40%{transform:scale(1)}}.ai-files-list{padding:12px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;flex-wrap:wrap;gap:8px}.ai-file-item code{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#374151;background:#fff;border:1px solid #E5E7EB;padding:4px 8px;border-radius:6px}.ai-files-more{font-size:12px;color:#6b7280;padding:4px 8px}.ai-conversation{flex:1;padding:20px;background:#f9fafb;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:350px}.ai-msg{display:flex;gap:10px;align-items:flex-start}.ai-msg.user{justify-content:flex-end}.ai-msg-icon{width:32px;height:32px;background:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.ai-msg.error .ai-msg-icon{background:#fee2e2;color:#dc2626}.ai-msg-content{max-width:80%;background:#fff;border:1px solid #E5E7EB;border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:14px;line-height:1.5;color:#374151}.ai-msg.error .ai-msg-content{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ai-msg.user .ai-msg-content{background:#3434ef;border-color:#3434ef;color:#fff;border-radius:16px 16px 4px}.ai-msg-content p{margin:0}.ai-parsed-preview{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.ai-parsed-preview h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.ai-parsed-file{font-family:SF Mono,Consolas,monospace;font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.ai-parsed-file .filename{color:#374151;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #E5E7EB}.ai-parsed-file .arrow{color:#9ca3af}.ai-parsed-file .parsed{color:#6b7280}.ai-parsed-file .parsed strong{color:#3434ef}.ai-parsed-more{font-size:12px;color:#9ca3af;margin-top:4px}.ai-typing{display:flex;gap:4px;padding:4px 0}.ai-typing span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:aiTyping 1.4s infinite ease-in-out both}.ai-typing span:nth-child(1){animation-delay:-.32s}.ai-typing span:nth-child(2){animation-delay:-.16s}@keyframes aiTyping{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-input-area{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #E5E7EB;background:#fff}.ai-input-area input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#111827}.ai-input-area input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-input-area input::-moz-placeholder{color:#9ca3af}.ai-input-area input::placeholder{color:#9ca3af}.ai-input-area input:disabled{background:#e5e7eb;cursor:not-allowed}.ai-match-summary{display:flex;align-items:center;gap:10px;font-size:14px;color:#166534}.ai-match-summary .success-icon{color:#22c55e}.ai-popup-actions{padding:16px 24px;border-top:1px solid #E5E7EB;background:#ecfdf5;display:flex;flex-direction:column;gap:12px}.ai-action-buttons{display:flex;gap:12px}.ai-apply-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 24px;background:#22c55e;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.ai-apply-btn:hover{background:#16a34a}.ai-save-config-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#fff;border:1px solid #3434EF;border-radius:10px;font-size:14px;font-weight:600;color:#3434ef;cursor:pointer;transition:all .15s ease}.ai-save-config-btn:hover{background:#3434ef1a}.ai-saved-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#dcfce7;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#16a34a;cursor:not-allowed}.save-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.save-modal{background:#fff;padding:24px;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000026}.save-modal h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.save-modal>p{font-size:14px;color:#6b7280;margin:0 0 20px}.save-modal input{width:100%;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;margin-bottom:20px}.save-modal input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.save-modal input::-moz-placeholder{color:#9ca3af}.save-modal input::placeholder{color:#9ca3af}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.modal-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.modal-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.modal-save-btn:hover:not(:disabled){background:#2828d6}.modal-save-btn:disabled{background:#a5b4fc;cursor:not-allowed}.modal-save-btn .spinning{animation:spin 1s linear infinite}.ai-popup-input{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #E5E7EB;background:#fff}.ai-popup-input input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#111827}.ai-popup-input input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-popup-input input::-moz-placeholder{color:#9ca3af}.ai-popup-input input::placeholder{color:#9ca3af}.ai-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#3434ef;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .15s ease}.ai-send-btn:hover:not(:disabled){background:#2828d6}.ai-send-btn:disabled{background:#a5b4fc;cursor:not-allowed}.validate-page.dark .nomenclature-bar{background:#18181b;border-color:#27272a}.validate-page.dark .nomenclature-select{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.validate-page.dark .btn-create-nomenclature{background:#18181b;border-color:#3434ef}.validate-page.dark .btn-create-nomenclature:hover{background:#3434ef}.validate-page.dark .concept-group{background:#18181b;border-color:#27272a}.validate-page.dark .concept-header:hover{background:#1f1f23}.validate-page.dark .concept-name{color:#fff}.validate-page.dark .concept-meta-inline{color:#71717a}.validate-page.dark .expand-chevron{color:#a1a1aa}.validate-page.dark .concept-group.expanded .expand-chevron{color:#818cf8}.validate-page.dark .iteration-header{background:#27272a}.validate-page.dark .iteration-name{color:#e5e7eb}.validate-page.dark .format-thumbnail-card{background:#1f1f23;border-color:#27272a}.validate-page.dark .thumbnail-preview{background:#27272a}.validate-page.dark .thumbnail-info{background:#18181b}.validate-page.dark .thumbnail-filename{color:#e5e7eb}.validate-page.dark .format-badge{background:#818cf826;color:#818cf8}.validate-page.dark .no-nomenclature-hint{background:#18181b;border-color:#27272a}.validate-page.dark .no-nomenclature-hint p{color:#a1a1aa}.validate-page.dark .ai-popup{background:#18181b}.validate-page.dark .ai-popup-header{border-color:#27272a}.validate-page.dark .ai-popup-title h2{color:#fff}.validate-page.dark .ai-popup-title span{color:#71717a}.validate-page.dark .ai-icon,.validate-page.dark .ai-popup-close:hover{background:#27272a}.validate-page.dark .ai-popup-chat{background:#0d0d12}.validate-page.dark .ai-message-icon{background:#27272a;border-color:#3f3f46}.validate-page.dark .ai-message-content{background:#18181b;border-color:#27272a;color:#e5e7eb}.validate-page.dark .pattern-preview{background:#18181b;border-color:#27272a}.validate-page.dark .pattern-preview code{background:#27272a;color:#e5e7eb}.validate-page.dark .pattern-detected p{color:#e5e7eb}.validate-page.dark .files-preview{background:#18181b;border-color:#27272a}.validate-page.dark .files-preview code{background:#27272a;color:#e5e7eb}.validate-page.dark .save-prompt{background:#18181b;border-color:#27272a}.validate-page.dark .save-input{background:#27272a;border-color:#3f3f46;color:#fff}.validate-page.dark .pattern-success-banner{background:linear-gradient(135deg,#22c55e26,#22c55e1a);border-color:#22c55e4d}.validate-page.dark .pattern-success-banner .success-content h4{color:#4ade80}.validate-page.dark .pattern-success-banner .success-content p{color:#86efac}.validate-page.dark .pattern-success-banner .success-percentage{color:#4ade80}.validate-page.dark .save-nomenclature-form{background:#18181b;border-color:#27272a}.validate-page.dark .save-form-header{border-color:#3f3f46}.validate-page.dark .save-form-title span{color:#fff}.validate-page.dark .save-form-title p{color:#a1a1aa}.validate-page.dark .save-field label{color:#e5e7eb}.validate-page.dark .save-form-info{background:#27272a}.validate-page.dark .save-form-info p{color:#a1a1aa}.validate-page.dark .btn-apply-only{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.validate-page.dark .btn-apply-only:hover{background:#3f3f46;border-color:#52525b}.validate-page.dark .ai-popup-input{background:#18181b;border-color:#27272a}.validate-page.dark .ai-popup-input input{background:#27272a;border-color:#3f3f46;color:#fff}@media (max-width: 768px){.nomenclature-bar{flex-direction:column;gap:12px}.nomenclature-bar-left{width:100%;flex-direction:column}.nomenclature-selector{width:100%;min-width:auto}.btn-create-nomenclature,.nomenclature-bar-right{width:100%;justify-content:center}.ai-popup{max-width:100%;margin:16px}.file-simple-grid,.iteration-files,.unmatched-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.sub-step-tabs{display:flex;gap:8px;margin-bottom:20px}.sub-step-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;flex:1}.sub-step-tab:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.sub-step-tab.active{background:#fff;border-color:#3434ef;color:#3434ef;font-weight:600;box-shadow:0 0 0 3px #3434ef1a}.sub-step-tab.completed:not(.active){border-color:#22c55e;background:#f0fdf4}.sub-step-tab.locked{opacity:.6;cursor:not-allowed;background:#f9fafb}.sub-step-tab.locked:hover{border-color:#e5e7eb;background:#f9fafb}.sub-step-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;color:#6b7280;flex-shrink:0;transition:all .2s ease}.sub-step-tab.active .sub-step-indicator{background:#3434ef;color:#fff}.sub-step-tab.completed:not(.active) .sub-step-indicator{background:#22c55e;color:#fff}.sub-step-tab.locked .sub-step-indicator{background:#e5e7eb;color:#9ca3af}.step-number{font-size:12px;font-weight:600}.locked-hint{margin-left:auto;font-size:11px;font-weight:500;color:#9ca3af;background:#f3f4f6;padding:4px 8px;border-radius:6px}.matching-complete-cta{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:14px;margin-top:16px}.matching-complete-content{display:flex;align-items:center;gap:16px}.matching-complete-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff}.matching-complete-text h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 2px}.matching-complete-text p{font-size:13px;color:#15803d;margin:0}.btn-continue-naming{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-continue-naming:hover{background:#16a34a;transform:translate(2px)}.nomenclature-dropdown{position:relative;min-width:240px}.nomenclature-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;cursor:pointer;transition:all .15s ease}.nomenclature-dropdown-trigger:hover{border-color:#d1d5db}.nomenclature-dropdown-trigger.open{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.dropdown-trigger-content{display:flex;align-items:center;gap:10px}.dropdown-icon{color:#3434ef}.dropdown-value{font-weight:500;color:#111827}.dropdown-placeholder{color:#9ca3af}.dropdown-chevron{color:#6b7280;transition:transform .2s ease}.dropdown-chevron.rotated{transform:rotate(180deg)}.nomenclature-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;overflow:hidden}.dropdown-header{padding:10px 14px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #E5E7EB}.dropdown-empty{padding:24px 16px;text-align:center}.dropdown-empty span{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.dropdown-empty p{font-size:13px;color:#9ca3af;margin:0}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:#f9fafb}.dropdown-item.selected{background:#eef2ff}.dropdown-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.item-icon{color:#6b7280;flex-shrink:0}.dropdown-item.selected .item-icon{color:#3434ef}.item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-pattern{font-size:12px;color:#6b7280;font-family:SF Mono,Consolas,monospace}.dropdown-item-actions{display:flex;align-items:center;gap:8px}.check-icon{color:#3434ef}.delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s ease}.dropdown-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fee2e2;color:#ef4444}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-item.clear-option{color:#6b7280;font-size:13px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.video-modal{width:100%;max-width:900px;background:#000;border-radius:16px;overflow:hidden}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#111;border-bottom:1px solid #333}.video-filename{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#999;cursor:pointer;transition:all .15s ease}.video-modal-close:hover{background:#222;color:#fff}.video-container{position:relative;background:#000;cursor:pointer}.video-container video{width:100%;max-height:70vh;display:block}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;border-top:1px solid #333}.video-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#999;cursor:pointer;transition:all .15s ease}.video-control-btn:hover{background:#222;color:#fff}.video-progress{flex:1;height:6px;background:#333;border-radius:3px;cursor:pointer;overflow:hidden}.video-progress-bar{height:100%;background:#3434ef;border-radius:3px;transition:width .1s linear}.format-thumbnail-card.clickable{cursor:pointer}.format-thumbnail-card.clickable .video-play-overlay{transition:all .2s ease}.format-thumbnail-card.clickable:hover .video-play-overlay{transform:translate(-50%,-50%) scale(1.1);background:#3434efcc}.ad-naming-section{flex:1;min-height:400px;display:flex;flex-direction:column;gap:16px}.ad-naming-header{margin-bottom:4px}.ad-naming-header h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.ad-naming-header p{font-size:14px;color:#6b7280;margin:0}.naming-mode-tabs{display:flex;gap:8px}.naming-mode-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;min-width:140px;background:transparent;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.naming-mode-tab:hover{color:#374151;background:#f9fafb}.naming-mode-tab.active{background:#eef2ff;color:#3434ef;border-color:#3434ef}.naming-mode-content{background:#fff;border:1px solid #E5E7EB;border-radius:12px}.manual-edit-mode{height:100%;display:flex;flex-direction:column}.manual-edit-header{display:flex;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.column-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-col{width:80px;flex-shrink:0}.file-col{flex:1;padding-left:12px}.name-col{flex:1.5;padding-left:12px}.manual-edit-list{flex:1;overflow-y:auto;max-height:400px}.manual-edit-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #F3F4F6;transition:background .15s ease}.manual-edit-row:hover{background:#f9fafb}.manual-edit-row:last-child{border-bottom:none}.preview-cell{width:80px;flex-shrink:0;position:relative}.preview-cell img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #E5E7EB}.thumbnail-placeholder-small{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;color:#9ca3af}.format-badge-small{position:absolute;bottom:0;left:0;font-size:9px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 4px;border-radius:4px}.file-cell{flex:1;padding-left:12px;min-width:0}.file-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.name-cell{flex:1.5;padding-left:12px}.ad-name-input{width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#111827;transition:all .15s ease}.ad-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.ad-name-input::-moz-placeholder{color:#9ca3af}.ad-name-input::placeholder{color:#9ca3af}.manual-edit-mode.grouped{padding:16px;display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.manual-concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.manual-concept-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f9fafb;cursor:pointer;transition:background .15s ease}.manual-concept-header:hover{background:#f3f4f6}.concept-info{display:flex;align-items:center;gap:12px;flex:1}.concept-label{font-size:14px;font-weight:600;color:#111827}.concept-files{font-size:12px;color:#9ca3af}.manual-concept-content{padding:16px;background:#fff}.concept-name-row{margin-bottom:20px}.concept-name-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.label-text{font-size:13px;font-weight:600;color:#374151}.label-hint{font-size:11px;color:#9ca3af}.concept-name-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.concept-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.concept-name-input::-moz-placeholder{color:#9ca3af}.concept-name-input::placeholder{color:#9ca3af}.iterations-section{border-top:1px solid #E5E7EB;padding-top:16px}.iterations-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.iterations-title{font-size:13px;font-weight:600;color:#374151}.iterations-hint{font-size:11px;color:#9ca3af}.iteration-group{margin-bottom:12px}.iteration-group:last-child{margin-bottom:0}.iteration-label{margin-bottom:8px}.iteration-name{font-size:12px;font-weight:600;color:#3434ef;background:#eef2ff;padding:4px 10px;border-radius:6px}.iterations-list{display:flex;flex-direction:column;gap:10px}.iteration-row{display:flex;align-items:center;gap:12px}.iteration-label-inline{display:flex;align-items:center;gap:8px;min-width:100px}.iteration-badge-small{font-size:13px;font-weight:600;color:#3434ef;background:#eef2ff;padding:6px 12px;border-radius:6px;min-width:50px;text-align:center}.iteration-file-count{font-size:11px;color:#9ca3af}.iteration-name-input{flex:1;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.iteration-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.iteration-name-input::-moz-placeholder{color:#9ca3af}.iteration-name-input::placeholder{color:#9ca3af}.iteration-files{display:flex;flex-direction:column;gap:8px;padding-left:16px}.iteration-file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:8px}.preview-cell.small{width:40px;flex-shrink:0}.preview-cell.small img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #E5E7EB}.format-badge-tiny{position:absolute;bottom:-2px;left:0;font-size:8px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:1px 3px;border-radius:3px}.file-info{flex:1;min-width:0}.file-name-small{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ad-name-input-small{flex:1;min-width:150px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#111827;transition:all .15s ease}.ad-name-input-small:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 2px #3434ef1a}.ad-name-input-small::-moz-placeholder{color:#9ca3af}.ad-name-input-small::placeholder{color:#9ca3af}.detected-names-mode{padding:16px;display:flex;flex-direction:column;gap:16px}.detected-names-list{display:flex;flex-direction:column;gap:16px}.detected-names-empty{padding:40px 24px;text-align:center}.detected-names-empty p{font-size:15px;font-weight:500;color:#374151;margin:0 0 4px}.detected-names-empty span{font-size:13px;color:#9ca3af}.detected-names-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f3f4f6;border-radius:10px;margin-bottom:16px}.detected-names-info .info-icon{color:#6b7280;flex-shrink:0}.detected-names-info span{font-size:13px;color:#6b7280}.detected-concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.detected-concept-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f9fafb}.detected-concept-header.clickable{cursor:pointer;transition:background .15s ease}.detected-concept-header.clickable:hover{background:#f3f4f6}.concept-toggle{color:#6b7280}.concept-label-static{font-size:14px;font-weight:600;color:#111827;flex:1}.concept-count{font-size:12px;color:#9ca3af}.detected-concept-content{padding:16px;background:#fff}.detected-concept-name-row{margin-bottom:20px}.detected-input-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.label-main{font-size:13px;font-weight:600;color:#374151}.label-sub{font-size:11px;color:#9ca3af}.detected-concept-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.detected-concept-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.detected-concept-input::-moz-placeholder{color:#9ca3af}.detected-concept-input::placeholder{color:#9ca3af}.detected-iterations-section{border-top:1px solid #E5E7EB;padding-top:16px}.detected-iterations-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.iterations-label{font-size:13px;font-weight:600;color:#374151}.iterations-sublabel{font-size:11px;color:#9ca3af}.detected-iteration-group{margin-bottom:12px}.detected-iteration-group:last-child{margin-bottom:0}.iteration-badge{margin-bottom:8px}.iteration-badge span{font-size:12px;font-weight:600;color:#3434ef;background:#eef2ff;padding:4px 10px;border-radius:6px}.iteration-files-list{display:flex;flex-direction:column;gap:8px;padding-left:16px}.detected-file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:8px}.detected-preview{flex-shrink:0}.detected-preview img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #E5E7EB}.thumbnail-placeholder-tiny{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:4px;color:#9ca3af}.detected-file-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.detected-filename{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detected-ad-input{flex:1;min-width:150px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#111827;transition:all .15s ease}.detected-ad-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 2px #3434ef1a}.detected-ad-input::-moz-placeholder{color:#9ca3af}.detected-ad-input::placeholder{color:#9ca3af}.detected-names-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:14px;margin-top:16px}.detected-names-cta-content{display:flex;align-items:center;gap:16px}.detected-names-cta-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff;flex-shrink:0}.detected-names-cta-text h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 2px}.detected-names-cta-text p{font-size:13px;color:#15803d;margin:0}.btn-continue-step3{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-continue-step3:hover{background:#16a34a;transform:translate(2px)}.bulk-paste-mode{padding:20px;min-height:400px;display:flex;flex-direction:column}.bulk-paste-instructions{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#eef2ff;border-radius:10px;margin-bottom:16px}.bulk-paste-instructions svg{color:#3434ef;flex-shrink:0;margin-top:2px}.instructions-text p{font-size:13px;color:#374151;margin:0 0 6px}.instructions-text code{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#3434ef;background:#fff;padding:4px 8px;border-radius:4px}.instruction-hint{font-size:12px;color:#6b7280;margin-top:4px}.detected-concepts{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#3434ef;background:#fff;padding:3px 8px;border-radius:4px;margin-left:6px}.bulk-paste-area{position:relative}.bulk-paste-input{width:100%;min-height:180px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:#374151;resize:vertical;transition:all .15s ease}.bulk-paste-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.bulk-paste-input::-moz-placeholder{color:#9ca3af}.bulk-paste-input::placeholder{color:#9ca3af}.bulk-paste-btn{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.bulk-paste-btn:hover{border-color:#3434ef;color:#3434ef}.bulk-paste-result{margin-top:16px}.result-success,.result-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:12px}.result-success{background:#ecfdf5}.result-success svg{color:#22c55e;flex-shrink:0}.result-success span{font-size:13px;font-weight:500;color:#166534}.result-warning{background:#fffbeb;flex-direction:column}.result-warning>svg{color:#f59e0b}.result-warning>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#92400e}.not-found-list{margin-top:8px;padding-left:26px}.not-found-list code{display:inline;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#b45309;margin-right:6px}.not-found-item{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.not-found-text{font-size:11px;color:#92400e;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.not-found-reason{font-size:10px;color:#b45309;font-style:italic}.more-count{font-size:12px;color:#9ca3af;font-style:italic}.result-preview{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:16px}.result-preview h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 12px}.preview-list{margin-bottom:16px}.preview-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F3F4F6}.preview-row:last-child{border-bottom:none}.preview-file{flex:1;font-size:12px;color:#6b7280;font-family:SF Mono,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-arrow{color:#d1d5db;font-size:12px}.preview-name{flex:1.5;font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-concept{padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.preview-concept:last-child{margin-bottom:0}.preview-concept-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.preview-concept-id{font-size:12px;font-weight:600;color:#3434ef;background:#eef2ff;padding:3px 8px;border-radius:4px}.preview-concept-header svg{color:#9ca3af}.preview-concept-name{font-size:13px;font-weight:500;color:#111827;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-concept-meta{display:flex;gap:12px;font-size:11px;color:#6b7280}.preview-iterations{color:#9ca3af}.btn-apply-bulk{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-apply-bulk:hover{background:#2828d6}.btn-apply-bulk:disabled{opacity:.5;cursor:not-allowed}.btn-match-nomenclatures{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-match-nomenclatures:hover:not(:disabled){background:#2828d6}.btn-match-nomenclatures:disabled{opacity:.5;cursor:not-allowed}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.phase-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1}.btn-back{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-back:hover{border-color:#3434ef;color:#3434ef}.match-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.match-badge.success{background:#d1fae5;color:#059669}.match-badge.warning{background:#fef3c7;color:#d97706}.matching-summary{padding:16px 20px;border-radius:12px;margin-bottom:20px}.matching-summary.success{background:#d1fae5}.matching-summary.warning{background:#fef3c7}.matching-count{display:flex;align-items:center;gap:10px}.matching-summary.success .matching-count svg{color:#059669}.matching-summary.warning .matching-count svg{color:#d97706}.count-text{font-size:16px;font-weight:600;color:#111827}.matching-section{margin-bottom:20px}.matching-section h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.matching-section.matched h4{color:#059669}.matching-section.matched h4 svg{color:#059669}.matching-section.unmatched h4,.matching-section.errors h4{color:#d97706}.matching-section.unmatched h4 svg,.matching-section.errors h4 svg{color:#d97706}.matching-list{display:flex;flex-direction:column;gap:8px}.matching-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px}.matching-item.success{background:#ecfdf5}.matching-item.warning{background:#fffbeb}.matching-item.error{background:#fef3c7}.matching-concept-id{font-weight:600;color:#3434ef;background:#eef2ff;padding:3px 8px;border-radius:4px;font-size:12px}.matching-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matching-status{flex:1;color:#9ca3af;font-style:italic}.matching-files{font-size:11px;color:#9ca3af;white-space:nowrap}.matching-text{flex:1;color:#92400e;font-family:SF Mono,Consolas,monospace;font-size:12px}.matching-reason{font-size:11px;color:#b45309;font-style:italic}.matching-item code{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#b45309}.btn-preview-results{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-preview-results:hover:not(:disabled){background:#2828d6}.btn-preview-results:disabled{opacity:.5;cursor:not-allowed}.preview-ad-names{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.preview-concept-group{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.preview-concept-group.matched{border-color:#a7f3d0}.preview-concept-group.unmatched{border-color:#fcd34d}.preview-concept-header.clickable{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;cursor:pointer;transition:background .15s ease}.preview-concept-group.matched .preview-concept-header.clickable{background:#ecfdf5}.preview-concept-group.unmatched .preview-concept-header.clickable{background:#fffbeb}.preview-concept-header.clickable:hover{background:#f3f4f6}.preview-concept-group.matched .preview-concept-header.clickable:hover{background:#d1fae5}.preview-concept-group.unmatched .preview-concept-header.clickable:hover{background:#fef3c7}.preview-concept-title{font-size:14px;font-weight:600;color:#111827;flex:1}.status-icon.warning{color:#d97706}.preview-concept-content{padding:12px 16px;background:#fff}.preview-concept-name-row{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.preview-concept-name-row.unmatched{background:#fffbeb}.preview-label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap}.preview-value{font-size:13px;color:#111827;word-break:break-all}.preview-value.unmatched{color:#d97706;font-style:italic}.preview-iteration-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px}.preview-iteration-row.unmatched{opacity:.6}.preview-iteration-label{font-weight:600;color:#3434ef;background:#eef2ff;padding:2px 8px;border-radius:4px}.preview-iteration-row svg{color:#d1d5db}.preview-ad-name{flex:1;color:#374151;font-family:SF Mono,Consolas,monospace;font-size:12px}.preview-ad-name.unmatched{color:#9ca3af;font-style:italic;font-family:inherit}.btn-apply-continue{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#6b7280;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-apply-continue:hover:not(:disabled){background:#4b5563}.btn-apply-continue.success{background:#059669}.btn-apply-continue.success:hover:not(:disabled){background:#047857}.btn-apply-continue:disabled{opacity:.5;cursor:not-allowed}.validate-page.dark .sub-step-tabs{background:transparent}.validate-page.dark .sub-step-tab{background:#18181b;border-color:#27272a;color:#a1a1aa}.validate-page.dark .sub-step-tab:hover:not(:disabled){border-color:#3f3f46;background:#1f1f23}.validate-page.dark .sub-step-tab.active{background:#18181b;border-color:#818cf8;color:#818cf8;box-shadow:0 0 0 3px #818cf826}.validate-page.dark .sub-step-tab.completed:not(.active){border-color:#22c55e;background:#22c55e1a}.validate-page.dark .sub-step-tab.locked{background:#1f1f23;border-color:#27272a}.validate-page.dark .sub-step-indicator{background:#27272a;color:#71717a}.validate-page.dark .sub-step-tab.active .sub-step-indicator{background:#818cf8}.validate-page.dark .sub-step-tab.locked .sub-step-indicator{background:#27272a;color:#52525b}.validate-page.dark .locked-hint{background:#27272a;color:#71717a}.validate-page.dark .matching-complete-cta{background:linear-gradient(135deg,#22c55e26,#22c55e1a);border-color:#22c55e4d}.validate-page.dark .matching-complete-text h4{color:#4ade80}.validate-page.dark .matching-complete-text p{color:#86efac}.validate-page.dark .nomenclature-dropdown-trigger{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.validate-page.dark .dropdown-value{color:#fff}.validate-page.dark .nomenclature-dropdown-menu{background:#18181b;border-color:#27272a}.validate-page.dark .dropdown-header{background:#27272a;border-color:#3f3f46}.validate-page.dark .dropdown-item:hover{background:#27272a}.validate-page.dark .dropdown-item.selected{background:#6366f126}.validate-page.dark .item-name{color:#fff}.validate-page.dark .naming-mode-tab{color:#a1a1aa;border-color:#3f3f46;background:transparent}.validate-page.dark .naming-mode-tab:hover{color:#e5e7eb;background:#27272a}.validate-page.dark .naming-mode-tab.active{background:#818cf81a;color:#818cf8;border-color:#818cf8}.validate-page.dark .naming-mode-content{background:#18181b;border-color:#27272a}.validate-page.dark .detected-names-cta{background:linear-gradient(135deg,#22c55e26,#22c55e1a);border-color:#22c55e4d}.validate-page.dark .detected-names-cta-icon{background:#22c55e;color:#fff}.validate-page.dark .detected-names-cta-text h4{color:#4ade80}.validate-page.dark .detected-names-cta-text p{color:#86efac}.validate-page.dark .btn-continue-step3{background:#22c55e;color:#fff}.validate-page.dark .btn-continue-step3:hover{background:#16a34a}.validate-page.dark .manual-edit-header{background:#27272a;border-color:#3f3f46}.validate-page.dark .manual-edit-row{border-color:#27272a}.validate-page.dark .manual-edit-row:hover{background:#1f1f23}.validate-page.dark .ad-name-input{background:#27272a;border-color:#3f3f46;color:#fff}.validate-page.dark .manual-concept-group{background:#1f1f23;border-color:#27272a}.validate-page.dark .manual-concept-header{background:#27272a}.validate-page.dark .manual-concept-header:hover{background:#3f3f46}.validate-page.dark .concept-toggle{color:#a1a1aa}.validate-page.dark .manual-concept-content{background:#1f1f23}.validate-page.dark .label-text{color:#e5e7eb}.validate-page.dark .label-hint{color:#71717a}.validate-page.dark .concept-name-input{background:#27272a;border-color:#3f3f46;color:#fff}.validate-page.dark .iterations-section{border-color:#3f3f46}.validate-page.dark .iterations-title{color:#e5e7eb}.validate-page.dark .iterations-hint{color:#71717a}.validate-page.dark .iteration-name,.validate-page.dark .iteration-badge-small{background:#6366f133;color:#818cf8}.validate-page.dark .iteration-file-count{color:#71717a}.validate-page.dark .iteration-name-input{background:#18181b;border-color:#3f3f46;color:#fff}.validate-page.dark .iteration-name-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.validate-page.dark .iteration-file-row{background:#27272a}.validate-page.dark .file-name-small{color:#a1a1aa}.validate-page.dark .ad-name-input-small{background:#18181b;border-color:#3f3f46;color:#fff}.validate-page.dark .ad-naming-header h3{color:#fff}.validate-page.dark .detected-names-info{background:#27272a}.validate-page.dark .detected-names-info .info-icon,.validate-page.dark .detected-names-info span{color:#9ca3af}.validate-page.dark .detected-names-empty p{color:#e5e7eb}.validate-page.dark .detected-names-empty span{color:#9ca3af}.validate-page.dark .detected-concept-group{background:#1f1f23;border-color:#27272a}.validate-page.dark .detected-concept-header{background:#27272a}.validate-page.dark .detected-concept-header.clickable:hover{background:#3f3f46}.validate-page.dark .concept-label-static{color:#fff}.validate-page.dark .detected-concept-content{background:#1f1f23}.validate-page.dark .detected-concept-name-row .label-main{color:#e5e7eb}.validate-page.dark .detected-concept-name-row .label-sub{color:#71717a}.validate-page.dark .detected-concept-input{background:#27272a;border-color:#3f3f46;color:#fff}.validate-page.dark .detected-iterations-section{border-color:#3f3f46}.validate-page.dark .iterations-label{color:#e5e7eb}.validate-page.dark .iterations-sublabel{color:#71717a}.validate-page.dark .iteration-badge span{background:#6366f133;color:#818cf8}.validate-page.dark .detected-file-row{background:#27272a}.validate-page.dark .detected-filename{color:#a1a1aa}.validate-page.dark .thumbnail-placeholder-tiny{background:#3f3f46;color:#71717a}.validate-page.dark .detected-ad-input{background:#18181b;border-color:#3f3f46;color:#fff}.validate-page.dark .bulk-paste-instructions{background:#6366f11a}.validate-page.dark .instructions-text p{color:#e5e7eb}.validate-page.dark .instructions-text code{background:#27272a;color:#818cf8}.validate-page.dark .instruction-hint{color:#9ca3af}.validate-page.dark .detected-concepts{background:#27272a;color:#818cf8}.validate-page.dark .bulk-paste-input{background:#27272a;border-color:#3f3f46;color:#fff}.validate-page.dark .bulk-paste-btn{background:#27272a;border-color:#3f3f46}.validate-page.dark .result-preview{background:#18181b;border-color:#27272a}.validate-page.dark .result-preview h4{color:#fff}.validate-page.dark .preview-row{border-color:#27272a}.validate-page.dark .preview-name{color:#fff}.validate-page.dark .preview-concept{background:#27272a}.validate-page.dark .preview-concept-id{background:#6366f133;color:#818cf8}.validate-page.dark .preview-concept-name{color:#fff}.validate-page.dark .preview-concept-meta{color:#9ca3af}.validate-page.dark .result-warning{background:#f59e0b1a}.validate-page.dark .not-found-list code{color:#f59e0b}.validate-page.dark .not-found-text{color:#fbbf24}.validate-page.dark .not-found-reason{color:#f59e0b}.validate-page.dark .phase-header h3{color:#fff}.validate-page.dark .btn-back{border-color:#3f3f46;color:#a1a1aa}.validate-page.dark .btn-back:hover{border-color:#818cf8;color:#818cf8}.validate-page.dark .match-badge.success{background:#05966933;color:#34d399}.validate-page.dark .match-badge.warning{background:#d9770633;color:#fbbf24}.validate-page.dark .matching-summary.success{background:#05966926}.validate-page.dark .matching-summary.warning{background:#d9770626}.validate-page.dark .count-text{color:#fff}.validate-page.dark .matching-section h4{border-color:#3f3f46}.validate-page.dark .matching-item.success{background:#0596691a}.validate-page.dark .matching-item.warning,.validate-page.dark .matching-item.error{background:#d977061a}.validate-page.dark .matching-concept-id{background:#6366f133;color:#818cf8}.validate-page.dark .matching-name{color:#e5e7eb}.validate-page.dark .matching-text{color:#fbbf24}.validate-page.dark .preview-concept-group{border-color:#3f3f46}.validate-page.dark .preview-concept-group.matched{border-color:#0596694d}.validate-page.dark .preview-concept-group.unmatched{border-color:#d977064d}.validate-page.dark .preview-concept-header.clickable{background:#27272a}.validate-page.dark .preview-concept-group.matched .preview-concept-header.clickable{background:#0596691a}.validate-page.dark .preview-concept-group.unmatched .preview-concept-header.clickable{background:#d977061a}.validate-page.dark .preview-concept-header.clickable:hover{background:#3f3f46}.validate-page.dark .preview-concept-title{color:#fff}.validate-page.dark .preview-concept-content{background:#18181b}.validate-page.dark .preview-concept-name-row{background:#27272a}.validate-page.dark .preview-concept-name-row.unmatched{background:#d977061a}.validate-page.dark .preview-label{color:#9ca3af}.validate-page.dark .preview-value{color:#fff}.validate-page.dark .preview-iteration-label{background:#6366f133;color:#818cf8}.validate-page.dark .preview-ad-name{color:#e5e7eb}.campaign-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.campaign-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.campaign-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.campaign-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.campaign-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-close:hover{background:#f3f4f6;color:#111827}.campaign-modal-search{padding:16px 24px;border-bottom:1px solid #E5E7EB;position:relative}.campaign-modal-search .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.campaign-modal-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .15s ease}.campaign-modal-search input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.campaign-modal-search input::-moz-placeholder{color:#9ca3af}.campaign-modal-search input::placeholder{color:#9ca3af}.campaign-modal-list{flex:1;overflow-y:auto;padding:8px;min-height:200px;max-height:400px}.campaign-modal-list{scrollbar-width:none;-ms-overflow-style:none}.campaign-modal-list::-webkit-scrollbar{display:none}.campaign-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:12px}.campaign-modal-loading .spinning{animation:spin 1s linear infinite}.campaign-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#ef4444;gap:12px;text-align:center}.campaign-modal-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center;font-size:14px}.campaign-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.campaign-item:hover{background:#f9fafb}.campaign-item.selected{background:#eef2ff;border-color:#3434ef}.campaign-item-main{flex:1;min-width:0}.campaign-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-item-meta{display:flex;align-items:center;gap:8px}.campaign-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.campaign-status.status-active{background:#d1fae5;color:#059669}.campaign-status.status-paused{background:#f3f4f6;color:#6b7280}.campaign-status.status-archived{background:#fee2e2;color:#dc2626}.campaign-objective{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.campaign-objective svg{flex-shrink:0}.campaign-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;color:#fff;border-radius:50%;flex-shrink:0;margin-left:12px}.campaign-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.campaign-modal-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-footer .btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.campaign-modal-footer .btn-confirm{padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-footer .btn-confirm:hover:not(:disabled){background:#2828d0}.campaign-modal-footer .btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}.dark .campaign-modal{background:#1f1f23;border:1px solid #27272A}.dark .campaign-modal-header{border-bottom-color:#27272a}.dark .campaign-modal-header h2{color:#f9fafb}.dark .campaign-modal-close{color:#9ca3af}.dark .campaign-modal-close:hover{background:#27272a;color:#f9fafb}.dark .campaign-modal-search{border-bottom-color:#27272a}.dark .campaign-modal-search input{background:#16161a;border-color:#27272a;color:#f9fafb}.dark .campaign-modal-search input:focus{border-color:#3434ef;background:#0d0d12}.dark .campaign-modal-search input::-moz-placeholder{color:#52525b}.dark .campaign-modal-search input::placeholder{color:#52525b}.dark .campaign-modal-loading,.dark .campaign-modal-empty{color:#9ca3af}.dark .campaign-item:hover{background:#27272a}.dark .campaign-item.selected{background:#3434ef26;border-color:#3434ef}.dark .campaign-item-name{color:#f9fafb}.dark .campaign-status.status-active{background:#05966933;color:#34d399}.dark .campaign-status.status-paused{background:#27272a;color:#9ca3af}.dark .campaign-status.status-archived{background:#dc262633;color:#f87171}.dark .campaign-objective{color:#9ca3af}.dark .campaign-modal-footer{border-top-color:#27272a}.dark .campaign-modal-footer .btn-cancel{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .campaign-modal-footer .btn-cancel:hover{background:#3f3f46}.create-campaign-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-campaign-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.create-campaign-modal.wide{max-width:800px}.create-campaign-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-campaign-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-campaign-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-close:hover{background:#f3f4f6;color:#111827}.create-campaign-close:disabled{opacity:.5;cursor:not-allowed}.create-campaign-form{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.create-campaign-form{scrollbar-width:none;-ms-overflow-style:none}.create-campaign-form::-webkit-scrollbar{display:none}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-column{display:flex;flex-direction:column;gap:20px}.create-campaign-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px}.create-campaign-error.full-width{grid-column:1 / -1}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#374151}.form-label .required{color:#ef4444}.form-input,.form-select{width:100%;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-input:disabled,.form-select:disabled{background:#f9fafb;cursor:not-allowed}.form-hint{font-size:12px;color:#6b7280;line-height:1.4}.objective-cards{display:flex;flex-direction:column;gap:12px}.objective-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.objective-card:hover{background:#f9fafb;border-color:#d1d5db}.objective-card.selected{background:#eef2ff;border-color:#3434ef}.objective-card:disabled{opacity:.5;cursor:not-allowed}.objective-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#f3f4f6;border-radius:12px;color:#6b7280;flex-shrink:0}.objective-card.selected .objective-card-icon{background:#3434ef;color:#fff}.objective-card-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.objective-card-label{font-size:15px;font-weight:600;color:#111827}.objective-card-desc{font-size:13px;color:#6b7280;line-height:1.4}.objective-card-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#3434ef;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;transition:all .15s ease}.form-checkbox-wrapper:hover{background:#f3f4f6}.form-checkbox{width:18px;height:18px;margin:0;accent-color:#3434EF;cursor:pointer;flex-shrink:0}.form-checkbox-label{font-size:14px;font-weight:500;color:#111827;line-height:1.4}.budget-type-tabs{display:flex;gap:10px}.budget-type-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.budget-type-tab:hover{background:#f9fafb;border-color:#d1d5db}.budget-type-tab.active{background:#eef2ff;border-color:#3434ef}.budget-type-tab:disabled{opacity:.5;cursor:not-allowed}.budget-type-tab .tab-label{font-size:14px;font-weight:600;color:#111827}.budget-type-tab.active .tab-label{color:#3434ef}.budget-type-tab .tab-desc{font-size:11px;color:#6b7280}.budget-mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.budget-mode-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.budget-mode-btn:hover{color:#374151}.budget-mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.budget-mode-btn:disabled{opacity:.5;cursor:not-allowed}.budget-input-group{display:flex;align-items:center;gap:0;margin-top:8px}.budget-currency{display:flex;align-items:center;justify-content:center;width:40px;height:42px;background:#f3f4f6;border:1px solid #E5E7EB;border-right:none;border-radius:8px 0 0 8px;font-size:14px;font-weight:500;color:#6b7280}.budget-input{flex:1;border-radius:0 8px 8px 0!important}.status-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.status-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.status-btn:hover{color:#374151}.status-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.status-btn:disabled{opacity:.5;cursor:not-allowed}.create-campaign-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #E5E7EB;margin-top:auto}.create-campaign-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-footer .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.create-campaign-footer .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.create-campaign-footer .btn-create{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-footer .btn-create:hover:not(:disabled){background:#2828d0}.create-campaign-footer .btn-create:disabled{background:#d1d5db;cursor:not-allowed}.create-campaign-footer .btn-create .spinning{animation:spin 1s linear infinite}.dark .create-campaign-modal{background:#1f1f23;border:1px solid #27272A}.dark .create-campaign-header{border-bottom-color:#27272a}.dark .create-campaign-header h2{color:#f9fafb}.dark .create-campaign-close{color:#9ca3af}.dark .create-campaign-close:hover{background:#27272a;color:#f9fafb}.dark .create-campaign-error{background:#dc26261a;border-color:#dc26264d}.dark .form-label{color:#e5e7eb}.dark .form-input,.dark .form-select{background:#27272a;border-color:#3f3f46;color:#f9fafb}.dark .form-input:focus,.dark .form-select:focus{border-color:#3434ef}.dark .form-input::-moz-placeholder{color:#71717a}.dark .form-input::placeholder{color:#71717a}.dark .form-input:disabled,.dark .form-select:disabled{background:#18181b}.dark .objective-card{background:#27272a;border-color:#3f3f46}.dark .objective-card:hover{background:#3f3f46;border-color:#52525b}.dark .objective-card.selected{background:#3434ef26;border-color:#3434ef}.dark .objective-card-icon{background:#3f3f46;color:#9ca3af}.dark .objective-card.selected .objective-card-icon{background:#3434ef;color:#fff}.dark .objective-card-label{color:#f9fafb}.dark .objective-card-desc{color:#9ca3af}.dark .form-checkbox-wrapper{background:#27272a;border-color:#3f3f46}.dark .form-checkbox-wrapper:hover{background:#3f3f46}.dark .form-checkbox-label{color:#f9fafb}.dark .budget-type-tab{background:#27272a;border-color:#3f3f46}.dark .budget-type-tab:hover{background:#3f3f46;border-color:#52525b}.dark .budget-type-tab.active{background:#3434ef26;border-color:#3434ef}.dark .budget-type-tab .tab-label{color:#f9fafb}.dark .budget-type-tab.active .tab-label{color:#818cf8}.dark .budget-type-tab .tab-desc{color:#9ca3af}.dark .budget-mode-toggle,.dark .status-toggle{background:#27272a}.dark .budget-mode-btn,.dark .status-btn{color:#9ca3af}.dark .budget-mode-btn:hover,.dark .status-btn:hover{color:#e5e7eb}.dark .budget-mode-btn.active,.dark .status-btn.active{background:#3f3f46;color:#f9fafb}.dark .budget-currency{background:#27272a;border-color:#3f3f46;color:#9ca3af}.dark .create-campaign-footer{border-top-color:#27272a}.dark .create-campaign-footer .btn-cancel{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .create-campaign-footer .btn-cancel:hover:not(:disabled){background:#3f3f46}@media (max-width: 840px){.create-campaign-modal.wide{max-width:100%}.form-columns{grid-template-columns:1fr;gap:20px}}@media (max-width: 560px){.create-campaign-modal{max-width:100%;max-height:100vh;border-radius:0}}.adset-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.adset-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:adsetModalSlideIn .2s ease-out}@keyframes adsetModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adset-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.adset-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.adset-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-close:hover{background:#f3f4f6;color:#111827}.adset-modal-close:disabled{opacity:.5;cursor:not-allowed}.adset-modal-info{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#eef2ff;color:#3434ef;font-size:13px;border-bottom:1px solid #E5E7EB}.adset-modal-search{padding:16px 24px;border-bottom:1px solid #E5E7EB;position:relative}.adset-modal-search .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.adset-modal-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .15s ease}.adset-modal-search input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.adset-modal-search input::-moz-placeholder{color:#9ca3af}.adset-modal-search input::placeholder{color:#9ca3af}.adset-modal-search input:disabled{opacity:.5;cursor:not-allowed}.adset-modal-error-banner{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;color:#dc2626;font-size:13px;border-bottom:1px solid #FECACA}.adset-modal-list{flex:1;overflow-y:auto;padding:8px;min-height:200px;max-height:350px}.adset-modal-list{scrollbar-width:none;-ms-overflow-style:none}.adset-modal-list::-webkit-scrollbar{display:none}.adset-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:12px}.adset-modal-loading .spinning{animation:spin 1s linear infinite}.adset-modal-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center;font-size:14px}.adset-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.adset-item:hover{background:#f9fafb}.adset-item.selected{background:#eef2ff;border-color:#3434ef}.adset-item-main{flex:1;min-width:0}.adset-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adset-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adset-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.adset-status.status-active{background:#d1fae5;color:#059669}.adset-status.status-paused{background:#f3f4f6;color:#6b7280}.adset-status.status-archived{background:#fee2e2;color:#dc2626}.adset-goal,.adset-budget{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.adset-goal svg,.adset-budget svg{flex-shrink:0}.adset-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;color:#fff;border-radius:50%;flex-shrink:0;margin-left:12px}.adset-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.adset-modal-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-footer .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.adset-modal-footer .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.adset-modal-footer .btn-confirm{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-footer .btn-confirm:hover:not(:disabled){background:#2828d0}.adset-modal-footer .btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}.adset-modal-footer .btn-confirm .spinning{animation:spin 1s linear infinite}.dark .adset-modal{background:#1f1f23;border:1px solid #27272A}.dark .adset-modal-header{border-bottom-color:#27272a}.dark .adset-modal-header h2{color:#f9fafb}.dark .adset-modal-close{color:#9ca3af}.dark .adset-modal-close:hover{background:#27272a;color:#f9fafb}.dark .adset-modal-info{background:#3434ef26;border-bottom-color:#27272a}.dark .adset-modal-search{border-bottom-color:#27272a}.dark .adset-modal-search input{background:#16161a;border-color:#27272a;color:#f9fafb}.dark .adset-modal-search input:focus{border-color:#3434ef;background:#0d0d12}.dark .adset-modal-search input::-moz-placeholder{color:#52525b}.dark .adset-modal-search input::placeholder{color:#52525b}.dark .adset-modal-error-banner{background:#dc26261a;border-bottom-color:#dc26264d}.dark .adset-modal-loading,.dark .adset-modal-empty{color:#9ca3af}.dark .adset-item:hover{background:#27272a}.dark .adset-item.selected{background:#3434ef26;border-color:#3434ef}.dark .adset-item-name{color:#f9fafb}.dark .adset-status.status-active{background:#05966933;color:#34d399}.dark .adset-status.status-paused{background:#27272a;color:#9ca3af}.dark .adset-status.status-archived{background:#dc262633;color:#f87171}.dark .adset-goal,.dark .adset-budget{color:#9ca3af}.dark .adset-modal-footer{border-top-color:#27272a}.dark .adset-modal-footer .btn-cancel{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .adset-modal-footer .btn-cancel:hover:not(:disabled){background:#3f3f46}.create-adset-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-adset-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdsetSlideIn .2s ease-out}@keyframes createAdsetSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-adset-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-adset-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-adset-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-adset-close:hover{background:#f3f4f6;color:#111827}.create-adset-close:disabled{opacity:.5;cursor:not-allowed}.create-adset-form{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.create-adset-form{scrollbar-width:none;-ms-overflow-style:none}.create-adset-form::-webkit-scrollbar{display:none}.create-adset-error,.create-adset-warning{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;font-size:13px}.create-adset-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.create-adset-warning{background:#fef3c7;border:1px solid #FCD34D;color:#d97706}.create-adset-info{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;font-size:13px;background:#eef2ff;border:1px solid #C7D2FE;color:#4338ca}.form-section{margin-bottom:0;padding:20px;background:#fafafa;border-radius:12px;border:1px solid #e5e7eb}.section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 20px;color:#111827}.section-title svg{color:#3434ef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-grid .form-group{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.form-group label svg{color:#6b7280}.required{color:#ef4444}.label-info{color:#9ca3af;cursor:help;font-size:12px}.form-group input[type=number],.form-group input[type=text]{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.form-group select{width:100%;padding:12px 40px 12px 14px;border:1px solid #e5e7eb;border-radius:10px;background-color:#fff;font-size:14px;color:#111827;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s ease}.form-group select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group select:hover:not(:disabled){border-color:#c7c7c7}.form-group select:disabled{background-color:#f9fafb;cursor:not-allowed}.form-hint{font-size:12px;color:#6b7280;line-height:1.4;margin-top:4px}.form-hint.error{color:#dc2626}.budget-info{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;font-size:14px;font-weight:500}.budget-info svg{flex-shrink:0}.country-chips{display:flex;flex-wrap:wrap;gap:8px}.country-chip{padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.country-chip:hover{border-color:#3434ef;color:#3434ef}.country-chip.selected{background:#3434ef;border-color:#3434ef;color:#fff}.country-chip:disabled{opacity:.5;cursor:not-allowed}.age-range-inputs{display:flex;align-items:center;gap:12px}.age-input-group{display:flex;flex-direction:column;gap:4px}.age-input-group label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;margin-bottom:0}.age-input{width:80px;text-align:center;padding:10px 12px!important}.age-separator{font-size:13px;color:#6b7280;margin-top:20px}.loading-text{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;padding:10px 0}.loading-text .spinning,.spinning{animation:spin 1s linear infinite}.collapse-toggle{background:none;border:none;color:#3434ef;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;display:flex;align-items:center;gap:6px;transition:color .2s ease}.collapse-toggle:hover{color:#2020c0}.toggle-arrow{transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.attribution-settings{margin-top:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.attribution-settings .form-group{margin-bottom:0}.attribution-settings .form-group label{font-size:13px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;border-top:1px solid #e5e7eb;margin-top:auto}.btn-secondary{padding:10px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.form-grid,.attribution-settings{grid-template-columns:1fr}.create-adset-modal{max-width:100%;margin:10px}}.dark .create-adset-modal{background:#1f1f23;border:1px solid #27272A}.dark .create-adset-header{border-bottom-color:#27272a}.dark .create-adset-header h2{color:#f9fafb}.dark .create-adset-close{color:#9ca3af}.dark .create-adset-close:hover{background:#27272a;color:#f9fafb}.dark .create-adset-error{background:#dc26261a;border-color:#dc26264d}.dark .create-adset-warning{background:#d977061a;border-color:#d977064d}.dark .create-adset-info{background:#6366f11a;border-color:#6366f14d;color:#a5b4fc}.dark .form-section{background:#27272a;border-color:#3f3f46}.dark .section-title svg{color:#818cf8}.dark .form-group input,.dark .form-group select{background:#1f1f23;border-color:#3f3f46;color:#f9fafb}.dark .form-group input:focus,.dark .form-group select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.dark .form-group input::-moz-placeholder{color:#71717a}.dark .form-group input::placeholder{color:#71717a}.dark .form-group input:disabled,.dark .form-group select:disabled{background:#18181b}.dark .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dark .label-info{color:#71717a}.dark .budget-info{background:linear-gradient(135deg,#6366f11a,#818cf81a);border-color:#818cf84d;color:#a5b4fc}.dark .country-chip{background:#1f1f23;border-color:#3f3f46;color:#e5e7eb}.dark .country-chip:hover{border-color:#818cf8;color:#818cf8}.dark .country-chip.selected{background:#3434ef;border-color:#3434ef;color:#fff}.dark .age-input-group label,.dark .age-separator,.dark .loading-text{color:#9ca3af}.dark .collapse-toggle{color:#818cf8}.dark .collapse-toggle:hover{color:#a5b4fc}.dark .attribution-settings{background:#1f1f23;border-color:#3f3f46}.dark .modal-footer{border-top-color:#27272a}.autocomplete-container{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.search-input-wrapper .input-loader{position:absolute;right:12px;color:#9ca3af}.search-input-wrapper input{width:100%;padding:12px 40px!important;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.search-input-wrapper input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.search-input-wrapper input::-moz-placeholder{color:#9ca3af}.search-input-wrapper input::placeholder{color:#9ca3af}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-height:200px;overflow-y:auto;z-index:100;margin-top:4px}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease}.autocomplete-item:hover{background:#f3f4f6}.autocomplete-item-name{font-size:14px;color:#111827}.autocomplete-item-type{font-size:11px;color:#9ca3af;text-transform:uppercase;padding:2px 6px;background:#f3f4f6;border-radius:4px;margin-left:auto}.autocomplete-empty{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:20px;font-size:13px;color:#3434ef;font-weight:500}.tag.include{background:#d1fae5;border-color:#6ee7b7;color:#059669}.tag.exclude{background:#fee2e2;border-color:#fecaca;color:#dc2626}.tag button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.7;transition:opacity .15s ease}.tag button:hover{opacity:1}.age-dropdowns{display:flex;align-items:center;gap:12px}.age-dropdown-group{display:flex;flex-direction:column;gap:6px;flex:1}.age-dropdown-group label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;margin-bottom:0!important}.age-dropdown-group select{padding:10px 14px}.age-separator-text{font-size:13px;color:#6b7280;margin-top:24px}.gender-selector{display:flex;background:#f3f4f6;border-radius:10px;padding:4px;gap:4px}.gender-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.gender-btn:hover{color:#374151}.gender-btn.active{background:#fff;color:#3434ef;box-shadow:0 1px 3px #0000001a}.audience-tabs{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:12px}.audience-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.audience-tab:hover{color:#374151}.audience-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a}.audience-tab.active.include{color:#059669}.audience-tab.active.exclude{color:#dc2626}.targeting-types{display:flex;flex-direction:column;gap:12px;margin-top:12px}.targeting-type{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px}.targeting-type-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.targeting-type-header svg{color:#9ca3af}.targeting-group{display:flex;flex-wrap:wrap;gap:6px}.targeting-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border-radius:16px;font-size:12px;color:#374151}.targeting-badge button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#9ca3af;transition:color .15s ease}.targeting-badge button:hover{color:#dc2626}.targeting-empty{font-size:13px;color:#9ca3af;font-style:italic}.tag-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;padding-right:4px}.tag.interest{background:#fef3c7;border-color:#fcd34d;color:#92400e}.tag.behavior{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.tag.demographic{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.tag-type{font-size:9px;font-weight:600;text-transform:uppercase;opacity:.7;margin-right:2px}.targeting-dropdown{max-height:300px}.targeting-dropdown .targeting-group{padding:0}.targeting-group-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;padding:10px 14px 6px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.targeting-type{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-right:8px;flex-shrink:0}.targeting-type.interest{background:#fef3c7;color:#92400e}.targeting-type.behavior{background:#dbeafe;color:#1e40af}.targeting-type.demographic{background:#fce7f3;color:#9d174d}.audience-item-info{display:flex;flex-direction:column;gap:2px}.audience-size{font-size:11px;color:#9ca3af}.include-tags,.exclude-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.dark .search-input-wrapper input{background:#1f1f23;border-color:#3f3f46;color:#f9fafb}.dark .search-input-wrapper input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.dark .search-input-wrapper input::-moz-placeholder{color:#71717a}.dark .search-input-wrapper input::placeholder{color:#71717a}.dark .search-input-wrapper .search-icon,.dark .search-input-wrapper .input-loader{color:#71717a}.dark .autocomplete-dropdown{background:#27272a;border-color:#3f3f46;box-shadow:0 10px 25px #0000004d}.dark .autocomplete-item:hover{background:#3f3f46}.dark .autocomplete-item-name{color:#f9fafb}.dark .autocomplete-item-type{background:#3f3f46;color:#9ca3af}.dark .autocomplete-empty{color:#71717a}.dark .tag{background:#6366f126;border-color:#818cf84d;color:#a5b4fc}.dark .tag.include{background:#05966926;border-color:#6ee7b74d;color:#6ee7b7}.dark .tag.exclude{background:#dc262626;border-color:#fecaca4d;color:#fca5a5}.dark .age-dropdown-group label{color:#9ca3af}.dark .age-separator-text{color:#71717a}.dark .gender-selector{background:#27272a}.dark .gender-btn{color:#9ca3af}.dark .gender-btn:hover{color:#e5e7eb}.dark .gender-btn.active{background:#3f3f46;color:#818cf8;box-shadow:none}.dark .audience-tabs{background:#27272a}.dark .audience-tab{color:#9ca3af}.dark .audience-tab:hover{color:#e5e7eb}.dark .audience-tab.active{background:#3f3f46;box-shadow:none}.dark .audience-tab.active.include{color:#6ee7b7}.dark .audience-tab.active.exclude{color:#fca5a5}.dark .targeting-type{background:#1f1f23;border-color:#3f3f46}.dark .targeting-type-header{color:#9ca3af}.dark .targeting-type-header svg{color:#71717a}.dark .targeting-badge{background:#3f3f46;color:#e5e7eb}.dark .targeting-badge button{color:#71717a}.dark .targeting-badge button:hover{color:#fca5a5}.dark .targeting-empty{color:#71717a}.dark .tag-label{color:#9ca3af}.dark .tag.interest{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.dark .tag.behavior{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.dark .tag.demographic{background:#ec489926;border-color:#ec48994d;color:#f472b6}.dark .targeting-group-header{background:#1f1f23;border-bottom-color:#3f3f46;color:#9ca3af}.dark .targeting-type.interest{background:#fbbf2433;color:#fbbf24}.dark .targeting-type.behavior{background:#3b82f633;color:#60a5fa}.dark .targeting-type.demographic{background:#ec489933;color:#f472b6}.dark .audience-size{color:#71717a}.ad-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ad-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.ad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.ad-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.ad-modal-count{display:block;font-size:13px;font-weight:400;color:#6b7280;margin-top:2px}.ad-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:8px;color:#6b7280;transition:all .2s}.ad-modal-close:hover{background:#f3f4f6;color:#111827}.ad-modal-search{position:relative;padding:16px 24px;border-bottom:1px solid #e5e7eb}.ad-modal-search .search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:#9ca3af}.ad-modal-search input{width:100%;padding:12px 16px 12px 44px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:all .2s}.ad-modal-search input:focus{background:#fff;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ad-modal-search input::-moz-placeholder{color:#9ca3af}.ad-modal-search input::placeholder{color:#9ca3af}.ad-modal-error-banner{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;border-bottom:1px solid #fee2e2;color:#dc2626;font-size:14px}.ad-modal-list{flex:1;overflow-y:auto;padding:8px}.ad-modal-loading,.ad-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;font-size:14px}.ad-modal-loading .spinning{animation:spin 1s linear infinite;margin-bottom:12px}.ad-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s}.ad-item:hover{background:#f9fafb}.ad-item.selected{background:#eef2ff}.ad-item-preview{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6}.ad-item-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.ad-item-main{flex:1;min-width:0}.ad-item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.ad-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ad-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.ad-status.status-active{background:#d1fae5;color:#059669}.ad-status.status-paused{background:#f3f4f6;color:#6b7280}.ad-status.status-archived{background:#fee2e2;color:#dc2626}.ad-creative-id{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.ad-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;border-radius:50%;color:#fff;flex-shrink:0}.ad-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.ad-modal-footer .btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.ad-modal-footer .btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.ad-modal-footer .btn-confirm{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.ad-modal-footer .btn-confirm:hover{background:#2828d0}.ad-modal-footer .btn-confirm:disabled{background:#9ca3af;cursor:not-allowed}.dark .ad-modal{background:#1f1f23}.dark .ad-modal-header{border-bottom-color:#3f3f46}.dark .ad-modal-header h2{color:#f9fafb}.dark .ad-modal-count,.dark .ad-modal-close{color:#9ca3af}.dark .ad-modal-close:hover{background:#27272a;color:#f9fafb}.dark .ad-modal-search{border-bottom-color:#3f3f46}.dark .ad-modal-search input{background:#27272a;border-color:#3f3f46;color:#f9fafb}.dark .ad-modal-search input:focus{background:#1f1f23;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.dark .ad-modal-search input::-moz-placeholder{color:#71717a}.dark .ad-modal-search input::placeholder{color:#71717a}.dark .ad-modal-error-banner{background:#dc26261a;border-bottom-color:#dc262633;color:#f87171}.dark .ad-modal-loading,.dark .ad-modal-empty{color:#9ca3af}.dark .ad-item:hover{background:#27272a}.dark .ad-item.selected{background:#818cf81a}.dark .ad-item-preview{background:#27272a}.dark .ad-item-placeholder{color:#71717a}.dark .ad-item-name{color:#f9fafb}.dark .ad-status.status-active{background:#05966933;color:#34d399}.dark .ad-status.status-paused{background:#3f3f46;color:#9ca3af}.dark .ad-status.status-archived{background:#dc262633;color:#f87171}.dark .ad-creative-id{color:#9ca3af}.dark .ad-item-check{background:#818cf8}.dark .ad-modal-footer{border-top-color:#3f3f46}.dark .ad-modal-footer .btn-cancel{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .ad-modal-footer .btn-cancel:hover{background:#3f3f46;border-color:#52525b}@media (max-width: 640px){.ad-modal{max-height:100vh;border-radius:0}}.create-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-ad-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdSlideIn .2s ease-out}.create-ad-modal.large{max-width:700px}@keyframes createAdSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-ad-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-ad-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-ad-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-ad-close:hover{background:#f3f4f6;color:#111827}.create-ad-body{flex:1;overflow-y:auto;padding:24px}.create-ad-body::-webkit-scrollbar{width:6px}.create-ad-body::-webkit-scrollbar-track{background:transparent}.create-ad-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.create-ad-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.create-ad-error{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:20px}.create-ad-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:0;line-height:1}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.form-section.last{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group .required{color:#ef4444}.form-group .text-count{color:#9ca3af;font-weight:400;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .15s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:60px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.loading-field{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.loading-field .spinning{animation:spin 1s linear infinite}.toggle-group{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.toggle-group>div:first-child{flex:1}.toggle-group label{margin-bottom:2px}.toggle-group .form-hint{margin-top:2px}.toggle{width:44px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.toggle.active{background:#3434ef}.toggle-slider{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.toggle.active .toggle-slider{transform:translate(20px)}.multi-input-row{display:flex;gap:8px;margin-bottom:8px}.multi-input-row:last-of-type{margin-bottom:0}.multi-input-row input,.multi-input-row textarea{flex:1}.btn-remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-remove:hover{background:#fecaca}.multi-input-row textarea+.btn-remove{height:auto;min-height:60px;align-self:stretch}.btn-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;margin-top:8px;background:none;border:1px dashed #D1D5DB;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-add:hover{border-color:#3434ef;color:#3434ef;background:#3434ef05}.btn-edit-destinations{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .15s ease}.btn-edit-destinations:hover{background:#f3f4f6;border-color:#d1d5db}.btn-edit-destinations span{flex:1;text-align:left}.btn-edit-destinations .rotated{transform:rotate(180deg)}.personalized-destinations{margin-top:12px;padding:16px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:16px}.create-ad-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #E5E7EB;flex-shrink:0}.footer-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.dark .create-ad-modal{background:#1f1f23}.dark .create-ad-header{border-bottom-color:#27272a}.dark .create-ad-header h2{color:#f9fafb}.dark .create-ad-close{color:#9ca3af}.dark .create-ad-close:hover{background:#27272a;color:#f9fafb}.dark .create-ad-body::-webkit-scrollbar-thumb{background:#3f3f46}.dark .create-ad-body::-webkit-scrollbar-thumb:hover{background:#52525b}.dark .create-ad-error{background:#dc26261a;border-color:#dc26264d}.dark .form-section{border-bottom-color:#27272a}.dark .section-title{color:#f9fafb}.dark .form-group label{color:#e5e7eb}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#27272a;border-color:#3f3f46;color:#f9fafb}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.dark .form-group input::-moz-placeholder,.dark .form-group textarea::-moz-placeholder{color:#71717a}.dark .form-group input::placeholder,.dark .form-group textarea::placeholder{color:#71717a}.dark .form-group input:disabled,.dark .form-group select:disabled,.dark .form-group textarea:disabled{background:#18181b;color:#71717a}.dark .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dark .form-hint{color:#9ca3af}.dark .loading-field{background:#27272a;border-color:#3f3f46;color:#9ca3af}.dark .toggle{background:#3f3f46}.dark .toggle.active{background:#818cf8}.dark .btn-remove{background:#dc262626;color:#f87171}.dark .btn-remove:hover{background:#dc262640}.dark .btn-add{border-color:#3f3f46;color:#9ca3af}.dark .btn-add:hover{border-color:#818cf8;color:#818cf8;background:#818cf80d}.dark .btn-edit-destinations{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .btn-edit-destinations:hover{background:#3f3f46;border-color:#52525b}.dark .personalized-destinations{background:#27272a}.dark .create-ad-footer{border-top-color:#27272a}.dark .btn-secondary:hover:not(:disabled){background:#3f3f46}.dark .btn-primary{background:#3434ef}.dark .btn-primary:hover:not(:disabled){background:#2828d0}.dark .btn-primary:disabled{background:#3f3f46}.advantage-header{display:flex;justify-content:space-between;align-items:center}.btn-edit{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-edit:hover{background:#e5e7eb;border-color:#d1d5db}.advantage-summary{font-size:12px;color:#6b7280;margin-top:4px}.sub-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.sub-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdSlideIn .2s ease-out}.sub-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.sub-modal-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.sub-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .15s ease}.sub-modal-close:hover{background:#f3f4f6;color:#111827}.sub-modal-body{flex:1;overflow-y:auto;padding:20px}.sub-modal-body::-webkit-scrollbar{width:6px}.sub-modal-body::-webkit-scrollbar-track{background:transparent}.sub-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.enhancement-section{margin-bottom:24px}.enhancement-section:last-child{margin-bottom:0}.enhancement-section h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #F3F4F6}.toggle-row:last-child{border-bottom:none}.toggle-row span{font-size:14px;color:#374151}.sub-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #E5E7EB;flex-shrink:0}.btn-reset{padding:8px 16px;background:none;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-reset:hover{background:#f9fafb;border-color:#d1d5db}.btn-done{padding:8px 20px;background:#3434ef;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.btn-done:hover{background:#2828d0}.dark .btn-edit{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .btn-edit:hover{background:#3f3f46;border-color:#52525b}.dark .advantage-summary{color:#9ca3af}.dark .sub-modal{background:#1f1f23}.dark .sub-modal-header{border-bottom-color:#27272a}.dark .sub-modal-header h3{color:#f9fafb}.dark .sub-modal-close{color:#9ca3af}.dark .sub-modal-close:hover{background:#27272a;color:#f9fafb}.dark .sub-modal-body::-webkit-scrollbar-thumb{background:#3f3f46}.dark .enhancement-section h4{color:#f9fafb;border-bottom-color:#27272a}.dark .toggle-row{border-bottom-color:#27272a}.dark .toggle-row span{color:#e5e7eb}.dark .sub-modal-footer{border-top-color:#27272a}.dark .btn-reset{border-color:#3f3f46;color:#9ca3af}.dark .btn-reset:hover{background:#27272a}.field-description{font-size:13px;color:#6b7280;margin:4px 0 0;line-height:1.5}.toggle-with-label{display:flex;align-items:center;gap:8px;flex-shrink:0}.toggle-with-label>span{font-size:13px;color:#6b7280;min-width:24px}.partnership-options{margin-top:16px}.subsection-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 12px}.option-card{padding:14px 16px;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;margin-bottom:8px;font-size:14px;color:#374151;transition:all .15s ease}.option-card:hover{border-color:#3434ef}.option-card.selected{border-color:#3434ef;background:#3434ef0d}.partnership-identities{margin-top:8px}.identity-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:8px}.identity-number{width:24px;height:24px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151;flex-shrink:0}.identity-info{flex:1;display:flex;align-items:center;gap:10px}.identity-details{display:flex;flex-direction:column;gap:2px}.page-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.page-name{font-size:14px;font-weight:500;color:#111827}.instagram-handle{font-size:13px;color:#6b7280}.no-selection{color:#9ca3af;font-size:14px}.warning-message{padding:12px 14px;border-radius:8px;font-size:14px;margin-top:12px}.warning-message.red{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.sub-modal.large{max-width:900px}.partnership-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:400px}.partnership-input-section{padding-right:24px;border-right:1px solid #E5E7EB}.info-text{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.partnership-input{width:100%;padding:12px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.partnership-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.partnership-input::-moz-placeholder{color:#9ca3af}.partnership-input::placeholder{color:#9ca3af}.partnership-preview-section h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.preview-placement{width:100%;padding:10px 40px 10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;margin-bottom:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.preview-placeholder{background:#f3f4f6;border:2px dashed #D1D5DB;border-radius:8px;height:300px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.dark .field-description{color:#9ca3af}.dark .toggle-with-label>span{color:#9ca3af}.dark .subsection-label{color:#e5e7eb}.dark .option-card{border-color:#3f3f46;color:#e5e7eb;background:#27272a}.dark .option-card:hover{border-color:#818cf8}.dark .option-card.selected{border-color:#818cf8;background:#818cf81a}.dark .identity-row{border-color:#3f3f46;background:#27272a}.dark .identity-number{background:#3f3f46;color:#e5e7eb}.dark .page-name{color:#f9fafb}.dark .instagram-handle{color:#9ca3af}.dark .no-selection{color:#71717a}.dark .warning-message.red{background:#dc26261a;border-color:#dc26264d}.dark .partnership-input-section{border-right-color:#3f3f46}.dark .info-text{color:#9ca3af}.dark .partnership-input{background:#27272a;border-color:#3f3f46;color:#f9fafb}.dark .partnership-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.dark .partnership-input::-moz-placeholder{color:#71717a}.dark .partnership-input::placeholder{color:#71717a}.dark .partnership-preview-section h4{color:#f9fafb}.dark .preview-placement{background:#27272a;border-color:#3f3f46;color:#f9fafb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dark .preview-placeholder{background:#27272a;border-color:#3f3f46;color:#71717a}.linked-account{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;font-size:14px}.linked-account>span:first-child{font-weight:500;color:#166534}.linked-badge{font-size:12px;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:4px}.no-account{padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#6b7280}.dark .linked-account{background:#22c55e1a;border-color:#22c55e4d}.dark .linked-account>span:first-child{color:#4ade80}.dark .linked-badge{background:#22c55e33;color:#4ade80}.dark .no-account{background:#27272a;border-color:#3f3f46;color:#9ca3af}@media (max-width: 640px){.create-ad-modal{max-height:100vh;border-radius:0}.create-ad-modal.large{max-width:100%}.toggle-group{flex-direction:column;align-items:flex-start;gap:8px}.toggle-group>div:first-child{width:100%}.create-ad-footer{flex-direction:column;gap:12px}.footer-actions{width:100%;flex-direction:column}.footer-actions .btn-secondary,.footer-actions .btn-primary{width:100%;justify-content:center}.create-ad-footer>.btn-secondary{width:100%}.sub-modal.large{max-width:100%;max-height:100vh;border-radius:0}.partnership-modal-content{grid-template-columns:1fr;gap:16px}.partnership-input-section{padding-right:0;border-right:none;border-bottom:1px solid #E5E7EB;padding-bottom:16px}.dark .partnership-input-section{border-bottom-color:#3f3f46}.toggle-with-label{margin-top:8px}}.configure-testing-page .configure-main{padding:24px 32px;overflow-y:auto}.configure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.configure-column{display:flex;flex-direction:column;gap:20px}.configure-section{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px}.section-title{font-size:15px;font-weight:600;color:#111827;margin:0;margin-bottom:16px!important;padding-bottom:0}.option-buttons{display:flex;gap:10px}.option-buttons.two-options .option-btn,.option-buttons.three-options .option-btn{flex:1}.option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.option-btn:hover{background:#f3f4f6;border-color:#d1d5db}.option-btn.selected{background:#eef2ff;border-color:#3434ef}.option-btn svg{color:#6b7280;transition:color .15s ease}.option-btn.selected svg{color:#3434ef}.option-btn span{font-size:12px;font-weight:500;color:#374151;text-align:center;line-height:1.3}.option-btn.selected span{color:#3434ef}.option-btn.disabled,.option-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.test-structure-grid{display:flex;flex-direction:column;gap:10px}.structure-card{position:relative;padding:20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s ease}.structure-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.structure-card.selected{background:#3434ef;border-color:#3434ef}.structure-card.disabled{opacity:.5;cursor:not-allowed}.structure-card.disabled:hover{transform:none;box-shadow:0 2px 8px #0000000f}.disabled-hint{display:block;font-size:11px;color:#f59e0b;margin-top:8px;font-style:italic}.configure-testing-page.dark .disabled-hint{color:#fbbf24}.structure-card-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 6px}.structure-card.selected .structure-card-title{color:#fff}.structure-card-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.structure-card.selected .structure-card-desc{color:#fffc}.budget-fields{display:flex;flex-direction:column;gap:16px}.budget-field{display:flex;flex-direction:column;gap:8px}.budget-field label{font-size:13px;font-weight:500;color:#374151}.budget-input-wrapper,.date-input-wrapper,.time-input-wrapper{position:relative}.budget-input-wrapper input,.date-input-wrapper input,.time-input-wrapper input{width:100%;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s ease}.budget-input-wrapper input:focus,.date-input-wrapper input:focus,.time-input-wrapper input:focus{border-color:#3434ef}.budget-input-wrapper input::-moz-placeholder{color:#9ca3af}.budget-input-wrapper input::placeholder{color:#9ca3af}.budget-input-wrapper.disabled input{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.budget-input-wrapper.disabled input::-moz-placeholder{color:#9ca3af}.budget-input-wrapper.disabled input::placeholder{color:#9ca3af}.info-box.cbo-notice{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;font-size:13px;color:#1d4ed8;margin-bottom:16px}.info-box.cbo-notice .info-icon{font-size:16px}.no-scheduling-message{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;font-size:14px;font-weight:500;color:#166534}.no-scheduling-message .info-icon{font-size:18px}.launch-status-section{margin-top:20px;padding-top:20px;border-top:1px solid #E5E7EB}.launch-status-section .section-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.status-options{display:flex;gap:12px}.status-option{flex:1;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.status-option:hover{border-color:#d1d5db;background:#f9fafb}.status-option.selected.paused{border-color:#3434ef;background:#3434ef0d}.status-option.selected.active{border-color:#22c55e;background:#22c55e0d}.status-option .status-icon{font-size:20px;line-height:1;flex-shrink:0}.status-option .status-content{display:flex;flex-direction:column;gap:2px}.status-option .status-title{font-size:14px;font-weight:600;color:#111827}.status-option.selected.paused .status-title{color:#3434ef}.status-option.selected.active .status-title{color:#16a34a}.status-option .status-desc{font-size:12px;color:#6b7280;line-height:1.4}.configure-testing-page.dark .configure-section{background:#1f1f23;border-color:#27272a}.configure-testing-page.dark .section-title{color:#fff}.configure-testing-page.dark .option-btn{background:#27272a;border-color:#3f3f46}.configure-testing-page.dark .option-btn:hover{background:#3f3f46;border-color:#52525b}.configure-testing-page.dark .option-btn.selected{background:#818cf81a;border-color:#818cf8}.configure-testing-page.dark .option-btn svg{color:#a1a1aa}.configure-testing-page.dark .option-btn.selected svg{color:#818cf8}.configure-testing-page.dark .option-btn span{color:#e5e7eb}.configure-testing-page.dark .option-btn.selected span{color:#818cf8}.configure-testing-page.dark .option-btn.disabled,.configure-testing-page.dark .option-btn:disabled{opacity:.4}.configure-testing-page.dark .structure-card{background:#27272a;border-color:#3f3f46}.configure-testing-page.dark .structure-card:hover{border-color:#52525b;box-shadow:0 2px 8px #0003}.configure-testing-page.dark .structure-card.selected{background:#3434ef;border-color:#3434ef}.configure-testing-page.dark .structure-card-title,.configure-testing-page.dark .structure-card.selected .structure-card-title{color:#fff}.configure-testing-page.dark .structure-card-desc{color:#71717a}.configure-testing-page.dark .structure-card.selected .structure-card-desc{color:#fffc}.configure-testing-page.dark .budget-field label{color:#e5e7eb}.configure-testing-page.dark .budget-input-wrapper input,.configure-testing-page.dark .date-input-wrapper input,.configure-testing-page.dark .time-input-wrapper input{background:#27272a;border-color:#3f3f46;color:#fff}.configure-testing-page.dark .budget-input-wrapper input:focus,.configure-testing-page.dark .date-input-wrapper input:focus,.configure-testing-page.dark .time-input-wrapper input:focus{border-color:#818cf8}.configure-testing-page.dark .budget-input-wrapper.disabled input{background:#18181b;color:#71717a}.configure-testing-page.dark .info-box.cbo-notice{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.configure-testing-page.dark .no-scheduling-message{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.configure-testing-page.dark .launch-status-section{border-top-color:#3f3f46}.configure-testing-page.dark .launch-status-section .section-label{color:#e5e7eb}.configure-testing-page.dark .status-option{background:#27272a;border-color:#3f3f46}.configure-testing-page.dark .status-option:hover{border-color:#52525b;background:#3f3f46}.configure-testing-page.dark .status-option.selected.paused{border-color:#818cf8;background:#818cf81a}.configure-testing-page.dark .status-option.selected.active{border-color:#4ade80;background:#4ade801a}.configure-testing-page.dark .status-option .status-title{color:#f9fafb}.configure-testing-page.dark .status-option.selected.paused .status-title{color:#818cf8}.configure-testing-page.dark .status-option.selected.active .status-title{color:#4ade80}.configure-testing-page.dark .status-option .status-desc{color:#9ca3af}.selected-entity{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px}.selected-entity-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.selected-entity-label{font-size:12px;color:#6b7280;flex-shrink:0}.selected-entity-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-entity-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.selected-entity-status.active{background:#d1fae5;color:#059669}.selected-entity-status.paused{background:#f3f4f6;color:#6b7280}.selected-entity-change{font-size:12px;font-weight:500;color:#3434ef;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s ease;flex-shrink:0}.selected-entity-change:hover{background:#eef2ff}.configure-testing-page.dark .selected-entity{background:#27272a;border-color:#3f3f46}.configure-testing-page.dark .selected-entity-label{color:#9ca3af}.configure-testing-page.dark .selected-entity-name{color:#f9fafb}.configure-testing-page.dark .selected-entity-status.active{background:#05966933;color:#34d399}.configure-testing-page.dark .selected-entity-status.paused{background:#3f3f46;color:#9ca3af}.configure-testing-page.dark .selected-entity-change{color:#818cf8}.configure-testing-page.dark .selected-entity-change:hover{background:#818cf81a}.entity-warning{display:flex;align-items:center;margin-top:12px;padding:10px 14px;background:#fef3c7;border:1px solid #FCD34D;border-radius:8px;font-size:12px;color:#92400e}.configure-testing-page.dark .entity-warning{background:#d977061a;border-color:#d977064d;color:#fbbf24}.all-in-one-name-input{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px}.all-in-one-name-input label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.all-in-one-name-input label .required{color:#ef4444}.all-in-one-name-input input{width:100%;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.all-in-one-name-input input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.all-in-one-name-input input::-moz-placeholder{color:#9ca3af}.all-in-one-name-input input::placeholder{color:#9ca3af}.configure-testing-page.dark .all-in-one-name-input{background:#27272a;border-color:#3f3f46}.configure-testing-page.dark .all-in-one-name-input label{color:#e5e7eb}.configure-testing-page.dark .all-in-one-name-input input{background:#18181b;border-color:#3f3f46;color:#f9fafb}.configure-testing-page.dark .all-in-one-name-input input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.configure-testing-page.dark .all-in-one-name-input input::-moz-placeholder{color:#71717a}.configure-testing-page.dark .all-in-one-name-input input::placeholder{color:#71717a}.template-selector{margin-top:16px;display:flex;flex-direction:column;gap:8px}.template-selector label{font-size:13px;font-weight:500;color:#374151}.template-selector select{width:100%;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;cursor:pointer;transition:border-color .15s ease}.template-selector select:focus{border-color:#3434ef}.loading-templates{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.loading-templates .spinning{animation:spin 1s linear infinite}.no-templates{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.create-template-link{background:none;border:none;color:#3434ef;font-size:13px;font-weight:500;cursor:pointer;padding:0}.create-template-link:hover{text-decoration:underline}.selected-entity-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#eef2ff;color:#3434ef;border-radius:4px;flex-shrink:0}.configure-testing-page.dark .template-selector label{color:#e5e7eb}.configure-testing-page.dark .template-selector select{background:#27272a;border-color:#3f3f46;color:#fff}.configure-testing-page.dark .template-selector select:focus{border-color:#818cf8}.configure-testing-page.dark .loading-templates,.configure-testing-page.dark .no-templates{background:#27272a;border-color:#3f3f46;color:#9ca3af}.configure-testing-page.dark .create-template-link{color:#818cf8}.configure-testing-page.dark .selected-entity-badge{background:#818cf81a;color:#818cf8}.ad-option-info{margin-top:16px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px}.info-box.coming-soon{background:#fef3c7;border:1px solid #FCD34D}.info-box.success{background:#d1fae5;border:1px solid #6EE7B7}.info-box .info-icon{font-size:18px;flex-shrink:0}.info-box .info-content{flex:1}.info-box .info-content strong{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.info-box .info-content p{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.info-box.coming-soon .info-content strong{color:#92400e}.info-box.coming-soon .info-content p{color:#a16207}.info-box.success .info-content strong{color:#065f46}.info-box.success .info-content p{color:#047857}.configure-testing-page.dark .info-box.coming-soon{background:#d977061a;border-color:#d977064d}.configure-testing-page.dark .info-box.coming-soon .info-content strong{color:#fbbf24}.configure-testing-page.dark .info-box.coming-soon .info-content p{color:#f59e0b}.configure-testing-page.dark .info-box.success{background:#10b9811a;border-color:#10b9814d}.configure-testing-page.dark .info-box.success .info-content strong{color:#34d399}.configure-testing-page.dark .info-box.success .info-content p{color:#10b981}.create-ad-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.create-ad-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-ad-form .form-group{display:flex;flex-direction:column;gap:6px}.create-ad-form label{font-size:13px;font-weight:500;color:#374151}.create-ad-form label .required{color:#dc2626}.create-ad-form input,.create-ad-form select,.create-ad-form textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s ease}.create-ad-form input:focus,.create-ad-form select:focus,.create-ad-form textarea:focus{border-color:#3434ef}.create-ad-form input::-moz-placeholder,.create-ad-form textarea::-moz-placeholder{color:#9ca3af}.create-ad-form input::placeholder,.create-ad-form textarea::placeholder{color:#9ca3af}.create-ad-form textarea{resize:vertical;min-height:80px}.configure-testing-page.dark .create-ad-form label{color:#e5e7eb}.configure-testing-page.dark .create-ad-form input,.configure-testing-page.dark .create-ad-form select,.configure-testing-page.dark .create-ad-form textarea{background:#27272a;border-color:#3f3f46;color:#fff}.configure-testing-page.dark .create-ad-form input:focus,.configure-testing-page.dark .create-ad-form select:focus,.configure-testing-page.dark .create-ad-form textarea:focus{border-color:#818cf8}.configure-testing-page.dark .create-ad-form input::-moz-placeholder,.configure-testing-page.dark .create-ad-form textarea::-moz-placeholder{color:#71717a}.configure-testing-page.dark .create-ad-form input::placeholder,.configure-testing-page.dark .create-ad-form textarea::placeholder{color:#71717a}@media (max-width: 900px){.configure-grid{grid-template-columns:1fr}.option-buttons.three-options{flex-direction:column}.option-buttons.three-options .option-btn{flex-direction:row;justify-content:flex-start;padding:12px 16px}.create-ad-form .form-row{grid-template-columns:1fr}}.csp-container{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.csp-campaign-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.csp-campaign-icon{width:36px;height:36px;border-radius:8px;background:#eef2ff;color:#3434ef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-campaign-info{display:flex;flex-direction:column;flex:1;min-width:0}.csp-campaign-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.csp-campaign-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-status-dot{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.csp-status-dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.csp-status-dot.active{background:#ecfdf5;color:#059669}.csp-status-dot.active:before{background:#10b981}.csp-status-dot.paused{background:#fef3c7;color:#d97706}.csp-status-dot.paused:before{background:#f59e0b}.csp-status-dot.draft{background:#f3f4f6;color:#6b7280}.csp-status-dot.draft:before{background:#9ca3af}.csp-adsets-container{display:flex;flex-direction:column}.csp-adset{border-bottom:1px solid #E5E7EB}.csp-adset:last-child{border-bottom:none}.csp-adset-header{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;transition:background .15s ease}.csp-adset-header:hover{background:#f9fafb}.csp-adset-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.csp-adset-icon{width:28px;height:28px;border-radius:6px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-adset-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.csp-adset-name{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-adset-budget{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;flex-shrink:0}.csp-adset-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.csp-ad-count{font-size:12px;color:#6b7280}.csp-existing-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#e5e7eb;color:#6b7280}.csp-new-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#dbeafe;color:#2563eb}.csp-ads-container{padding:4px 20px 12px 60px;display:flex;flex-direction:column;gap:6px}.csp-ad{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;transition:background .15s ease}.csp-ad:hover{background:#f3f4f6}.csp-ad-icon{width:24px;height:24px;border-radius:4px;background:#fff;border:1px solid #E5E7EB;color:#9ca3af;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-ad-name{font-size:14px;font-weight:600;color:#111827;min-width:120px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-ad-creatives{display:flex;gap:6px;flex:1;min-width:0}.csp-creative-thumb{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid #E5E7EB;background:#f9fafb;flex-shrink:0}.csp-creative-thumb img,.csp-creative-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.csp-creative-thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.csp-creative-thumb__format{position:absolute;bottom:1px;left:1px;right:1px;font-size:8px;font-weight:600;background:#000000bf;color:#fff;padding:1px 3px;border-radius:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-format-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;background:#eef2ff;color:#3434ef;flex-shrink:0}.csp-summary{padding:12px 20px;background:#f9fafb;border-top:1px solid #E5E7EB}.csp-summary p{margin:0;font-size:13px;color:#6b7280}.csp-summary strong{color:#111827;font-weight:600}.csp-empty{padding:40px 20px;text-align:center}.csp-empty p{margin:0;font-size:14px;color:#9ca3af}@media (max-width: 768px){.csp-campaign-header{padding:12px 16px}.csp-adset-header{padding:10px 16px}.csp-ads-container{padding-left:48px;padding-right:16px}.csp-adset-info{flex-direction:column;align-items:flex-start;gap:4px}.csp-adset-meta{flex-wrap:wrap}}.launch-progress-page{display:flex;flex-direction:column;height:100%;max-height:100%;padding:16px 20px;overflow:hidden!important;min-height:0!important}.launch-progress-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:10px;margin-bottom:12px;flex-shrink:0;flex-grow:0}.launch-progress-header--complete{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.launch-progress-header--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.launch-progress-header__left{display:flex;align-items:center;gap:12px}.launch-progress-header__left>svg{flex-shrink:0}.launch-progress-header__left .text-green{color:#059669}.launch-progress-header__left .text-red{color:#dc2626}.launch-progress-header__left .text-blue{color:#3434ef}.launch-progress-title{font-size:16px;font-weight:600;color:#111827;margin:0}.launch-progress-subtitle{font-size:12px;color:#6b7280;margin:2px 0 0}.launch-progress-header--complete .launch-progress-title{color:#065f46}.launch-progress-header--complete .launch-progress-subtitle{color:#047857}.launch-progress-header--error .launch-progress-title{color:#991b1b}.launch-progress-header--error .launch-progress-subtitle{color:#b91c1c}.launch-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.launch-status-badge--active{background:#eef2ff;color:#3434ef}.launch-status-badge--success{background:#d1fae5;color:#059669}.launch-status-badge--error{background:#fee2e2;color:#dc2626}.launch-progress-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0!important;max-height:100%;overflow:hidden!important}.launch-quadrant{background:#fff;border:1px solid #E5E7EB;border-radius:10px;display:flex;flex-direction:column;overflow:hidden!important;min-height:0!important;height:100%;max-height:100%}.quadrant-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #F3F4F6;flex-shrink:0;flex-grow:0}.quadrant-header h3{font-size:12px;font-weight:600;color:#111827;margin:0;flex:1}.quadrant-count{font-size:10px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.quadrant-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;min-height:0!important;max-height:100%}.quadrant-content--log{font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,monospace;font-size:11px}.quadrant-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #F9FAFB}.info-label{font-size:11px;color:#6b7280}.info-value{font-size:11px;font-weight:500;color:#111827;display:flex;align-items:center;gap:4px}.info-value svg{color:#9ca3af}.upload-progress-bar-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:10px}.upload-progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.upload-progress-bar__fill{height:100%;background:linear-gradient(90deg,#3434ef,#6366f1);border-radius:3px;transition:width .3s ease}.upload-progress-percent{font-size:11px;font-weight:600;color:#3434ef;min-width:32px;text-align:right}.upload-files-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.upload-file-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#f9fafb;border-radius:6px;font-size:11px}.upload-file-item--done{background:#f0fdf4}.upload-file-item--uploading{background:#eef2ff}.upload-file-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.upload-file-item--done .upload-file-icon{color:#10b981}.upload-file-item--uploading .upload-file-icon{color:#3434ef}.upload-file-icon .dot{width:5px;height:5px;background:#d1d5db;border-radius:50%}.upload-file-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-speed{font-size:10px;color:#f59e0b}.upload-more{font-size:10px;color:#9ca3af;padding:4px 8px}.upload-stats{display:flex;align-items:center;gap:6px;font-size:10px;color:#6b7280;padding-top:8px;border-top:1px solid #F3F4F6}.structure-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:11px}.structure-row--campaign{padding:8px 0;border-bottom:1px solid #F3F4F6;margin-bottom:4px}.structure-row--campaign>svg{color:#3434ef}.structure-row--adset>svg{color:#6b7280}.structure-row--ad>svg{color:#9ca3af}.structure-row__connector{font-family:SF Mono,monospace;color:#d1d5db;font-size:10px;white-space:pre;flex-shrink:0}.structure-row__name{flex:1;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.structure-tree{padding-left:4px}.structure-group{margin-bottom:2px}.structure-more{font-size:10px;color:#9ca3af;padding:2px 0 2px 20px}.status-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:500;margin-left:auto;flex-shrink:0}.status-badge--pending{background:#f3f4f6;color:#6b7280}.status-badge--creating{background:#eef2ff;color:#3434ef}.status-badge--success{background:#d1fae5;color:#059669}.status-badge--error{background:#fee2e2;color:#dc2626}.activity-log{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:10px;line-height:1.6}.log-entry{display:flex;gap:8px;padding:2px 0}.log-time{color:#9ca3af;flex-shrink:0;font-size:9px}.log-message{color:#6b7280;display:flex;align-items:center;gap:4px;word-break:break-word}.log-entry--success .log-message{color:#10b981}.log-entry--success .log-message>svg{color:#10b981}.log-entry--error .log-message{color:#ef4444}.log-entry--error .log-message>svg{color:#ef4444}.log-entry--warning .log-message{color:#f59e0b}.launch-errors{background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-top:12px;overflow:hidden;flex-shrink:0}.launch-errors__header{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fee2e2;border-bottom:1px solid #FECACA;font-size:12px;font-weight:600;color:#991b1b}.launch-errors__header>svg{color:#dc2626}.btn-copy{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;background:#fff;border:1px solid #FECACA;border-radius:4px;font-size:10px;font-weight:500;color:#991b1b;cursor:pointer;transition:all .15s ease}.btn-copy:hover{background:#fef2f2}.launch-errors__content{padding:12px;max-height:100px;overflow-y:auto}.error-block{margin-bottom:10px}.error-block:last-child{margin-bottom:0}.error-block__message{font-size:11px;font-weight:500;color:#991b1b;margin-bottom:4px}.error-block__details{background:#fff;border:1px solid #FECACA;border-radius:6px;padding:8px;font-size:10px;font-family:SF Mono,monospace;color:#7f1d1d;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.launch-progress-footer{display:flex;justify-content:center;gap:10px;padding-top:12px;flex-shrink:0;flex-grow:0}.launch-progress-page .btn-primary,.launch-progress-page .btn-secondary{display:flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.launch-progress-page .btn-primary{background:#3434ef;border:1px solid #2A9CFF;color:#fff;padding:11px 16px;gap:4px;border-radius:10px;position:relative;overflow:hidden}.launch-progress-page .btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff1a,#fff0);pointer-events:none}.launch-progress-page .btn-primary:hover{background:#2828d6}.launch-progress-page .btn-secondary{background:#fff;border:1px solid #DFE1E7;border-radius:10px;padding:11px 16px;gap:8px;color:#0d0d12;box-shadow:0 1px 2px #0d0d120f}.launch-progress-page .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.dark .launch-progress-page{color:#e5e7eb}.dark .launch-progress-header{background:linear-gradient(135deg,#3434ef26,#3434ef1a);border-color:#3434ef4d}.dark .launch-progress-title{color:#f9fafb}.dark .launch-progress-subtitle{color:#9ca3af}.dark .launch-progress-header--complete{background:linear-gradient(135deg,#10b98126,#10b9811a);border-color:#10b9814d}.dark .launch-progress-header--complete .launch-progress-title{color:#6ee7b7}.dark .launch-progress-header--complete .launch-progress-subtitle{color:#34d399}.dark .launch-progress-header--error{background:linear-gradient(135deg,#dc262626,#dc26261a);border-color:#dc26264d}.dark .launch-progress-header--error .launch-progress-title{color:#fca5a5}.dark .launch-progress-header--error .launch-progress-subtitle{color:#f87171}.dark .launch-status-badge--active{background:#3434ef33;color:#818cf8}.dark .launch-status-badge--success{background:#10b98133;color:#34d399}.dark .launch-status-badge--error{background:#dc262633;color:#f87171}.dark .upload-progress-bar,.dark .upload-file-item{background:#27272a}.dark .upload-file-item--done{background:#10b9811a}.dark .upload-file-item--uploading{background:#3434ef1a}.dark .upload-file-name{color:#e5e7eb}.dark .upload-stats{border-color:#27272a;color:#a1a1aa}.dark .structure-row--campaign{border-color:#27272a}.dark .structure-row__name{color:#f9fafb}.dark .structure-row__connector{color:#4b5563}.dark .status-badge--pending{background:#374151;color:#9ca3af}.dark .status-badge--creating{background:#3434ef33;color:#818cf8}.dark .status-badge--success{background:#10b98133;color:#34d399}.dark .status-badge--error{background:#dc262633;color:#f87171}.dark .log-entry--success .log-message{color:#34d399}.dark .log-entry--error .log-message{color:#f87171}.dark .log-entry--warning .log-message{color:#fbbf24}.dark .launch-errors{background:#dc26261a;border-color:#dc26264d}.dark .launch-errors__header{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.dark .btn-copy{background:#1f2937;border-color:#dc26264d;color:#fca5a5}.dark .btn-copy:hover{background:#374151}.dark .error-block__message{color:#fca5a5}.dark .error-block__details{background:#1f2937;border-color:#dc26264d;color:#f87171}.dark .launch-progress-page .btn-secondary{background:#18181b;border-color:#27272a;color:#e5e7eb}.dark .launch-progress-page .btn-secondary:hover{background:#27272a;border-color:#3f3f46}.dark .launch-progress-page .btn-primary{background:#3434ef;border-color:#2a9cff}.dark .launch-progress-page .btn-primary:hover{background:#2828d6}@media (max-width: 1024px){.launch-progress-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow-y:auto}.launch-quadrant{min-height:150px}}@media (max-width: 768px){.launch-progress-page{padding:12px 16px}.launch-progress-header{flex-direction:column;align-items:flex-start;gap:10px}.launch-progress-footer{flex-direction:column}.launch-progress-footer button,.launch-progress-footer a{width:100%;justify-content:center}}.preview-page .preview-main{padding:24px 32px;overflow-y:auto}.preview-content{margin-top:24px}.preview-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.preview-empty-state p{color:#6b7280;font-size:14px;margin-bottom:20px}.preview-empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.preview-empty-state .btn-primary:hover{background:#2828d0}.preview-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.preview-summary-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-card-title{font-size:13px;font-weight:500;color:#6b7280}.summary-card-value{font-size:20px;font-weight:700;color:#111827}.summary-card-detail{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.preview-section{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-bottom:20px}.preview-section .section-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 16px}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header-row .section-title{margin:0}.creatives-count{font-size:13px;font-weight:500;color:#6b7280}.creatives-preview-container{max-height:400px;overflow-y:auto;border-radius:8px}.creatives-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.creative-thumbnail{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#000;position:relative}.creative-thumbnail img,.creative-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creative-thumbnail__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1f1f23;color:#6b7280}.creative-thumbnail__name{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,#000c);font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-creatives-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preview-creative-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.preview-thumbnail{width:100%;aspect-ratio:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.preview-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-placeholder{color:#9ca3af}.preview-filename{display:block;padding:8px 10px;font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more-card{background:#f3f4f6;border:1px dashed #D1D5DB;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#6b7280;aspect-ratio:1}.config-summary-list{display:flex;flex-direction:column;gap:12px}.config-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px}.config-label{font-size:13px;font-weight:500;color:#6b7280}.config-value{font-size:13px;font-weight:600;color:#111827}.preview-ready-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86EFAC;border-radius:12px}.ready-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.ready-text h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.ready-text p{font-size:13px;color:#6b7280;margin:0}.btn-launch{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-launch:hover:not(:disabled){background:#16a34a}.btn-launch:disabled{background:#9ca3af;cursor:not-allowed}.btn-launch .spinner{animation:spin 1s linear infinite}.btn-success{background:linear-gradient(135deg,#059669,#10b981)!important;text-decoration:none}.btn-success:hover{background:linear-gradient(135deg,#047857,#059669)!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.preview-error-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA;border-radius:12px;margin-bottom:20px}.error-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:50%;color:#fff;flex-shrink:0}.error-text{flex:1}.error-text h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 4px}.error-text p{font-size:13px;color:#dc2626;margin:0}.btn-dismiss{padding:6px 12px;background:transparent;border:1px solid #FECACA;border-radius:6px;font-size:12px;font-weight:500;color:#991b1b;cursor:pointer;transition:all .2s}.btn-dismiss:hover{background:#fee2e2}.preview-success-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86EFAC;border-radius:12px;margin-bottom:20px}.success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.success-text{flex:1}.success-text h4{font-size:16px;font-weight:600;color:#166534;margin:0 0 6px}.success-text p{font-size:14px;color:#15803d;margin:0 0 16px}.success-actions{display:flex;gap:12px}.btn-view-meta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#166534;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:background .2s}.btn-view-meta:hover{background:#14532d}.btn-new-test{padding:8px 16px;background:transparent;border:1px solid #86EFAC;border-radius:6px;font-size:13px;font-weight:500;color:#166534;cursor:pointer;transition:all .2s}.btn-new-test:hover{background:#dcfce7}.preview-page.dark .preview-summary-card{background:#1f1f23;border-color:#27272a}.preview-page.dark .summary-card-title{color:#a1a1aa}.preview-page.dark .summary-card-value{color:#fff}.preview-page.dark .summary-card-detail{color:#71717a}.preview-page.dark .preview-section{background:#1f1f23;border-color:#27272a}.preview-page.dark .preview-section .section-title{color:#fff}.preview-page.dark .preview-creative-card{background:#27272a;border-color:#3f3f46}.preview-page.dark .preview-thumbnail{background:#18181b}.preview-page.dark .preview-filename{color:#a1a1aa}.preview-page.dark .preview-more-card{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.preview-page.dark .config-summary-item{background:#27272a;border-color:#3f3f46}.preview-page.dark .config-label{color:#a1a1aa}.preview-page.dark .config-value{color:#fff}.preview-page.dark .preview-ready-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e26);border-color:#3f3f46}.preview-page.dark .ready-text h4{color:#fff}.preview-page.dark .ready-text p{color:#a1a1aa}.preview-page.dark .preview-error-banner{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d}.preview-page.dark .error-text h4{color:#fca5a5}.preview-page.dark .error-text p{color:#f87171}.preview-page.dark .btn-dismiss{border-color:#dc26264d;color:#fca5a5}.preview-page.dark .btn-dismiss:hover{background:#dc262633}.preview-page.dark .preview-success-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e26);border-color:#22c55e4d}.preview-page.dark .success-text h4{color:#86efac}.preview-page.dark .success-text p{color:#4ade80}.preview-page.dark .btn-view-meta{background:#166534}.preview-page.dark .btn-view-meta:hover{background:#15803d}.preview-page.dark .btn-new-test{border-color:#22c55e4d;color:#86efac}.preview-page.dark .btn-new-test:hover{background:#22c55e33}@media (max-width: 900px){.preview-summary-grid{grid-template-columns:1fr}.preview-creatives-grid{grid-template-columns:repeat(2,1fr)}.creatives-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.section-header-row{flex-direction:column;align-items:flex-start;gap:8px}}.launch-page .launch-main{display:flex;flex-direction:column;height:100%;padding:16px 20px;overflow:hidden}.launch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.launch-header-left{display:flex;align-items:center;gap:12px}.btn-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#e5e7eb;color:#374151}.launch-title{font-size:18px;font-weight:600;color:#111827;margin:0}.launch-subtitle{font-size:12px;color:#6b7280;margin:2px 0 0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.launch-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0;overflow:hidden}.launch-quadrant{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;overflow:hidden}.quadrant-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f3f4f6;margin-bottom:12px;flex-shrink:0}.quadrant-header svg{color:#6b7280}.quadrant-header h3{font-size:13px;font-weight:600;color:#111827;margin:0;flex:1}.quadrant-count{font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.quadrant-content{flex:1;overflow-y:auto;min-height:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f9fafb}.info-row:last-child{border-bottom:none}.info-label{font-size:12px;color:#6b7280}.info-value{font-size:12px;font-weight:500;color:#111827;display:flex;align-items:center;gap:6px}.progress-bar-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3434ef,#6366f1);border-radius:4px;transition:width .3s ease}.progress-percent{font-size:12px;font-weight:600;color:#3434ef;min-width:36px;text-align:right}.upload-stats{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#6b7280}.current-file{display:flex;align-items:center;gap:6px;color:#f59e0b;font-weight:500}.testing-progress{display:flex;flex-direction:column;gap:16px}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-section-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.progress-count{font-size:11px;font-weight:500;color:#6b7280}.failed-count{color:#ef4444;margin-left:4px}.progress-items{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.progress-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f9fafb;border-radius:6px;font-size:11px}.progress-item.success{background:#f0fdf4}.progress-item.error{background:#fef2f2}.progress-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.progress-item.success .progress-item-icon{color:#10b981}.progress-item.error .progress-item-icon{color:#ef4444}.progress-item-icon .dot{width:6px;height:6px;background:#d1d5db;border-radius:50%}.progress-item-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-item-error{font-size:10px;color:#ef4444;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-items{font-size:11px;color:#9ca3af;padding:4px 8px}.activity-log{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;line-height:1.8}.log-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-family:inherit;font-size:12px}.log-entry{display:flex;gap:10px;padding:2px 0}.log-time{color:#9ca3af;flex-shrink:0}.log-message{color:#6b7280;word-break:break-word}.log-entry.success .log-message{color:#10b981}.log-entry.error .log-message{color:#ef4444}.log-entry.warning .log-message{color:#f59e0b}.launch-footer{display:flex;justify-content:center;gap:12px;padding-top:16px;margin-top:auto;flex-shrink:0}.btn-launch{display:flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#3434ef,#6366f1);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-launch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3434ef4d}.btn-launch:disabled{opacity:.7;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#2828c9}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.dark .launch-title{color:#fff}.dark .launch-subtitle{color:#a1a1aa}.dark .btn-back{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.dark .btn-back:hover{background:#3f3f46;color:#fff}.dark .launch-quadrant{background:#1f1f23;border-color:#3f3f46}.dark .quadrant-header{border-color:#27272a}.dark .quadrant-header h3{color:#fff}.dark .quadrant-header svg{color:#a1a1aa}.dark .quadrant-count{background:#27272a;color:#a1a1aa}.dark .info-row{border-color:#27272a}.dark .info-label{color:#a1a1aa}.dark .info-value{color:#fff}.dark .progress-bar{background:#27272a}.dark .upload-stats{color:#a1a1aa}.dark .progress-section-header{color:#e5e7eb}.dark .progress-count{color:#a1a1aa}.dark .progress-item{background:#27272a}.dark .progress-item.success{background:#10b9811a}.dark .progress-item.error{background:#ef44441a}.dark .progress-item-name{color:#e5e7eb}.dark .log-empty,.dark .log-time{color:#71717a}.dark .log-message{color:#a1a1aa}.dark .btn-secondary{background:#27272a;border-color:#3f3f46;color:#e5e7eb}.dark .btn-secondary:hover{background:#3f3f46}@media (max-width: 1024px){.launch-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;overflow-y:auto}.launch-quadrant{min-height:200px}}@media (max-width: 768px){.launch-page .launch-main{padding:12px 16px}.launch-header{flex-direction:column;align-items:flex-start;gap:12px}.launch-footer{flex-direction:column}.launch-footer button{width:100%;justify-content:center}}.coming-soon-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:80px 48px;text-align:center}.coming-soon-card p{font-size:16px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.dark .coming-soon-card{background:#121215;border-color:#27272a}.dark .coming-soon-card p{color:#a1a1aa}@media (max-width: 768px){.coming-soon-card{padding:48px 24px}}.notifications-settings{margin-bottom:32px}.settings-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.card-header{margin-bottom:24px}.card-title{font-size:18px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;margin-bottom:4px}.card-subtitle{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif}.channels-section{display:flex;flex-direction:column;gap:16px}.channel-item{border:1px solid #EBEBEB;border-radius:12px;padding:16px;background:#fafafa;transition:all .2s ease}.channel-item:hover{border-color:#d4d4d8;background:#fff}.channel-main{display:flex;align-items:center;gap:16px;margin-bottom:12px}.channel-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #EBEBEB;background:#fff}.discord-icon{color:#5865f2}.slack-icon{color:#4a154b}.email-icon{color:#3434ef}.channel-info{flex:1;display:flex;flex-direction:column;gap:4px}.channel-name{font-size:15px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.channel-status{font-size:13px;color:#666d80;display:flex;align-items:center;gap:6px}.channel-status.connected{color:#23c16b}.status-dot{width:6px;height:6px;border-radius:50%;background:#23c16b}.email-input{border:1px solid #EBEBEB;border-radius:8px;padding:8px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:#0d0d12;background:#fff;width:280px;transition:all .2s ease}.email-input:focus{outline:none;border-color:#3434ef;background:#fff}.email-input::-moz-placeholder{color:#9ca3af}.email-input::placeholder{color:#9ca3af}.channel-toggle{display:flex;align-items:center}.toggle-switch{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:12px;cursor:pointer;transition:background .3s ease}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.active .toggle-slider{transform:translate(20px)}.channel-configure-btn{padding:8px 16px;background:transparent;border:1px solid #EBEBEB;border-radius:8px;font-size:13px;font-weight:500;color:#666d80;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.channel-configure-btn:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.content-settings-section{padding-top:24px;border-top:1px solid #EBEBEB;margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif;margin-bottom:4px}.section-subtitle{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif;margin-bottom:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{width:18px;height:18px;border:2px solid #D4D4D8;border-radius:4px;cursor:pointer;accent-color:#3434EF}.checkbox-label{font-size:14px;color:#0d0d12;font-family:DM Sans,sans-serif}.settings-footer{padding-top:24px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end}.save-preferences-btn{padding:12px 24px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3434ef33}.save-preferences-btn:hover{background:#2929d9;box-shadow:0 4px 12px #3434ef4d}.notifications-history{margin-bottom:32px}.history-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.history-list{display:flex;flex-direction:column;gap:0}.history-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #F7F8FA;transition:all .2s ease;cursor:pointer}.history-item:last-child{border-bottom:none}.history-item:hover{background:#fafafa;border-radius:8px}.history-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f7f8fa;border:1px solid #EBEBEB;flex-shrink:0}.history-content{flex:1;display:flex;flex-direction:column;gap:4px}.history-channel{font-size:13px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.history-message{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.history-timestamp{font-size:12px;color:#9ca3af;font-family:Inter Tight,sans-serif}.history-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif}.history-status.sent{background:#23c16b1a;color:#23c16b}.history-status.failed{background:#e5002b1a;color:#e5002b}.history-status.pending{background:#fb73191a;color:#fb7319}.status-icon-sent{color:#23c16b}.status-icon-failed{color:#e5002b}.status-icon-pending{color:#fb7319}.status-text{font-size:11px}.history-footer{padding-top:16px;display:flex;justify-content:center}.load-more-btn{padding:10px 20px;background:transparent;border:1px solid #EBEBEB;border-radius:8px;font-size:13px;font-weight:500;color:#666d80;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.notifications-page.dark{background:#050505}.notifications-page.dark .page-title{color:#fff}.notifications-page.dark .page-subtitle{color:#a1a1aa}.notifications-page.dark .settings-card{background:#121215;border-color:#27272a}.notifications-page.dark .card-title{color:#fff}.notifications-page.dark .card-subtitle{color:#71717a}.notifications-page.dark .channel-item{background:transparent;border-color:#27272a}.notifications-page.dark .channel-item:hover{background:#1c1c1f;border-color:#3f3f46}.notifications-page.dark .channel-icon{background:transparent;border-color:#27272a}.notifications-page.dark .channel-name{color:#fff}.notifications-page.dark .channel-status{color:#a1a1aa}.notifications-page.dark .email-input{background:#1c1c1f;border-color:#27272a;color:#fff}.notifications-page.dark .email-input:focus{background:#1c1c1f;border-color:#818cf8}.notifications-page.dark .email-input::-moz-placeholder{color:#71717a}.notifications-page.dark .email-input::placeholder{color:#71717a}.notifications-page.dark .toggle-switch{background:#27272a}.notifications-page.dark .toggle-switch.active{background:#818cf8}.notifications-page.dark .channel-configure-btn{border-color:#27272a;color:#a1a1aa}.notifications-page.dark .channel-configure-btn:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.notifications-page.dark .content-settings-section{border-top-color:#27272a}.notifications-page.dark .section-title{color:#fff}.notifications-page.dark .section-subtitle{color:#71717a}.notifications-page.dark .checkbox-item input[type=checkbox]{border-color:#27272a;accent-color:#818CF8}.notifications-page.dark .checkbox-label{color:#d4d4d8}.notifications-page.dark .settings-footer{border-top-color:#27272a}.notifications-page.dark .save-preferences-btn{background:#818cf8}.notifications-page.dark .save-preferences-btn:hover{background:#6366f1}.notifications-page.dark .history-card{background:#121215;border-color:#27272a}.notifications-page.dark .history-item{border-bottom-color:#1c1c1f}.notifications-page.dark .history-item:hover{background:#1c1c1f}.notifications-page.dark .history-icon{background:transparent;border-color:#27272a}.notifications-page.dark .history-channel{color:#fff}.notifications-page.dark .history-message{color:#a1a1aa}.notifications-page.dark .history-timestamp{color:#71717a}.notifications-page.dark .history-status.sent{background:#23c16b1a;color:#4ade80}.notifications-page.dark .history-status.failed{background:#e5002b1a;color:#f87171}.notifications-page.dark .history-status.pending{background:#fb73191a;color:#fb7319}.notifications-page.dark .load-more-btn{border-color:#27272a;color:#a1a1aa}.notifications-page.dark .load-more-btn:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:#fff;border-radius:16px;border:1px solid #EBEBEB;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #EBEBEB}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #EBEBEB;background:#f7f8fa}.modal-title{font-size:18px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;margin:0}.modal-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#666d80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#f7f8fa;color:#0d0d12}.modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.connection-section{padding:16px;background:#23c16b0d;border:1px solid rgba(35,193,107,.2);border-radius:12px}.connection-status{display:flex;align-items:center;gap:8px;color:#23c16b;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.form-select,.form-input{padding:12px 16px;border:1px solid #EBEBEB;border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:#0d0d12;background:#fff;transition:all .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:#3434ef;background:#fff}.form-select{cursor:pointer}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.content-toggles-section{padding-top:16px;border-top:1px solid #EBEBEB}.toggle-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:10px;transition:all .2s ease}.toggle-item:hover{background:#fafafa;border-color:#d4d4d8}.toggle-info{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:500;color:#0d0d12;font-family:DM Sans,sans-serif}.toggle-description{font-size:12px;color:#666d80;font-family:DM Sans,sans-serif}.modal-footer{padding:24px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end;gap:12px}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:transparent;border:1px solid #EBEBEB;color:#666d80}.btn-secondary:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.btn-primary{background:#3434ef;color:#fff;box-shadow:0 2px 8px #3434ef33}.btn-primary:hover{background:#2929d9;box-shadow:0 4px 12px #3434ef4d}.notifications-page.dark .modal-overlay{background:#000c}.notifications-page.dark .modal-content{background:#121215;border-color:#27272a;box-shadow:0 20px 60px #0009}.notifications-page.dark .modal-header{border-bottom-color:#27272a}.notifications-page.dark .modal-icon{background:transparent;border-color:#27272a}.notifications-page.dark .modal-title{color:#fff}.notifications-page.dark .modal-close-btn{color:#a1a1aa}.notifications-page.dark .modal-close-btn:hover{background:#1c1c1f;color:#fff}.notifications-page.dark .connection-section{background:#23c16b1a;border-color:#23c16b4d}.notifications-page.dark .connection-status{color:#4ade80}.notifications-page.dark .form-label{color:#fff}.notifications-page.dark .form-select,.notifications-page.dark .form-input{background:#1c1c1f;border-color:#27272a;color:#fff}.notifications-page.dark .form-select:focus,.notifications-page.dark .form-input:focus{background:#1c1c1f;border-color:#818cf8}.notifications-page.dark .form-input::-moz-placeholder{color:#71717a}.notifications-page.dark .form-input::placeholder{color:#71717a}.notifications-page.dark .content-toggles-section{border-top-color:#27272a}.notifications-page.dark .toggle-item{background:transparent;border-color:#27272a}.notifications-page.dark .toggle-item:hover{background:#1c1c1f;border-color:#3f3f46}.notifications-page.dark .toggle-label{color:#fff}.notifications-page.dark .toggle-description{color:#a1a1aa}.notifications-page.dark .modal-footer{border-top-color:#27272a}.notifications-page.dark .btn-secondary{border-color:#27272a;color:#a1a1aa}.notifications-page.dark .btn-secondary:hover{background:#1c1c1f;border-color:#3f3f46;color:#fff}.notifications-page.dark .btn-primary{background:#818cf8}.notifications-page.dark .btn-primary:hover{background:#6366f1}@media (max-width: 768px){.notifications-page{padding:16px}.page-title{font-size:20px}.channel-main{flex-wrap:wrap}.email-input{width:100%}.history-message{max-width:200px}.modal-overlay{padding:16px}.modal-header,.modal-body{padding:20px}.modal-footer{padding:20px;flex-direction:column}.btn-secondary,.btn-primary{width:100%}.toggle-item{padding:12px}}.affiliate-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;flex-shrink:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05}.stat-card:hover{border-color:#d4d4d8;box-shadow:0 4px 8px #1b1c1e0a}.stat-icon{width:32px;height:32px;border-radius:10px;border:1px solid #EBEBEB;background:#f9fafb;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.stat-value{font-size:32px;font-weight:700;color:#0d0d12;letter-spacing:-.02em}.stat-label{font-size:14px;color:#666d80}.content-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px}.left-column{display:flex;flex-direction:column;gap:24px}.right-column{display:flex;flex-direction:column}.calculator-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.calculator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-title{font-size:18px;font-weight:700;color:#0d0d12;margin-bottom:4px}.card-subtitle{font-size:14px;color:#666d80}.currency-toggle{position:relative;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:4px;display:flex;width:200px;height:46px}.currency-slider{position:absolute;top:4px;bottom:4px;width:calc(33.333% - 5.33px);background:#3434ef;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px #3434ef4d}.currency-btn{position:relative;z-index:10;flex:1;padding:10px 0;border-radius:8px;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;transition:color .2s ease;cursor:pointer;background:transparent;border:none;color:#666d80;display:flex;align-items:center;justify-content:center}.currency-btn.active{color:#fff}.currency-btn:hover:not(.active){color:#0d0d12}.slider-container{margin-bottom:24px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slider-label{font-size:14px;color:#0d0d12;font-weight:500}.slider-value{font-size:16px;font-weight:700;color:#3434ef;padding:4px 12px;background:#eef2ff;border-radius:8px}.slider-wrapper{position:relative;padding:20px 0}.slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:#e5e7eb;border-radius:3px;transform:translateY(-50%);pointer-events:none}.slider-fill{position:absolute;top:0;left:0;height:100%;background:#3434ef;border-radius:3px;transition:width .1s ease;pointer-events:none}.range-slider{position:relative;width:100%;height:6px;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;z-index:10}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:3px solid #3434EF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3434ef4d;-webkit-transition:all .2s ease;transition:all .2s ease;margin-top:-7px}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3434ef66}.range-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid #3434EF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3434ef4d;-moz-transition:all .2s ease;transition:all .2s ease}.range-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3434ef66}.range-slider::-moz-range-track{background:transparent;border:none}.slider-tooltip{position:absolute;top:-10px;transform:translate(-50%);background:#3434ef;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap}.slider-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #3434EF}.slider-limits{display:flex;justify-content:space-between;font-size:12px;color:#666d80;margin-top:8px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.result-card{background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;padding:16px}.result-label{font-size:13px;color:#666d80;margin-bottom:8px}.result-value{font-size:24px;font-weight:700;color:#0d0d12;letter-spacing:-.02em}.calculator-note{margin-top:20px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.calculator-note p{font-size:13px;color:#666d80;line-height:1.6;margin-bottom:4px}.calculator-note p:last-child{margin-bottom:0}.calculator-note strong{color:#0d0d12;font-weight:600}.onboarding-section{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.section-title{font-size:18px;font-weight:700;color:#0d0d12;margin-bottom:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.step-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.step-icon{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;margin-bottom:4px}.step-title{font-size:15px;font-weight:600;color:#0d0d12}.step-description{font-size:13px;color:#666d80;line-height:1.5}.cta-button{width:100%;background:#3434ef;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #3434ef40;transition:all .2s ease}.cta-button:hover{background:#2828d0;box-shadow:0 6px 20px #3434ef59;transform:translateY(-1px)}.cta-button:active{transform:translateY(0)}.competitions-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;height:-moz-fit-content;height:fit-content}.competitions-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}.competition-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;cursor:pointer;transition:all .2s ease}.competition-item:hover{background:#eef2ff;border-color:#3434ef;transform:translateY(-2px);box-shadow:0 4px 12px #3434ef1a}.competition-icon{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.competition-content{flex:1;display:flex;flex-direction:column;gap:4px}.competition-title{font-size:15px;font-weight:600;color:#0d0d12}.competition-prize{font-size:16px;font-weight:700;color:#fb7319}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700;color:#0d0d12;margin-bottom:4px}.modal-subtitle{font-size:14px;color:#666d80}.modal-close{width:32px;height:32px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666d80;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#ebebeb;color:#0d0d12}.modal-prize{display:flex;align-items:center;gap:12px;padding:16px;background:#fff4ed;border:1px solid #FFEDD5;border-radius:12px;margin-bottom:24px;color:#fb7319;font-size:18px;font-weight:700}.modal-leaderboard{display:flex;flex-direction:column;gap:0}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F3F4F6}.leaderboard-entry:last-child{border-bottom:none}.entry-left{display:flex;align-items:center;gap:12px}.entry-rank{font-size:14px;font-weight:700;color:#666d80;width:24px}.entry-avatar{width:36px;height:36px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;font-size:13px;font-weight:600}.entry-name{font-size:15px;font-weight:500;color:#0d0d12}.entry-score{font-size:14px;font-weight:600;color:#666d80}.affiliate-page.dark{background:#050505}.affiliate-page.dark .page-title{color:#fff}.affiliate-page.dark .page-subtitle{color:#a1a1aa}.affiliate-page.dark .stat-card{background:#121215;border-color:#27272a;box-shadow:none}.affiliate-page.dark .stat-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.affiliate-page.dark .stat-icon{border-color:#27272a;background:#1a1a1d;color:#6366f1}.affiliate-page.dark .stat-value{color:#fff}.affiliate-page.dark .stat-label{color:#a1a1aa}.affiliate-page.dark .calculator-card,.affiliate-page.dark .onboarding-section,.affiliate-page.dark .competitions-card{background:#121215;border-color:#27272a}.affiliate-page.dark .calculator-note{background:#1c1c21;border-color:#27272a}.affiliate-page.dark .calculator-note p{color:#a1a1aa}.affiliate-page.dark .calculator-note strong,.affiliate-page.dark .card-title,.affiliate-page.dark .section-title{color:#fff}.affiliate-page.dark .card-subtitle{color:#a1a1aa}.affiliate-page.dark .currency-toggle{background:#1f293780;border-color:#27272a}.affiliate-page.dark .currency-slider{background:#3434ef}.affiliate-page.dark .currency-btn{color:#d1d5db}.affiliate-page.dark .currency-btn.active{color:#fff}.affiliate-page.dark .currency-btn:hover:not(.active){color:#fff}.affiliate-page.dark .slider-label{color:#fff}.affiliate-page.dark .result-card{background:#1c1c21;border-color:#27272a}.affiliate-page.dark .result-label{color:#a1a1aa}.affiliate-page.dark .result-value{color:#fff}.affiliate-page.dark .step-card{background:#1c1c21;border-color:#27272a}.affiliate-page.dark .step-icon{background:#3434ef26;color:#3434ef}.affiliate-page.dark .step-title{color:#fff}.affiliate-page.dark .step-description{color:#a1a1aa}.affiliate-page.dark .competition-item{background:#1c1c21;border-color:#27272a}.affiliate-page.dark .competition-item:hover{background:#3434ef26;border-color:#3434ef}.affiliate-page.dark .competition-icon{background:#3434ef26;color:#3434ef}.affiliate-page.dark .competition-title{color:#fff}.affiliate-page.dark .modal-content{background:#121215;border:1px solid #27272A}.affiliate-page.dark .modal-title{color:#fff}.affiliate-page.dark .modal-subtitle{color:#a1a1aa}.affiliate-page.dark .modal-close{background:#1c1c21;border-color:#27272a;color:#a1a1aa}.affiliate-page.dark .modal-close:hover{background:#27272a;color:#fff}.affiliate-page.dark .modal-prize{background:#fb731926;border-color:#fb73194d}.affiliate-page.dark .leaderboard-entry{border-bottom-color:#27272a}.affiliate-page.dark .entry-avatar{background:#3434ef26;color:#3434ef}.affiliate-page.dark .entry-name{color:#fff}.affiliate-page.dark .entry-rank,.affiliate-page.dark .entry-score{color:#a1a1aa}.affiliate-page.dark .slider-track{background:#27272a}.affiliate-page.dark .slider-fill{background:#3434ef}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.steps-grid{grid-template-columns:1fr}}@media (max-width: 768px){.affiliate-page{padding:16px}.page-header{flex-direction:column;gap:16px}.stats-grid,.results-grid{grid-template-columns:1fr}}.feedbacks-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.rewards-banner{background:linear-gradient(135deg,#eef2ff,#fff4ed);border:1px solid #E5E7EB;border-radius:16px;padding:24px;margin-bottom:24px}.rewards-header{margin-bottom:20px}.rewards-title{font-size:18px;font-weight:700;color:#0d0d12;margin-bottom:4px}.rewards-subtitle{font-size:13px;color:#666d80;font-weight:500}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reward-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffffb3;border:1px solid rgba(235,235,235,.8);border-radius:12px;transition:all .2s ease}.reward-item:hover{background:#ffffffe6;border-color:#d4d4d8;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.reward-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.reward-content{display:flex;flex-direction:column;gap:4px;flex:1}.reward-action{font-size:14px;font-weight:600;color:#0d0d12;line-height:1.3}.reward-benefit{font-size:13px;color:#666d80;line-height:1.3}.feedback-input-zone{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;margin-bottom:32px}.feedback-textarea{width:100%;min-height:120px;padding:16px;font-size:15px;font-family:DM Sans,sans-serif;color:#0d0d12;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;resize:vertical;outline:none;transition:all .2s ease;margin-bottom:16px}.feedback-textarea::-moz-placeholder{color:#a1a1aa}.feedback-textarea::placeholder{color:#a1a1aa}.feedback-textarea:focus{border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.feedback-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.anonymous-toggle{display:flex;align-items:center;gap:12px}.toggle-label{font-size:14px;font-weight:500;color:#666d80}.toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch.active{background:#3434ef}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0000001a}.toggle-switch.active .toggle-thumb{transform:translate(20px)}.submit-button{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;background:#3434ef;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3434ef33}.submit-button:hover{background:#2828d0;box-shadow:0 4px 12px #3434ef4d;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.feedbacks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feedback-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05}.feedback-card:hover{border-color:#d4d4d8;box-shadow:0 4px 12px #1b1c1e14;transform:translateY(-2px)}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.feedback-author{display:flex;align-items:center;gap:12px;flex:1}.author-avatar{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;font-size:14px;font-weight:600;flex-shrink:0}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:600;color:#0d0d12}.feedback-date{font-size:12px;color:#a1a1aa}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.status-review{background:#ff4f181a;color:#ff4f18}.status-planned{background:#3434ef1a;color:#3434ef}.status-completed{background:#22c55e1a;color:#22c55e}.feedback-content{font-size:14px;line-height:1.6;color:#666d80;flex:1}.feedback-footer{display:flex;justify-content:flex-end}.vote-button{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;font-family:DM Sans,sans-serif;color:#666d80;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:8px;cursor:pointer;transition:all .2s ease}.vote-button:hover{color:#3434ef;background:#eef2ff;border-color:#3434ef}.vote-button:active{transform:scale(.95)}.feedbacks-page.dark{background:#050505}.feedbacks-page.dark .page-title{color:#fff}.feedbacks-page.dark .page-subtitle{color:#a1a1aa}.feedbacks-page.dark .rewards-banner{background:linear-gradient(135deg,#3434ef14,#fb731914);border-color:#27272a}.feedbacks-page.dark .rewards-title{color:#fff}.feedbacks-page.dark .rewards-subtitle{color:#a1a1aa}.feedbacks-page.dark .reward-item{background:#12121599;border-color:#27272acc}.feedbacks-page.dark .reward-item:hover{background:#121215e6;border-color:#3f3f46}.feedbacks-page.dark .reward-icon{background:#1c1c21}.feedbacks-page.dark .reward-action{color:#fff}.feedbacks-page.dark .reward-benefit{color:#a1a1aa}.feedbacks-page.dark .feedback-input-zone{background:#121215;border-color:#27272a}.feedbacks-page.dark .feedback-textarea{background:#1c1c21;border-color:#27272a;color:#fff}.feedbacks-page.dark .feedback-textarea::-moz-placeholder{color:#71717a}.feedbacks-page.dark .feedback-textarea::placeholder{color:#71717a}.feedbacks-page.dark .feedback-textarea:focus{border-color:#3434ef;background:#1c1c21}.feedbacks-page.dark .toggle-label{color:#a1a1aa}.feedbacks-page.dark .toggle-switch{background:#3f3f46}.feedbacks-page.dark .toggle-switch.active{background:#3434ef}.feedbacks-page.dark .feedback-card{background:#121215;border-color:#27272a;box-shadow:none}.feedbacks-page.dark .feedback-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.feedbacks-page.dark .author-avatar{background:#3434ef26;color:#3434ef}.feedbacks-page.dark .author-name{color:#fff}.feedbacks-page.dark .feedback-date{color:#71717a}.feedbacks-page.dark .status-review{background:#ff4f1826;color:#ff8a65}.feedbacks-page.dark .status-planned{background:#3434ef26;color:#6366f1}.feedbacks-page.dark .status-completed{background:#22c55e26;color:#4ade80}.feedbacks-page.dark .feedback-content{color:#a1a1aa}.feedbacks-page.dark .vote-button{background:#1c1c21;border-color:#27272a;color:#a1a1aa}.feedbacks-page.dark .vote-button:hover{background:#3434ef26;border-color:#3434ef;color:#3434ef}@media (max-width: 1200px){.feedbacks-grid{grid-template-columns:repeat(2,1fr)}.rewards-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.feedbacks-page{padding:16px}.feedbacks-grid{grid-template-columns:1fr}.rewards-banner{padding:20px}.rewards-grid{grid-template-columns:1fr;gap:12px}.feedback-input-zone{padding:20px}.feedback-actions{flex-direction:column;align-items:stretch}.submit-button{width:100%;justify-content:center}.anonymous-toggle{justify-content:space-between}}.discord-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.discord-page.dark{background:#050505}.discord-page.dark .page-title{color:#fff}.discord-page.dark .page-subtitle{color:#a1a1aa}.discord-page.dark .coming-soon-card{background:#121215;border-color:#27272a}.discord-page.dark .coming-soon-card p{color:#a1a1aa}@media (max-width: 768px){.discord-page{padding:16px}.coming-soon-card{padding:32px}}.slack-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.coming-soon-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:48px;text-align:center}.coming-soon-card p{font-size:16px;color:#666d80;font-family:DM Sans,sans-serif}.slack-page.dark{background:#050505}.slack-page.dark .page-title{color:#fff}.slack-page.dark .page-subtitle{color:#a1a1aa}.slack-page.dark .coming-soon-card{background:#121215;border-color:#27272a}.slack-page.dark .coming-soon-card p{color:#a1a1aa}@media (max-width: 768px){.slack-page{padding:16px}.coming-soon-card{padding:32px}}.configuration-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.configuration-page .page-header{margin-bottom:32px}.configuration-page .header-left{display:flex;flex-direction:column;gap:4px}.configuration-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.configuration-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.config-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.config-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.config-card:hover{border-color:#c7d2fe;background:#fafaff;box-shadow:0 4px 12px #6366f114;transform:translateY(-2px)}.config-card:active{transform:translateY(0);box-shadow:0 2px 8px #6366f10f}.config-card-icon{width:52px;height:52px;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;transition:all .2s ease}.config-card:hover .config-card-icon{background:#6366f1;color:#fff}.config-card-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.config-card-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0}.config-card-description{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80;margin:0;line-height:1.4}.config-card-arrow{color:#d1d5db;flex-shrink:0;transition:all .2s ease}.config-card:hover .config-card-arrow{color:#6366f1;transform:translate(4px)}.configuration-page.dark{background:#050505}.configuration-page.dark .page-title{color:#fff}.configuration-page.dark .page-subtitle{color:#a1a1aa}.configuration-page.dark .config-card{background:#121215;border-color:#27272a}.configuration-page.dark .config-card:hover{border-color:#6366f166;background:#1a1a1d;box-shadow:0 4px 12px #6366f126}.configuration-page.dark .config-card-icon{background:#6366f126;color:#818cf8}.configuration-page.dark .config-card:hover .config-card-icon{background:#6366f1;color:#fff}.configuration-page.dark .config-card-title{color:#fff}.configuration-page.dark .config-card-description{color:#71717a}.configuration-page.dark .config-card-arrow{color:#3f3f46}.configuration-page.dark .config-card:hover .config-card-arrow{color:#818cf8}@media (max-width: 1024px){.config-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.configuration-page{padding:16px}.config-cards-grid{grid-template-columns:1fr;gap:12px}.config-card{padding:20px}.config-card-icon{width:44px;height:44px;border-radius:12px}.config-card-icon svg{width:20px;height:20px}}@media (max-width: 480px){.config-card{padding:16px;gap:12px}.config-card-title{font-size:15px}.config-card-description{font-size:12px}}.account-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif;overflow-y:auto}.account-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.account-page .header-left{display:flex;flex-direction:column;gap:4px}.account-page .header-right{display:flex;align-items:center}.account-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.account-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.plan-badge.freemium{background:#f3f4f6;color:#6b7280}.plan-badge.self-made{background:#eef2ff;color:#6366f1}.plan-badge.agency{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.account-content{display:flex;flex-direction:column;gap:24px}.account-section{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:flex-start;gap:16px}.section-icon{width:44px;height:44px;border-radius:12px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.section-icon.agency-icon{background:#fef3c7;color:#d97706}.section-info{display:flex;flex-direction:column;gap:4px}.section-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.section-description{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}.warning-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#92400e}.warning-banner svg{color:#d97706;flex-shrink:0}.connected-accounts{display:flex;flex-direction:column;gap:12px}.facebook-account-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;transition:all .2s ease}.facebook-account-card.active{background:#fff;border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114}.facebook-account-card:hover{border-color:#d4d4d8}.account-card-header{display:flex;justify-content:space-between;align-items:flex-start}.account-left{display:flex;align-items:center;gap:14px}.account-avatar{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden}.account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#fff}.facebook-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#1877f2;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.account-details{display:flex;flex-direction:column;gap:4px}.account-name-row{display:flex;align-items:center;gap:8px}.account-name{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12}.active-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#dcfce7;border-radius:100px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#16a34a}.active-badge svg{color:#16a34a}.account-email{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.account-meta{display:flex;align-items:center;gap:16px;margin-top:4px}.meta-item{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.meta-item svg{color:#9ca3af}.account-actions{display:flex;align-items:center;gap:8px}.switch-btn{padding:8px 14px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#0d0d12;cursor:pointer;transition:all .2s ease}.switch-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.disconnect-btn{padding:8px 14px;background:transparent;border:1px solid #FCA5A5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:#fee2e2;border-color:#f87171}.add-account-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;border:1px dashed #D4D4D8;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.add-account-btn:hover{background:#eef2ff;border-color:#6366f1;border-style:solid}.add-account-btn svg{color:#6366f1}.facebook-note{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0;text-align:center}.account-stats{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:10px}.stat-item{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.stat-item svg{color:#9ca3af}.fb-management-actions{display:flex;flex-direction:column;gap:10px}.actions-row{display:flex;gap:10px}.fb-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;text-decoration:none}.fb-action-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.fb-action-btn svg{color:#6b7280;flex-shrink:0}.fb-action-btn.external-link{color:#6366f1}.fb-action-btn.external-link svg{color:#6366f1}.fb-action-btn.external-link:hover{background:#eef2ff;border-color:#c7d2fe}.fb-action-btn.refreshing{opacity:.7;cursor:not-allowed}.fb-action-btn .spin{animation:spin 1s linear infinite}.account-footer{padding-top:16px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end}.agency-toggle-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.toggle-content{display:flex;justify-content:space-between;align-items:center}.toggle-left{display:flex;align-items:center;gap:12px}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12}.toggle-subtitle{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.agency-toggle{position:relative;width:48px;height:26px;background:#e5e7eb;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease}.agency-toggle.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.agency-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.agency-toggle.active .toggle-thumb{transform:translate(22px)}.agency-benefits{padding:16px;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid rgba(245,158,11,.3);border-radius:10px}.agency-benefits h4{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#92400e;margin:0 0 12px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{display:flex;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:13px;color:#92400e}.benefits-list li svg{color:#d97706}.agency-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fef3c7;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#92400e}.agency-warning svg{color:#d97706;flex-shrink:0;margin-top:1px}.plan-info{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #EBEBEB}.plan-label{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.workspace-status{display:flex;align-items:center;gap:12px}.workspace-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.workspace-badge.locked{background:#f3f4f6;color:#6b7280}.workspace-badge.unlocked{background:#dcfce7;color:#16a34a}.workspace-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.account-info-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px}.info-profile{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #EBEBEB}.profile-avatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar.large .avatar-initials{font-size:22px}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-details{display:flex;flex-direction:column;gap:4px}.profile-name{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.profile-email{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px}.info-icon{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #EBEBEB;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.info-value{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12}.info-value.status-active{display:flex;align-items:center;gap:6px;color:#16a34a}.info-value.status-active svg{color:#16a34a}.account-page.dark{background:#050505}.account-page.dark .page-title{color:#fff}.account-page.dark .page-subtitle{color:#a1a1aa}.account-page.dark .plan-badge.freemium{background:#27272a;color:#a1a1aa}.account-page.dark .plan-badge.self-made{background:#6366f126;color:#818cf8}.account-page.dark .account-section{background:#121215;border-color:#27272a}.account-page.dark .section-icon{background:#6366f126;color:#818cf8}.account-page.dark .section-icon.agency-icon{background:#f59e0b26;color:#fbbf24}.account-page.dark .section-title{color:#fff}.account-page.dark .section-description{color:#71717a}.account-page.dark .warning-banner{background:#f59e0b1a;border-color:#fbbf244d;color:#fbbf24}.account-page.dark .warning-banner svg{color:#fbbf24}.account-page.dark .facebook-account-card{background:#1a1a1d;border-color:#27272a}.account-page.dark .facebook-account-card.active{background:#6366f11a;border-color:#6366f14d}.account-page.dark .facebook-account-card:hover{border-color:#3f3f46}.account-page.dark .account-name{color:#fff}.account-page.dark .account-email{color:#71717a}.account-page.dark .meta-item{color:#52525b}.account-page.dark .meta-item svg{color:#52525b}.account-page.dark .active-badge{background:#22c55e26;color:#4ade80}.account-page.dark .active-badge svg{color:#4ade80}.account-page.dark .facebook-badge{border-color:#1a1a1d}.account-page.dark .switch-btn{background:#27272a;border-color:#3f3f46;color:#e1e1e3}.account-page.dark .switch-btn:hover{background:#3f3f46;border-color:#52525b}.account-page.dark .disconnect-btn{border-color:#ef44444d;color:#f87171}.account-page.dark .disconnect-btn:hover{background:#ef44441a;border-color:#f87171}.account-page.dark .add-account-btn{background:transparent;border-color:#3f3f46;color:#818cf8}.account-page.dark .add-account-btn:hover{background:#6366f11a;border-color:#818cf8}.account-page.dark .add-account-btn svg{color:#818cf8}.account-page.dark .facebook-note{color:#52525b}.account-page.dark .account-stats{background:#27272a;border-color:#3f3f46}.account-page.dark .stat-item{color:#a1a1aa}.account-page.dark .stat-item svg{color:#71717a}.account-page.dark .fb-action-btn{background:#27272a;border-color:#3f3f46;color:#e1e1e3}.account-page.dark .fb-action-btn:hover{background:#3f3f46;border-color:#52525b}.account-page.dark .fb-action-btn svg{color:#a1a1aa}.account-page.dark .fb-action-btn.external-link{color:#818cf8}.account-page.dark .fb-action-btn.external-link svg{color:#818cf8}.account-page.dark .fb-action-btn.external-link:hover{background:#6366f126;border-color:#6366f14d}.account-page.dark .account-footer{border-top-color:#27272a}.account-page.dark .agency-toggle-card{background:#1a1a1d;border-color:#27272a}.account-page.dark .toggle-title{color:#fff}.account-page.dark .toggle-subtitle{color:#71717a}.account-page.dark .agency-toggle{background:#3f3f46}.account-page.dark .agency-benefits{background:#f59e0b0d;border-color:#f59e0b33}.account-page.dark .agency-benefits h4{color:#fbbf24}.account-page.dark .benefits-list li{color:#fcd34d}.account-page.dark .benefits-list li svg{color:#fbbf24}.account-page.dark .agency-warning{background:#f59e0b1a;color:#fbbf24}.account-page.dark .agency-warning svg{color:#fbbf24}.account-page.dark .plan-info{border-top-color:#27272a}.account-page.dark .plan-label{color:#71717a}.account-page.dark .workspace-badge.locked{background:#27272a;color:#71717a}.account-page.dark .workspace-badge.unlocked{background:#22c55e26;color:#4ade80}.account-page.dark .workspace-hint{color:#52525b}.account-page.dark .account-info-card{background:#1a1a1d;border-color:#27272a}.account-page.dark .info-profile{border-bottom-color:#27272a}.account-page.dark .profile-name{color:#fff}.account-page.dark .profile-email{color:#71717a}.account-page.dark .info-icon{background:#27272a;border-color:#3f3f46;color:#71717a}.account-page.dark .info-label{color:#52525b}.account-page.dark .info-value{color:#e1e1e3}.account-page.dark .info-value.status-active{color:#4ade80}.account-page.dark .info-value.status-active svg{color:#4ade80}@media (max-width: 768px){.account-page{padding:16px}.account-page .page-header{flex-direction:column;gap:12px}.account-section{padding:20px}.section-header{flex-direction:column;gap:12px}.facebook-account-card{padding:16px}.account-card-header{flex-direction:column;gap:12px}.account-card-header .switch-btn{align-self:flex-start}.account-stats{flex-wrap:wrap;gap:12px}.actions-row{flex-direction:column}.fb-action-btn{width:100%}.account-meta{flex-direction:column;align-items:flex-start;gap:6px}.info-grid{grid-template-columns:1fr}.toggle-content{flex-direction:column;align-items:flex-start;gap:16px}.toggle-right{align-self:flex-end}}@media (max-width: 480px){.account-section{padding:16px}.section-title{font-size:16px}.account-avatar{width:40px;height:40px}.avatar-initials{font-size:14px}.profile-avatar{width:56px;height:56px}.profile-avatar.large .avatar-initials{font-size:18px}.account-stats{padding:10px 12px;gap:8px}.stat-item{font-size:12px}.fb-action-btn{padding:10px 12px;font-size:12px}.account-footer{justify-content:center}.disconnect-btn{width:100%;justify-content:center}}.account-alert{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:500;z-index:1001;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.account-alert--success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.account-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.account-alert button{margin-left:8px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;color:inherit;line-height:1}.account-alert button:hover{opacity:1}.account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.account-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.account-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.account-modal__header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.account-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;font-size:24px;line-height:1;transition:all .15s ease}.account-modal__close:hover{background:#f3f4f6;color:#111827}.account-modal__body{padding:24px;overflow-y:auto}.account-modal__body p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.account-modal__description{color:#6b7280}.account-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.permissions-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border-radius:8px}.permission-item__name{font-size:13px;color:#374151;text-transform:capitalize}.permission-item__status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.permission-item__status--granted{color:#059669}.permission-item__status--declined{color:#dc2626}.account-modal__warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin-top:12px}.account-modal__warning svg{flex-shrink:0;margin-top:1px}.account-modal--danger .account-modal__header h3{color:#dc2626}.dark .account-alert--success{background:#10b98126;color:#34d399;border-color:#10b9814d}.dark .account-alert--error{background:#dc262626;color:#f87171;border-color:#dc26264d}.dark .account-modal{background:#1f2937}.dark .account-modal__header{border-color:#374151}.dark .account-modal__header h3{color:#f9fafb}.dark .account-modal__close{color:#9ca3af}.dark .account-modal__close:hover{background:#374151;color:#f9fafb}.dark .account-modal__body p{color:#9ca3af}.dark .account-modal__footer{border-color:#374151}.dark .permission-item{background:#111827}.dark .permission-item__name{color:#e5e7eb}.dark .permission-item__status--granted{color:#34d399}.dark .permission-item__status--declined{color:#f87171}.dark .account-modal__warning{background:#f59e0b26;color:#fcd34d}.dark .account-modal--danger .account-modal__header h3{color:#f87171}.billing-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.page-content{display:flex;flex-direction:column;gap:24px}.billing-section{padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px}.billing-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#0d0d12}.billing-subtitle{margin:0 0 20px;font-size:14px;color:#6b7280}.billing-loading{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-plan{height:80px;margin-bottom:16px}.skeleton-button{height:44px;width:200px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.current-plan-card{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB;margin-bottom:20px}.plan-info{display:flex;justify-content:space-between;align-items:center}.plan-left{display:flex;align-items:center;gap:10px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;background:#e5e7eb;color:#374151}.plan-badge.pro{background:linear-gradient(135deg,#3434ef,#6366f1);color:#fff}.plan-badge.pro svg{color:gold}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.past-due{background:#fee2e2;color:#991b1b}.plan-price{font-size:20px;font-weight:700;color:#0d0d12}.usage-info,.renewal-date{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB;font-size:14px;color:#6b7280}.payment-warning{margin-top:16px;padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:14px;line-height:1.5}.billing-actions{margin-bottom:16px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:#374151;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3434ef;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2828c7}.portal-info{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.pro-benefits{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.pro-benefits h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#0d0d12}.pro-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pro-benefits li{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.pro-benefits li:before{content:"✓";color:#10b981;font-weight:600}.features-section{padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px}.features-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#0d0d12}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.feature-icon{font-size:24px;line-height:1}.feature-content{display:flex;flex-direction:column;gap:4px}.feature-title{font-size:14px;font-weight:600;color:#0d0d12}.feature-desc{font-size:13px;color:#6b7280}.billing-page.dark{background:#050505}.billing-page.dark .page-title{color:#fff}.billing-page.dark .page-subtitle{color:#a1a1aa}.billing-page.dark .billing-section,.billing-page.dark .features-section{background:#121215;border-color:#27272a}.billing-page.dark .billing-section h3,.billing-page.dark .features-section h3{color:#fff}.billing-page.dark .current-plan-card{background:#1f1f23;border-color:#3f3f46}.billing-page.dark .plan-badge{background:#3f3f46;color:#d1d5db}.billing-page.dark .plan-price{color:#fff}.billing-page.dark .usage-info{border-color:#3f3f46}.billing-page.dark .usage-value{color:#fff}.billing-page.dark .renewal-date{border-color:#3f3f46}.billing-page.dark .btn-secondary{color:#d1d5db;border-color:#3f3f46}.billing-page.dark .btn-secondary:hover{background:#3f3f46}.billing-page.dark .feature-item{background:#1f1f23;border-color:#3f3f46}.billing-page.dark .feature-title{color:#fff}.billing-page.dark .feature-desc{color:#a1a1aa}.billing-page.dark .billing-loading{background:#1f1f23;border-color:#3f3f46}.billing-page.dark .skeleton{background:linear-gradient(90deg,#3f3f46 25%,#52525b,#3f3f46 75%);background-size:200% 100%}.billing-page.dark .billing-subtitle{color:#a1a1aa}.billing-page.dark .pro-benefits{border-color:#3f3f46}.billing-page.dark .pro-benefits h4{color:#fff}.billing-page.dark .pro-benefits li{color:#d1d5db}@media (max-width: 768px){.billing-page{padding:16px}.features-grid{grid-template-columns:1fr}.plan-info{flex-direction:column;align-items:flex-start;gap:12px}}.history-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif;overflow-y:auto}.history-page .page-header{margin-bottom:24px}.history-page .header-left{display:flex;flex-direction:column;gap:4px}.history-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.history-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.history-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.history-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:10px 14px;flex:1;max-width:320px;transition:all .2s ease}.history-search:focus-within{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.history-search .search-icon{color:#666d80;flex-shrink:0}.history-search .search-input{border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:#0d0d12;width:100%;outline:none}.history-search .search-input::-moz-placeholder{color:#9ca3af}.history-search .search-input::placeholder{color:#9ca3af}.history-filters{display:flex;gap:12px}.filter-dropdown-container{position:relative}.filter-dropdown-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-dropdown-btn:hover{border-color:#d4d4d8;background:#f9fafb}.filter-dropdown-btn svg{color:#666d80;transition:transform .2s ease}.filter-dropdown-btn svg.chevron-rotated{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:6px;min-width:180px;box-shadow:0 4px 16px #00000014;z-index:100}.filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-family:DM Sans,sans-serif;font-size:14px;color:#0d0d12;cursor:pointer;text-align:left;transition:background .15s ease}.filter-option:hover{background:#f3f4f6}.filter-option.active{background:#eef2ff;color:#3434ef}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.completed{background:#22c55e}.status-dot.processing{background:#f59e0b}.status-dot.failed{background:#ef4444}.status-dot.draft{background:#9ca3af}.history-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.history-card{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05}.history-card:hover{border-color:#d4d4d8;box-shadow:0 4px 12px #1b1c1e0f}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start}.history-card-campaign{display:flex;flex-direction:column;gap:10px}.campaign-name{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12;word-break:break-word}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content}.status-badge.completed{background:#dcfce7;color:#16a34a}.status-badge.completed svg{color:#16a34a}.status-badge.failed{background:#fee2e2;color:#dc2626}.status-badge.failed svg{color:#dc2626}.status-badge.processing{background:#fef3c7;color:#d97706}.status-badge.processing svg{color:#d97706}.status-badge.draft{background:#f3f4f6;color:#6b7280}.status-badge.draft svg{color:#6b7280}.history-card-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px}.detail-icon{color:#9ca3af;flex-shrink:0}.detail-label{color:#666d80}.detail-value{color:#0d0d12;font-weight:500;margin-left:auto}.history-progress{margin-top:auto}.progress-bar-bg{width:100%;height:6px;background:#f3f4f6;border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:100px;transition:width .3s ease}.progress-bar-fill.completed{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar-fill.processing{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-fill.failed{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-bar-fill.draft{background:#d1d5db}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.history-empty .empty-icon{color:#d1d5db;margin-bottom:16px}.history-empty h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0 0 8px}.history-empty p{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}.history-page.dark{background:#050505}.history-page.dark .page-title{color:#fff}.history-page.dark .page-subtitle{color:#a1a1aa}.history-page.dark .history-search{background:#121215;border-color:#27272a}.history-page.dark .history-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.history-page.dark .history-search .search-icon{color:#71717a}.history-page.dark .history-search .search-input{color:#fff}.history-page.dark .history-search .search-input::-moz-placeholder{color:#52525b}.history-page.dark .history-search .search-input::placeholder{color:#52525b}.history-page.dark .filter-dropdown-btn{background:#121215;border-color:#27272a;color:#e1e1e3}.history-page.dark .filter-dropdown-btn:hover{border-color:#3f3f46;background:#1a1a1d}.history-page.dark .filter-dropdown-btn svg{color:#71717a}.history-page.dark .filter-dropdown-menu{background:#121215;border-color:#27272a;box-shadow:0 4px 16px #0006}.history-page.dark .filter-option{color:#e1e1e3}.history-page.dark .filter-option:hover{background:#1a1a1d}.history-page.dark .filter-option.active{background:#6366f126;color:#818cf8}.history-page.dark .history-card{background:#121215;border-color:#27272a;box-shadow:none}.history-page.dark .history-card:hover{border-color:#3f3f46;box-shadow:0 4px 12px #0000004d}.history-page.dark .campaign-name{color:#fff}.history-page.dark .status-badge.completed{background:#22c55e26;color:#4ade80}.history-page.dark .status-badge.completed svg{color:#4ade80}.history-page.dark .status-badge.failed{background:#ef444426;color:#f87171}.history-page.dark .status-badge.failed svg{color:#f87171}.history-page.dark .status-badge.processing{background:#f59e0b26;color:#fbbf24}.history-page.dark .status-badge.processing svg{color:#fbbf24}.history-page.dark .status-badge.draft{background:#6b728026;color:#9ca3af}.history-page.dark .status-badge.draft svg{color:#9ca3af}.history-page.dark .detail-icon{color:#52525b}.history-page.dark .detail-label{color:#71717a}.history-page.dark .detail-value{color:#e1e1e3}.history-page.dark .progress-bar-bg{background:#27272a}.history-page.dark .history-empty .empty-icon{color:#3f3f46}.history-page.dark .history-empty h3{color:#fff}.history-page.dark .history-empty p{color:#71717a}@media (max-width: 768px){.history-page{padding:16px}.history-controls{flex-direction:column;align-items:stretch}.history-search{max-width:none}.history-filters{flex-wrap:wrap}.history-cards-grid{grid-template-columns:1fr}.history-card{padding:16px}}@media (max-width: 480px){.filter-dropdown-btn{padding:8px 12px;font-size:13px}.campaign-name{font-size:14px}.detail-row{font-size:12px}}.integration-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.page-header{margin-bottom:24px}.header-left{display:flex;flex-direction:column;gap:4px}.page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em}.page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1400px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}.integration-card{background:#fff;border:1px solid;border-radius:16px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05;display:flex;flex-direction:column}.integration-card:hover{box-shadow:0 4px 12px #1b1c1e14;transform:translateY(-2px)}.integration-card.coming-soon{opacity:.6;pointer-events:none}.integration-card.coming-soon .card-header{cursor:not-allowed}.integration-page .card-header{padding:24px;display:flex;flex-direction:column;gap:12px;cursor:pointer;min-height:200px}.integration-info{display:flex;align-items:center;gap:12px}.integration-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-name{font-size:15px;font-weight:700;color:#0d0d12;line-height:1.3;flex:1}.integration-description{font-size:13px;color:#666d80;line-height:1.6;flex-grow:1}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;align-self:flex-start;margin-top:auto}.status-badge.connected{background:#22c55e1a;color:#22c55e}.status-badge.disconnected{background:#f7f8fa;color:#a1a1aa;border:1px solid #EBEBEB}.status-badge.coming-soon-badge{background:#fb73191a;color:#fb7319;border:1px solid rgba(251,115,25,.2)}.card-content{padding:0 24px 24px;border-top:1px solid #EBEBEB;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.features-list{margin:20px 0}.features-title{font-size:13px;font-weight:700;color:#0d0d12;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.features-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.features-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#666d80}.features-list li svg{color:#22c55e;flex-shrink:0}.card-footer{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;flex:1;justify-content:center}.action-button.primary{background:#3434ef;color:#fff;box-shadow:0 2px 8px #3434ef33}.action-button.primary:hover{background:#2828d0;box-shadow:0 4px 12px #3434ef4d;transform:translateY(-1px)}.action-button.secondary{background:#f7f8fa;color:#666d80;border:1px solid #EBEBEB}.action-button.secondary:hover{background:#ebebeb;border-color:#d4d4d8}.disconnect-button{padding:8px 14px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;background:transparent;color:#ef4444;border:1px solid #FEE2E2;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1;text-align:center}.disconnect-button:hover{background:#fef2f2;border-color:#fca5a5}.integration-page.dark{background:#050505}.integration-page.dark .page-title{color:#fff}.integration-page.dark .page-subtitle{color:#a1a1aa}.integration-page.dark .integration-card{background:#121215;box-shadow:none}.integration-page.dark .integration-card:hover{box-shadow:0 4px 12px #0000004d}.integration-page.dark .integration-name{color:#fff}.integration-page.dark .integration-description{color:#a1a1aa}.integration-page.dark .status-badge.connected{background:#22c55e26;color:#4ade80}.integration-page.dark .status-badge.disconnected{background:#1c1c21;border-color:#27272a;color:#71717a}.integration-page.dark .status-badge.coming-soon-badge{background:#fb731926;color:#ff8a65;border-color:#fb73194d}.integration-page.dark .card-content{border-top-color:#27272a}.integration-page.dark .features-title{color:#fff}.integration-page.dark .features-list li{color:#a1a1aa}.integration-page.dark .features-list li svg{color:#4ade80}.integration-page.dark .action-button.secondary{background:#1c1c21;border-color:#27272a;color:#a1a1aa}.integration-page.dark .action-button.secondary:hover{background:#27272a;border-color:#3f3f46}.integration-page.dark .disconnect-button{background:transparent;border-color:#ef444433;color:#f87171}.integration-page.dark .disconnect-button:hover{background:#ef44441a;border-color:#ef44444d}@media (max-width: 1200px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.integration-page{padding:16px}.integrations-grid{grid-template-columns:1fr}.integration-icon{width:32px;height:32px}.integration-name{font-size:14px}.integration-description{font-size:12px}.card-header{padding:20px;min-height:180px}.card-footer{flex-direction:column}.action-button,.disconnect-button{width:100%;justify-content:center}}.file-naming-page{padding:32px;max-width:1200px}.file-naming-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.file-naming-page .back-link:hover{color:#3434ef}.page-header-left p{font-size:14px;color:#6b7280;margin:0}.page-content{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;background:#f9fafb;border:2px dashed #E5E7EB;border-radius:12px}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:16px;color:#3434ef;margin-bottom:20px}.empty-state h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px;max-width:400px}.nomenclatures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.nomenclature-card{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;transition:all .2s ease}.nomenclature-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.card-main{display:flex;gap:16px;flex:1;min-width:0}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:10px;color:#6b7280;flex-shrink:0}.card-content{flex:1;min-width:0}.card-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.card-description{font-size:13px;color:#6b7280;margin:0 0 12px;line-height:1.4}.card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pattern-tag{font-size:12px;font-family:SF Mono,Monaco,monospace;color:#3434ef;background:#eef2ff;padding:4px 8px;border-radius:6px}.date-tag{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#f3f4f6;color:#6b7280}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.dropdown-menu{position:absolute;top:100%;right:0;min-width:140px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:6px;z-index:20}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s ease}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#3434ef;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:#2828cc}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#e5e7eb}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#dc2626;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:#b91c1c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.create-modal{max-width:480px}.test-modal{max-width:600px}.delete-modal{max-width:420px}.modal-header-left{display:flex;gap:12px;align-items:flex-start;color:#3434ef}.modal-header-left h2{font-size:16px;font-weight:600;color:#111827;margin:0}.modal-header-left span{font-size:13px;color:#6b7280}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#6b7280}.form-field{margin-bottom:20px}.form-field label .optional{color:#9ca3af;font-weight:400}.form-field input{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.form-field input::-moz-placeholder{color:#9ca3af}.form-field input::placeholder{color:#9ca3af}.field-hint{display:block;font-size:12px;color:#9ca3af;margin-top:6px}.create-tip{display:flex;gap:10px;padding:14px;background:#eef2ff;border-radius:10px;color:#3434ef}.create-tip p{font-size:13px;margin:0;color:#4b5563}.create-tip strong{color:#111827}.test-pattern-info{margin-bottom:20px}.pattern-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:SF Mono,Monaco,monospace;color:#3434ef;background:#eef2ff;padding:6px 10px;border-radius:6px}.test-input-section{margin-bottom:24px}.test-input-section label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.test-input-section textarea{width:100%;padding:12px;border:1px solid #E5E7EB;border-radius:10px;font-size:13px;font-family:SF Mono,Monaco,monospace;color:#111827;resize:vertical;margin-bottom:12px;transition:all .15s ease}.test-input-section textarea:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.test-input-section textarea::-moz-placeholder{color:#9ca3af}.test-input-section textarea::placeholder{color:#9ca3af}.test-results{border-top:1px solid #E5E7EB;padding-top:20px}.test-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:16px}.test-summary.success{background:#ecfdf5}.test-summary.warning{background:#fffbeb}.test-summary.error{background:#fef2f2}.test-percentage{font-size:20px;font-weight:700}.test-summary.success .test-percentage{color:#059669}.test-summary.warning .test-percentage{color:#d97706}.test-summary.error .test-percentage{color:#dc2626}.test-count{font-size:14px;color:#6b7280}.test-results-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.test-result-item{display:flex;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px}.test-result-item.matched{background:#ecfdf5}.test-result-item.unmatched{background:#fef2f2}.result-status{flex-shrink:0}.status-icon.success{color:#059669}.status-icon.error{color:#dc2626}.result-content{flex:1;min-width:0}.result-filename{display:block;font-size:13px;font-family:SF Mono,Monaco,monospace;color:#111827;margin-bottom:4px;word-break:break-all}.result-extracted{display:flex;flex-wrap:wrap;gap:8px}.extracted-value{font-size:11px;color:#6b7280;background:#fff;padding:2px 6px;border-radius:4px}.extracted-value strong{color:#059669}.delete-modal .modal-body p{font-size:14px;color:#4b5563;margin:0 0 12px}.delete-warning{font-size:13px!important;color:#9ca3af!important}.files-nomenclature-page .page-header{margin-bottom:24px}.files-nomenclature-page .page-header-left h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.files-nomenclature-page .page-header-left p{font-size:14px;color:#6b7280;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.loading-state .spinning{color:#3434ef;animation:spin 1s linear infinite}.loading-state p{color:#6b7280;margin-top:16px;font-size:14px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#fef2f2;border:1px solid #FECACA;border-radius:12px}.error-state svg{color:#dc2626;margin-bottom:16px}.error-state h3{color:#991b1b;font-size:16px;font-weight:600;margin:0 0 8px}.error-state p{color:#dc2626;font-size:14px;margin:0 0 20px}.files-nomenclature-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.files-nomenclature-page .empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:50%;margin-bottom:20px}.files-nomenclature-page .empty-icon svg{color:#3434ef}.files-nomenclature-page .empty-state h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.files-nomenclature-page .empty-state p{color:#6b7280;font-size:14px;max-width:400px;margin:0;line-height:1.5}.configs-grid{display:flex;flex-direction:column;gap:16px}.config-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:box-shadow .2s,border-color .2s}.config-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.card-main{display:flex;gap:16px;flex:1}.card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:10px;flex-shrink:0}.card-icon svg{color:#3434ef}.card-content{flex:1}.card-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.config-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detail-row{display:flex;align-items:flex-start;gap:8px;font-size:13px}.detail-label{color:#6b7280;font-weight:500;flex-shrink:0}.detail-value{color:#374151}.detail-value.keywords{color:#6366f1}code.detail-value{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:12px}.detail-row.examples{flex-direction:column;gap:6px}.example-files{display:flex;flex-wrap:wrap;gap:6px}.example-file{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:11px;color:#374151}.card-meta{display:flex;align-items:center;gap:16px}.date-tag{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.card-actions,.dropdown-container{position:relative}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#374151}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:140px;z-index:20;overflow:hidden}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}.dropdown-menu button:hover{background:#f3f4f6}.dropdown-menu button.danger{color:#dc2626}.dropdown-menu button.danger:hover{background:#fef2f2}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header-left{display:flex;gap:12px}.modal-header-left svg{color:#3434ef;flex-shrink:0;margin-top:2px}.modal-header-left .warning-icon{color:#f59e0b}.modal-header-left h2{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-header-left span{font-size:13px;color:#6b7280;margin-top:2px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px;overflow-y:auto}.modal-body p{font-size:14px;color:#374151;margin:0 0 8px;line-height:1.5}.delete-warning{color:#dc2626!important;font-size:13px!important}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-field label .required{color:#dc2626}.form-field input{width:100%;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:border-color .2s,box-shadow .2s}.form-field input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.btn-secondary{padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2828d0}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{background:#f87171;cursor:not-allowed}.files-nomenclature-page.dark .page-header-left h1{color:#fff}.files-nomenclature-page.dark .page-header-left p,.files-nomenclature-page.dark .loading-state p{color:#a1a1aa}.files-nomenclature-page.dark .error-state{background:#dc26261a;border-color:#dc26264d}.files-nomenclature-page.dark .error-state h3{color:#fca5a5}.files-nomenclature-page.dark .error-state p{color:#f87171}.files-nomenclature-page.dark .empty-state{background:#1f1f23;border-color:#27272a}.files-nomenclature-page.dark .empty-icon{background:#3434ef26}.files-nomenclature-page.dark .empty-state h3{color:#fff}.files-nomenclature-page.dark .empty-state p{color:#a1a1aa}.files-nomenclature-page.dark .config-card{background:#1f1f23;border-color:#27272a}.files-nomenclature-page.dark .config-card:hover{border-color:#3f3f46}.files-nomenclature-page.dark .card-icon{background:#3434ef26}.files-nomenclature-page.dark .card-title{color:#fff}.files-nomenclature-page.dark .detail-label{color:#a1a1aa}.files-nomenclature-page.dark .detail-value{color:#d4d4d8}.files-nomenclature-page.dark .detail-value.keywords{color:#818cf8}.files-nomenclature-page.dark code.detail-value,.files-nomenclature-page.dark .example-file{background:#27272a;color:#d4d4d8}.files-nomenclature-page.dark .date-tag{color:#71717a}.files-nomenclature-page.dark .btn-icon{color:#a1a1aa}.files-nomenclature-page.dark .btn-icon:hover{background:#27272a;color:#d4d4d8}.files-nomenclature-page.dark .dropdown-menu{background:#27272a;border-color:#3f3f46}.files-nomenclature-page.dark .dropdown-menu button{color:#d4d4d8}.files-nomenclature-page.dark .dropdown-menu button:hover{background:#3f3f46}.files-nomenclature-page.dark .dropdown-menu button.danger{color:#f87171}.files-nomenclature-page.dark .dropdown-menu button.danger:hover{background:#dc262626}.dark .modal{background:#1f1f23}.dark .modal-header{border-color:#27272a}.dark .modal-header-left h2{color:#fff}.dark .modal-header-left span,.dark .modal-close{color:#a1a1aa}.dark .modal-close:hover{background:#27272a;color:#d4d4d8}.dark .modal-body p,.dark .form-field label{color:#d4d4d8}.dark .form-field input{background:#27272a;border-color:#3f3f46;color:#fff}.dark .form-field input:focus{border-color:#3434ef}.dark .modal-footer{border-color:#27272a}.dark .btn-secondary{background:#27272a;border-color:#3f3f46;color:#d4d4d8}.dark .btn-secondary:hover:not(:disabled){background:#3f3f46;border-color:#52525b}.adset-templates-page{padding:32px;max-width:1200px;margin:0 auto}.adset-templates-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.adset-templates-page .back-link:hover{color:#3434ef}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header-left h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.page-header .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.page-header .btn-primary:hover{background:#2828d0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-state p{margin-top:16px;font-size:14px}.empty-state{text-align:center;padding:80px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#eef2ff;border-radius:50%;color:#3434ef;margin-bottom:20px}.empty-state h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.empty-state .btn-primary:hover{background:#2828d0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.btn-delete:hover{background:#fee2e2;color:#dc2626}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.template-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;gap:8px;font-size:14px}.detail-row svg{color:#9ca3af;flex-shrink:0}.detail-label{color:#6b7280;flex-shrink:0}.detail-value{color:#111827;font-weight:500}.template-footer{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.template-footer svg{color:#9ca3af}.template-date{font-size:12px;color:#9ca3af}.spinning{animation:spin 1s linear infinite}.dark .adset-templates-page .page-header-left h1{color:#f9fafb}.dark .adset-templates-page .page-subtitle,.dark .adset-templates-page .loading-state{color:#9ca3af}.dark .adset-templates-page .empty-state{background:#1f1f23;border-color:#3f3f46}.dark .adset-templates-page .empty-icon{background:#3434ef1a;color:#818cf8}.dark .adset-templates-page .empty-state h2{color:#f9fafb}.dark .adset-templates-page .empty-state p{color:#9ca3af}.dark .adset-templates-page .template-card{background:#1f1f23;border-color:#3f3f46}.dark .adset-templates-page .template-card:hover{border-color:#52525b;box-shadow:0 4px 12px #0003}.dark .adset-templates-page .template-header h3{color:#f9fafb}.dark .adset-templates-page .btn-delete{color:#71717a}.dark .adset-templates-page .btn-delete:hover{background:#dc26261a;color:#f87171}.dark .adset-templates-page .detail-row svg{color:#71717a}.dark .adset-templates-page .detail-label{color:#9ca3af}.dark .adset-templates-page .detail-value{color:#f9fafb}.dark .adset-templates-page .template-footer{border-top-color:#3f3f46}.dark .adset-templates-page .template-footer svg{color:#71717a}.dark .adset-templates-page .template-date{color:#71717a}@media (max-width: 768px){.adset-templates-page{padding:20px}.page-header{flex-direction:column;gap:16px}.page-header .btn-primary{width:100%;justify-content:center}.templates-grid{grid-template-columns:1fr}}.ad-templates-page{padding:32px;max-width:1200px;margin:0 auto}.ad-templates-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.ad-templates-page .back-link:hover{color:#3434ef}.ad-templates-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.ad-templates-page .page-header-left h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.ad-templates-page .page-subtitle{font-size:14px;color:#6b7280;margin:0}.ad-templates-page .page-header .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ad-templates-page .page-header .btn-primary:hover{background:#2828d0}.ad-templates-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.ad-templates-page .loading-state p{margin-top:16px;font-size:14px}.ad-templates-page .empty-state{text-align:center;padding:80px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.ad-templates-page .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#eef2ff;border-radius:50%;color:#3434ef;margin-bottom:20px}.ad-templates-page .empty-state h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.ad-templates-page .empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.ad-templates-page .empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ad-templates-page .empty-state .btn-primary:hover{background:#2828d0}.ad-templates-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ad-templates-page .template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.ad-templates-page .template-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.ad-templates-page .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ad-templates-page .template-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-templates-page .btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.ad-templates-page .btn-delete:hover{background:#fee2e2;color:#dc2626}.ad-templates-page .btn-delete:disabled{cursor:not-allowed;opacity:.5}.ad-templates-page .template-details{display:flex;flex-direction:column;gap:10px}.ad-templates-page .detail-row{display:flex;align-items:flex-start;gap:8px;font-size:14px}.ad-templates-page .detail-row svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.ad-templates-page .detail-label{color:#6b7280;flex-shrink:0}.ad-templates-page .detail-value{color:#111827;font-weight:500;word-break:break-word}.ad-templates-page .detail-value.cta-badge{background:#eef2ff;color:#3434ef;padding:2px 8px;border-radius:4px;font-size:12px}.ad-templates-page .detail-value.url-value{color:#6b7280;font-weight:400;font-size:13px}.ad-templates-page .template-footer{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.ad-templates-page .template-footer svg{color:#9ca3af}.ad-templates-page .template-date{font-size:12px;color:#9ca3af}.ad-templates-page .spinning{animation:spin 1s linear infinite}.dark .ad-templates-page .page-header-left h1{color:#f9fafb}.dark .ad-templates-page .page-subtitle,.dark .ad-templates-page .loading-state{color:#9ca3af}.dark .ad-templates-page .empty-state{background:#1f1f23;border-color:#3f3f46}.dark .ad-templates-page .empty-icon{background:#3434ef1a;color:#818cf8}.dark .ad-templates-page .empty-state h2{color:#f9fafb}.dark .ad-templates-page .empty-state p{color:#9ca3af}.dark .ad-templates-page .template-card{background:#1f1f23;border-color:#3f3f46}.dark .ad-templates-page .template-card:hover{border-color:#52525b;box-shadow:0 4px 12px #0003}.dark .ad-templates-page .template-header h3{color:#f9fafb}.dark .ad-templates-page .btn-delete{color:#71717a}.dark .ad-templates-page .btn-delete:hover{background:#dc26261a;color:#f87171}.dark .ad-templates-page .detail-row svg{color:#71717a}.dark .ad-templates-page .detail-label{color:#9ca3af}.dark .ad-templates-page .detail-value{color:#f9fafb}.dark .ad-templates-page .detail-value.cta-badge{background:#818cf81a;color:#818cf8}.dark .ad-templates-page .detail-value.url-value{color:#9ca3af}.dark .ad-templates-page .template-footer{border-top-color:#3f3f46}.dark .ad-templates-page .template-footer svg{color:#71717a}.dark .ad-templates-page .template-date{color:#71717a}@media (max-width: 768px){.ad-templates-page{padding:20px}.ad-templates-page .page-header{flex-direction:column;gap:16px}.ad-templates-page .page-header .btn-primary{width:100%;justify-content:center}.ad-templates-page .templates-grid{grid-template-columns:1fr}}.landing-page{min-height:100vh;background:#fff}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #E5E7EB}.landing-nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{text-decoration:none}.logo-text{font-size:22px;font-weight:700;color:#111827;letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:24px}.nav-link{color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:#111827}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:#111827;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.nav-cta:hover{background:#000}.landing-hero{padding:160px 24px 100px;text-align:center;background:linear-gradient(180deg,#fafafa,#fff)}.landing-hero-container{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;margin-bottom:24px}.hero-badge span{background:#3434ef14;color:#3434ef;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500}.hero-title{font-size:56px;font-weight:700;color:#111827;line-height:1.1;margin:0 0 24px;letter-spacing:-1.5px}.hero-subtitle{font-size:18px;color:#6b7280;line-height:1.7;max-width:600px;margin:0 auto 40px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:#3434ef;color:#fff;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #3434ef40}.btn-primary:hover{background:#2828c7;transform:translateY(-1px);box-shadow:0 6px 16px #3434ef4d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#374151;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;border:1px solid #E5E7EB;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.hero-features{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.hero-feature svg{color:#10b981}.landing-features{padding:100px 24px;background:#fff}.landing-features-container{max-width:1100px;margin:0 auto}.features-header{text-align:center;margin-bottom:64px}.features-header h2{font-size:36px;font-weight:700;color:#111827;margin:0 0 16px;letter-spacing:-.5px}.features-header p{font-size:18px;color:#6b7280;margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature-card{background:#fafafa;border:1px solid #E5E7EB;border-radius:16px;padding:32px;transition:all .2s}.feature-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #0000000a}.feature-icon{width:48px;height:48px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#3434ef}.feature-card h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.feature-card p{font-size:15px;color:#6b7280;line-height:1.6;margin:0}.landing-cta-section{padding:100px 24px;background:linear-gradient(180deg,#fafafa,#f3f4f6);text-align:center}.landing-cta-container{max-width:600px;margin:0 auto}.landing-cta-section h2{font-size:32px;font-weight:700;color:#111827;margin:0 0 16px;letter-spacing:-.5px}.landing-cta-section p{font-size:18px;color:#6b7280;margin:0 0 32px}.btn-primary-large{display:inline-flex;align-items:center;gap:10px;background:#3434ef;color:#fff;padding:18px 36px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #3434ef40}.btn-primary-large:hover{background:#2828c7;transform:translateY(-1px);box-shadow:0 6px 16px #3434ef4d}.landing-footer{background:#111827;padding:64px 24px 24px}.landing-footer-container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:64px;padding-bottom:48px;border-bottom:1px solid #374151}.footer-brand{max-width:280px}.footer-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.footer-brand p{color:#9ca3af;font-size:14px;margin:12px 0 0;line-height:1.6}.footer-links{display:flex;gap:80px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.footer-column a{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:24px}.footer-bottom p{color:#6b7280;font-size:13px;margin:0}@media (max-width: 768px){.landing-hero{padding:120px 20px 80px}.hero-title{font-size:36px;letter-spacing:-1px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-features{flex-direction:column;gap:16px}.features-grid{grid-template-columns:1fr}.features-header h2{font-size:28px}.landing-footer-container{flex-direction:column;gap:40px}.footer-links{gap:48px}.landing-cta-section h2{font-size:26px}}.privacy-page{min-height:100vh;background:#fafafa;padding:40px 20px}.privacy-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:48px}.privacy-back{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;text-decoration:none;margin-bottom:32px;transition:color .2s}.privacy-back:hover{color:#3434ef}.privacy-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.privacy-header h1{font-size:32px;font-weight:600;color:#111827;margin:0 0 8px}.privacy-updated{color:#6b7280;font-size:14px;margin:0}.privacy-content{color:#374151;line-height:1.7}.privacy-section{margin-bottom:32px}.privacy-section h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px}.privacy-section h3{font-size:16px;font-weight:600;color:#374151;margin:20px 0 12px}.privacy-section p{margin:0 0 12px;font-size:15px}.privacy-section ul{margin:0 0 16px;padding-left:24px}.privacy-section li{margin-bottom:8px;font-size:15px}.privacy-section a{color:#3434ef;text-decoration:none}.privacy-section a:hover{text-decoration:underline}.privacy-contact{background:#f9fafb;border-radius:8px;padding:16px 20px;margin-top:12px}.privacy-contact p{margin:0 0 8px}.privacy-contact p:last-child{margin-bottom:0}.privacy-footer{margin-top:48px;padding-top:24px;border-top:1px solid #E5E7EB;text-align:center}.privacy-footer p{color:#9ca3af;font-size:13px;margin:0}@media (max-width: 768px){.privacy-page{padding:20px 16px}.privacy-container{padding:32px 24px}.privacy-header h1{font-size:26px}.privacy-section h2{font-size:18px}}.terms-page{min-height:100vh;background:#fafafa;padding:40px 20px}.terms-container{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:48px}.terms-back{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;text-decoration:none;margin-bottom:32px;transition:color .2s}.terms-back:hover{color:#3434ef}.terms-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.terms-header h1{font-size:32px;font-weight:600;color:#111827;margin:0 0 8px}.terms-updated{color:#6b7280;font-size:14px;margin:0}.terms-content{color:#374151;line-height:1.7}.terms-section{margin-bottom:32px}.terms-section h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px}.terms-section h3{font-size:16px;font-weight:600;color:#374151;margin:20px 0 12px}.terms-section p{margin:0 0 12px;font-size:15px}.terms-section ul{margin:0 0 16px;padding-left:24px}.terms-section li{margin-bottom:8px;font-size:15px}.terms-section a{color:#3434ef;text-decoration:none}.terms-section a:hover{text-decoration:underline}.terms-contact{background:#f9fafb;border-radius:8px;padding:16px 20px;margin-top:12px}.terms-contact p{margin:0 0 8px}.terms-contact p:last-child{margin-bottom:0}.terms-footer{margin-top:48px;padding-top:24px;border-top:1px solid #E5E7EB;text-align:center}.terms-footer p{color:#9ca3af;font-size:13px;margin:0}@media (max-width: 768px){.terms-page{padding:20px 16px}.terms-container{padding:32px 24px}.terms-header h1{font-size:26px}.terms-section h2{font-size:18px}}.media-library-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.account-badge{display:inline-flex;align-items:center;padding:6px 12px;background:#eef2ff;color:#3434ef;font-size:13px;font-weight:500;border-radius:6px}.btn-refresh{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.media-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #E5E7EB;padding-bottom:0}.media-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.media-tab:hover{color:#374151}.media-tab.active{color:#3434ef;border-bottom-color:#3434ef}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:#f3f4f6;border-radius:10px;font-size:12px;font-weight:600;color:#6b7280}.media-tab.active .tab-count{background:#eef2ff;color:#3434ef}.media-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.media-search{position:relative;flex:1}.media-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.media-search input{width:100%;padding:12px 16px 12px 44px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#111827;transition:all .15s ease}.media-search input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.media-search input::-moz-placeholder{color:#9ca3af}.media-search input::placeholder{color:#9ca3af}.media-limit-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.limit-label{font-size:13px;font-weight:500;color:#6b7280}.limit-btn{padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.limit-btn:hover{background:#f9fafb;border-color:#d1d5db}.limit-btn.active{background:#3434ef;border-color:#3434ef;color:#fff}.media-error{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;margin-bottom:24px}.media-error svg{color:#dc2626;flex-shrink:0}.media-error span{flex:1;font-size:14px;color:#991b1b}.media-error button{padding:6px 12px;background:#fff;border:1px solid #FECACA;border-radius:6px;font-size:13px;font-weight:500;color:#991b1b;cursor:pointer;transition:all .15s ease}.media-error button:hover{background:#fee2e2}.media-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.media-loading p{margin-top:16px;font-size:14px}.media-empty,.media-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;grid-column:1 / -1}.media-empty svg,.media-library-empty svg{color:#d1d5db;margin-bottom:16px}.media-empty p,.media-library-empty h2{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.media-empty span,.media-library-empty p{font-size:14px;color:#9ca3af;margin:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.media-load-more{display:flex;justify-content:center;margin-top:32px;padding-bottom:24px}.btn-load-more{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-load-more:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-load-more:disabled{opacity:.7;cursor:not-allowed}.media-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;transition:all .15s ease;cursor:pointer}.media-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.media-card__thumbnail{position:relative;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}.media-card__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.media-card__duration,.media-card__dimensions{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000000bf;border-radius:4px;font-size:11px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:4px}.media-card__info{padding:14px}.media-card__name{font-size:14px;font-weight:600;color:#111827;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.media-card__date{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.media-card__date svg{color:#9ca3af}.media-card__copy{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.media-card__copy:hover{background:#f3f4f6;border-color:#d1d5db}.media-card__copy.copied{background:#d1fae5;border-color:#a7f3d0;color:#059669}.spin{animation:spin 1s linear infinite}.dark .account-badge{background:#3434ef33;color:#818cf8}.dark .btn-refresh{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .btn-refresh:hover:not(:disabled){background:#374151;border-color:#4b5563}.dark .media-tabs{border-color:#374151}.dark .media-tab{color:#9ca3af}.dark .media-tab:hover{color:#e5e7eb}.dark .media-tab.active{color:#818cf8;border-bottom-color:#818cf8}.dark .tab-count{background:#374151;color:#9ca3af}.dark .media-tab.active .tab-count{background:#3434ef33;color:#818cf8}.dark .media-search input{background:#1f2937;border-color:#374151;color:#f9fafb}.dark .media-search input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.dark .media-search input::-moz-placeholder{color:#6b7280}.dark .media-search input::placeholder{color:#6b7280}.dark .limit-label{color:#9ca3af}.dark .limit-btn{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .limit-btn:hover{background:#374151;border-color:#4b5563}.dark .limit-btn.active{background:#818cf8;border-color:#818cf8;color:#fff}.dark .btn-load-more{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .btn-load-more:hover:not(:disabled){background:#374151;border-color:#4b5563}.dark .media-error{background:#dc26261a;border-color:#dc26264d}.dark .media-error span{color:#fca5a5}.dark .media-error button{background:#1f2937;border-color:#dc26264d;color:#fca5a5}.dark .media-loading{color:#9ca3af}.dark .media-empty svg,.dark .media-library-empty svg{color:#4b5563}.dark .media-empty p,.dark .media-library-empty h2{color:#e5e7eb}.dark .media-empty span,.dark .media-library-empty p{color:#6b7280}.dark .media-card{background:#1f2937;border-color:#374151}.dark .media-card:hover{border-color:#4b5563}.dark .media-card__thumbnail{background:#111827}.dark .media-card__placeholder{color:#4b5563}.dark .media-card__name{color:#f9fafb}.dark .media-card__date{color:#9ca3af}.dark .media-card__copy{background:#111827;border-color:#374151;color:#e5e7eb}.dark .media-card__copy:hover{background:#374151;border-color:#4b5563}.dark .media-card__copy.copied{background:#10b98133;border-color:#10b9814d;color:#34d399}.media-card__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.media-card:hover .media-card__play-overlay{opacity:1}.media-card__play-overlay svg{color:#fff;margin-left:2px}.preview-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.preview-modal{position:relative;display:flex;max-width:1200px;max-height:90vh;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.preview-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;transition:all .15s ease}.preview-modal__close:hover{background:#000000b3}.preview-modal__content{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px}.preview-modal__video-container,.preview-modal__image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-modal__video{max-width:100%;max-height:70vh}.preview-modal__image{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain}.preview-modal__video-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.preview-modal__video-placeholder img{max-width:100%;max-height:50vh;border-radius:8px}.preview-modal__video-placeholder p{color:#9ca3af;font-size:14px}.preview-modal__placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6b7280}.preview-modal__placeholder p{font-size:14px}.preview-modal__info{width:320px;padding:24px;background:#f9fafb;border-left:1px solid #E5E7EB;display:flex;flex-direction:column;overflow-y:auto}.preview-modal__name{font-size:18px;font-weight:700;color:#111827;margin:0 0 20px;word-break:break-word}.preview-modal__details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.preview-modal__detail{display:flex;align-items:center;gap:10px;font-size:14px;color:#6b7280}.preview-modal__detail svg{color:#9ca3af;flex-shrink:0}.preview-modal__id{flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;border-top:1px solid #E5E7EB}.preview-modal__id-label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.preview-modal__id-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;color:#6b7280;background:#e5e7eb;padding:6px 10px;border-radius:6px;word-break:break-all}.preview-modal__actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.preview-modal__btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:none}.preview-modal__btn--copy{background:#fff;border:1px solid #E5E7EB;color:#374151}.preview-modal__btn--copy:hover{background:#f3f4f6;border-color:#d1d5db}.preview-modal__btn--copy.copied{background:#d1fae5;border-color:#a7f3d0;color:#059669}.preview-modal__btn--meta{background:#3434ef;border:1px solid #3434EF;color:#fff}.preview-modal__btn--meta:hover{background:#2828cc;border-color:#2828cc}.dark .preview-modal{background:#1f2937}.dark .preview-modal__info{background:#111827;border-color:#374151}.dark .preview-modal__name{color:#f9fafb}.dark .preview-modal__detail{color:#9ca3af}.dark .preview-modal__id{border-color:#374151}.dark .preview-modal__id-label{color:#e5e7eb}.dark .preview-modal__id-value{background:#374151;color:#d1d5db}.dark .preview-modal__btn--copy{background:#1f2937;border-color:#374151;color:#e5e7eb}.dark .preview-modal__btn--copy:hover{background:#374151;border-color:#4b5563}.dark .preview-modal__btn--copy.copied{background:#10b98133;border-color:#10b9814d;color:#34d399}@media (max-width: 768px){.media-library-page{padding:16px}.media-library-header{flex-direction:column;align-items:flex-start;gap:16px}.header-left{flex-direction:column;align-items:flex-start;gap:8px}.media-library-header h1{font-size:20px}.btn-refresh{width:100%;justify-content:center}.media-toolbar{flex-direction:column;gap:12px}.media-search{width:100%}.media-limit-selector{width:100%;justify-content:flex-start}.limit-btn{flex:1;text-align:center;justify-content:center}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.media-card__info{padding:12px}.media-card__name{font-size:13px}.preview-modal{flex-direction:column;max-height:95vh}.preview-modal__content{min-height:250px}.preview-modal__info{width:100%;border-left:none;border-top:1px solid #E5E7EB;max-height:50vh}.preview-modal__close{top:8px;right:8px;width:36px;height:36px}}.admin-page{min-height:100vh;background:#f7f8fa;padding:32px;font-family:DM Sans,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-title{display:flex;align-items:center;gap:12px}.admin-title h1{font-size:28px;font-weight:700;color:#0d0d12;margin:0}.admin-title svg{color:#3434ef}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.admin-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#9ca3af;text-align:center}.admin-denied h2{margin:16px 0 8px;color:#374151}.admin-denied p{margin:0}.map-stats-row{display:flex;gap:24px;margin-bottom:24px}.map-section{flex:0 0 60%;margin-bottom:0}.map-section .section-title{display:flex;align-items:center;gap:8px}.map-container{height:400px;background:#0d0d12;border-radius:8px;overflow:hidden;position:relative}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:12px}.map-tooltip{position:fixed;background:#0d0d12;border:1px solid #27272A;border-radius:8px;padding:8px 12px;pointer-events:none;z-index:1000;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #0000004d}.map-tooltip strong{color:#fff;font-size:13px;font-weight:600}.map-tooltip span{color:#9ca3af;font-size:12px}.stats-column{flex:0 0 40%;display:flex;flex-direction:column;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:12px;background:#eef2ff;color:#3434ef;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:#0d0d12}.stat-label{font-size:13px;color:#666d80}.admin-section{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 16px}.top-ips-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.top-ip-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.ip-rank{font-size:11px;font-weight:600;color:#3434ef;text-transform:uppercase}.ip-address{font-size:13px;font-weight:500;color:#0d0d12;font-family:SF Mono,Monaco,monospace}.ip-count{font-size:12px;color:#666d80}.table-container{overflow-x:auto}.connections-table{width:100%;border-collapse:collapse}.connections-table th,.connections-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #EBEBEB}.connections-table th{font-size:12px;font-weight:600;color:#666d80;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.connections-table td{font-size:13px;color:#374151}.connections-table tbody tr:hover{background:#f9fafb}.ip-cell{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#0d0d12}.location-cell{display:flex;align-items:center;gap:6px}.location-cell svg{color:#9ca3af}.page-cell{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#666d80}.date-cell{color:#9ca3af;white-space:nowrap}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#9ca3af;gap:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark .admin-page{background:#050505}.dark .admin-title h1{color:#fff}.dark .refresh-btn{background:#121215;border-color:#27272a;color:#e5e7eb}.dark .refresh-btn:hover:not(:disabled){background:#1a1a1d;border-color:#3f3f46}.dark .admin-error{background:#1c1917;border-color:#78350f;color:#fbbf24}.dark .stat-card{background:#121215;border-color:#27272a}.dark .stat-icon{background:#3434ef33}.dark .stat-value{color:#fff}.dark .stat-label{color:#a1a1aa}.dark .admin-section{background:#121215;border-color:#27272a}.dark .section-title{color:#e1e1e3}.dark .top-ip-card{background:#1a1a1d;border-color:#27272a}.dark .ip-address{color:#fff}.dark .ip-count{color:#a1a1aa}.dark .connections-table th{background:#1a1a1d;color:#a1a1aa;border-color:#27272a}.dark .connections-table td{color:#e5e7eb;border-color:#27272a}.dark .connections-table tbody tr:hover{background:#1a1a1d}.dark .ip-cell{color:#fff}.dark .page-cell{color:#a1a1aa}.dark .date-cell{color:#71717a}.dark .map-container{background:#0d0d12}@media (max-width: 1024px){.map-stats-row{flex-direction:column}.map-section{flex:1}.stats-column{flex:1;flex-direction:row;flex-wrap:wrap}.stats-column .stat-card{flex:1 1 calc(50% - 8px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.top-ips-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.admin-page{padding:16px}.admin-header{flex-direction:column;gap:16px;align-items:flex-start}.map-container{height:300px}.stats-column{flex-direction:column}.stats-column .stat-card{flex:1}.stats-grid{grid-template-columns:1fr}.top-ips-grid{grid-template-columns:repeat(2,1fr)}.connections-table th,.connections-table td{padding:10px 12px}}.app-container{display:flex;min-height:100vh;background-color:var(--background)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background-color:var(--background)}.page-container{padding:32px;max-width:1600px}@media (max-width: 1024px){.main-content{margin-left:0}}.page-tool-layout{min-height:100vh;background:#f7f8fa;padding:32px;font-family:DM Sans,sans-serif}.page-tool-header{text-align:left;margin-bottom:24px}.page-tool-header h1{font-size:28px;font-weight:700;color:#0d0d12;margin:0 0 4px;letter-spacing:-.02em}.page-tool-header p{font-size:14px;color:#666d80;margin:0}.page-tool-content{max-width:1400px}.dark .page-tool-layout{background:#050505}.dark .page-tool-header h1{color:#fff}.dark .page-tool-header p{color:#a1a1aa}@media (max-width: 768px){.page-tool-layout{padding:16px}.page-tool-header h1{font-size:22px}.page-tool-header{margin-bottom:24px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0\.5{bottom:-.125rem}.-right-0\.5{right:-.125rem}.left-0{left:0}.left-2\.5{left:.625rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-48{max-height:12rem}.max-h-\[500px\]{max-height:500px}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[208px\]{width:208px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 0 8px #fb731900}0%,to{box-shadow:0 0 #fb731966}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t-2{border-top-width:2px}.border-\[\#0D0D12\]{--tw-border-opacity: 1;border-color:rgb(13 13 18 / var(--tw-border-opacity, 1))}.border-\[\#1F1F23\]{--tw-border-opacity: 1;border-color:rgb(31 31 35 / var(--tw-border-opacity, 1))}.border-\[\#27272A\]{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.bg-\[\#052e16\]{--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.bg-\[\#0D0D12\]{--tw-bg-opacity: 1;background-color:rgb(13 13 18 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0a0a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-\[\#16161a\]{--tw-bg-opacity: 1;background-color:rgb(22 22 26 / var(--tw-bg-opacity, 1))}.bg-\[\#1877F2\]{--tw-bg-opacity: 1;background-color:rgb(24 119 242 / var(--tw-bg-opacity, 1))}.bg-\[\#1C1C21\]{--tw-bg-opacity: 1;background-color:rgb(28 28 33 / var(--tw-bg-opacity, 1))}.bg-\[\#1F1F23\]{--tw-bg-opacity: 1;background-color:rgb(31 31 35 / var(--tw-bg-opacity, 1))}.bg-\[\#23C16B\]{--tw-bg-opacity: 1;background-color:rgb(35 193 107 / var(--tw-bg-opacity, 1))}.bg-\[\#2D1B13\]{--tw-bg-opacity: 1;background-color:rgb(45 27 19 / var(--tw-bg-opacity, 1))}.bg-\[\#3434EF\]{--tw-bg-opacity: 1;background-color:rgb(52 52 239 / var(--tw-bg-opacity, 1))}.bg-\[\#374151\]{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-\[\#FB7319\]{--tw-bg-opacity: 1;background-color:rgb(251 115 25 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/70{background-color:#000000b3}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-jakarta{font-family:Plus Jakarta Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[9px\]{font-size:9px}.text-account-name{font-size:13px;line-height:1.4;font-weight:500}.text-account-status{font-size:10px;line-height:1.4;font-weight:400}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wide{letter-spacing:.025em}.text-\[\#23C16B\]{--tw-text-opacity: 1;color:rgb(35 193 107 / var(--tw-text-opacity, 1))}.text-\[\#52525B\]{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-\[\#E5E7EB\]{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-\[\#FB7319\]{--tw-text-opacity: 1;color:rgb(251 115 25 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.placeholder-\[\#52525B\]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.placeholder-\[\#52525B\]::placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: #EEF2FF;--primary-dark: #4338CA;--background: #FCFCFC;--surface: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--text-primary: #1F2937;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--success: #10B981;--success-bg: #D1FAE5;--success-text: #059669;--success-border: #6EE7B7;--error: #EF4444;--error-bg: #FEE2E2;--error-text: #DC2626;--error-border: #FCA5A5;--orange: #FF6B2C;--orange-bg: #FFF4ED;--orange-light: #FFEDD5;--sidebar-bg: #F7F8FA;--sidebar-width: 208px;--sidebar-text: #6B7280;--sidebar-active-bg: #F3F4F6;--sidebar-dark-card: #2D2D2D;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .04);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--chart-gradient-start: #6366F1;--chart-gradient-end: #A78BFA;--chart-bar-inactive: #F3F4F6;--chart-grid: #F3F4F6;--chart-axis-text: #9CA3AF}html,body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa;color:var(--text-primary);font-size:14px;line-height:1.5;margin:0;padding:0}.dark,html.dark,body.dark,.dark html,.dark body{background-color:#050505!important}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f7f8fa}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-track,html.dark ::-webkit-scrollbar-track,body.dark ::-webkit-scrollbar-track{background:#050505}.dark ::-webkit-scrollbar-thumb,html.dark ::-webkit-scrollbar-thumb,body.dark ::-webkit-scrollbar-thumb{background:#27272a}.dark ::-webkit-scrollbar-thumb:hover,html.dark ::-webkit-scrollbar-thumb:hover,body.dark ::-webkit-scrollbar-thumb:hover{background:#3f3f46}@keyframes travel{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.traveling-particle{position:absolute;width:8px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:travel 2s linear infinite;pointer-events:none}.fixed-end-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fffc;pointer-events:none}@keyframes burst{0%,90%{transform:translate(0) scale(0);opacity:0}95%{transform:translate(var(--x),var(--y)) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}.particle-burst{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:burst 2s linear infinite;top:50%;left:50%}.particle-1{--x: -8px;--y: -6px}.particle-2{--x: -4px;--y: 6px}.particle-3{--x: 6px;--y: -4px}.particle-4{--x: 4px;--y: 5px}@keyframes borderPulse{0%,to{box-shadow:0 0 0 1px #ffb46433}50%{box-shadow:0 0 0 1px #ffb46499}}.upgrade-card{animation:borderPulse 2s ease-in-out infinite}.container{max-width:1400px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-primary{background:var(--primary-light);color:var(--primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}.hover\:border-\[\#3434EF\]:hover{--tw-border-opacity: 1;border-color:rgb(52 52 239 / var(--tw-border-opacity, 1))}.hover\:border-\[\#EF4444\]:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#1C1C21\]:hover{--tw-bg-opacity: 1;background-color:rgb(28 28 33 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#E56208\]:hover{--tw-bg-opacity: 1;background-color:rgb(229 98 8 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#EF4444\]:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#3434EF\]:focus{--tw-border-opacity: 1;border-color:rgb(52 52 239 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:bg-\[\#121215\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(18 18 21 / var(--tw-bg-opacity, 1))}.dark\:bg-\[\#27272A\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-\[\#3F3F46\]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}