.selected-summary svg{flex-shrink:0}.schedule-options{padding:16px;display:flex;flex-direction:column;gap:10px}.schedule-option{display:flex;align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #2e2e2e;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.schedule-option:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.schedule-option.selected{border-color:#5d87ff;background-color:rgba(93,135,255,.1)}.schedule-option .option-radio{margin-right:12px}.schedule-option .option-radio input[type=radio]{width:18px;height:18px;accent-color:#5d87ff}.schedule-option .option-content{display:flex;align-items:center;gap:12px}.schedule-option .option-content svg{color:#5d87ff;flex-shrink:0}.schedule-option .option-content .option-info h4{font-size:15px;font-weight:500;margin:0 0 3px}.schedule-option .option-content .option-info p{font-size:13px;color:hsla(0,0%,100%,.7);margin:0}.date-time-selection{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:10px}@media(max-width:576px){.date-time-selection{grid-template-columns:1fr}}.date-time-selection .date-picker-wrapper,.date-time-selection .time-picker-wrapper{display:flex;flex-direction:column;gap:6px}.date-time-selection .date-picker-wrapper label,.date-time-selection .time-picker-wrapper label{font-size:13px;color:hsla(0,0%,100%,.7)}.date-time-selection .date-picker,.date-time-selection .time-picker{width:100%;padding:8px 12px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px}.date-time-selection .date-picker:focus,.date-time-selection .time-picker:focus{outline:none;border-color:#5d87ff}.send-action{margin-top:4px}.send-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background-color:#5d87ff;color:#fff;border:none;padding:12px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.send-button:hover:not(:disabled){background-color:#5680f2}.send-button:disabled{opacity:.6;cursor:not-allowed}.send-button .spinner-button{width:18px;height:18px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}.email-preview-container{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;display:flex;flex-direction:column;height:100%}.email-preview-container .preview-header{padding:12px 16px;border-bottom:1px solid #2e2e2e;background-color:rgba(0,0,0,.4)}.email-preview-container .preview-header h3{font-size:16px;font-weight:500;margin:0}.email-preview-container .preview-subheader{padding:12px 16px;border-bottom:1px solid #2e2e2e;background-color:rgba(0,0,0,.2)}.email-preview-container .preview-subheader .preview-subject{font-size:14px}.email-preview-container .preview-subheader .preview-subject .label{font-weight:500;margin-right:6px}.email-preview-container .preview-subheader .preview-subject .value{color:hsla(0,0%,100%,.7)}.email-preview-container .email-content-preview{flex:1 1;overflow:auto;padding:6px}.email-preview-container .email-body-preview{background-color:#fff;color:#333;padding:20px;min-height:100%;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.email-preview-container .email-body-preview h1,.email-preview-container .email-body-preview h2,.email-preview-container .email-body-preview h3,.email-preview-container .email-body-preview h4,.email-preview-container .email-body-preview h5,.email-preview-container .email-body-preview h6{margin-top:.5em;margin-bottom:.75em;color:#111}.email-preview-container .email-body-preview p{margin-bottom:1em}.email-preview-container .email-body-preview img{max-width:100%;height:auto;border-radius:4px}.email-preview-container .email-body-preview a{color:#3b82f6;text-decoration:underline}.email-preview-container .email-body-preview a.button{display:inline-block;padding:8px 16px;margin:8px 0;border-radius:4px;text-decoration:none;font-weight:500;text-align:center}.email-preview-container .email-body-preview a.button.button-primary{background-color:#3b82f6;color:#fff}.email-preview-container .email-body-preview ol,.email-preview-container .email-body-preview ul{margin-left:1.5em;margin-bottom:1em}.loading-inline{gap:10px;padding:16px 0}.loading-inline .spinner-small{width:20px;height:20px;border-radius:50%;border:2px solid rgba(93,135,255,.2);border-top-color:#5d87ff;animation:spin 1s linear infinite}.loading-inline p,.no-lists-message{color:hsla(0,0%,100%,.7);font-size:14px}.no-lists-message{padding:16px;text-align:center}.send-campaign-btn{display:flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;margin-left:12px}.send-campaign-btn:hover{background-color:#5680f2}.verification-required-alert{background-color:rgba(245,158,11,.1);border-left:3px solid #f59e0b;color:#f59e0b;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.verification-required-alert svg{flex-shrink:0;margin-top:2px}.verification-link{display:block;text-align:center;color:#5d87ff;font-size:14px;margin-top:12px;text-decoration:underline}.verification-link:hover{text-decoration:none}.contacts-container{display:flex;flex-direction:column;gap:24px}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contact-list-card{display:flex;align-items:center;background-color:#111;border:1px solid #2e2e2e;border-radius:8px;padding:12px 16px;margin-bottom:12px;text-decoration:none;color:#fff;transition:all .2s ease}.contact-list-card:hover{background-color:#2e2e2e;border-color:#5d87ff}.contact-list-card .list-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(93,135,255,.1);border-radius:6px;color:#5d87ff;flex-shrink:0}.contact-list-card .list-name{flex:1 1;margin:0 16px}.contact-list-card .list-name h3{font-size:15px;font-weight:500;margin:0 0 4px}.contact-list-card .list-name .list-description{font-size:13px;color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.contact-list-card .list-stats{display:flex;align-items:center;gap:24px;margin-right:16px}.contact-list-card .list-stats .stat{display:flex;flex-direction:column;align-items:center}.contact-list-card .list-stats .stat .value{font-weight:500;font-size:14px}.contact-list-card .list-stats .stat .label{font-size:12px;color:hsla(0,0%,100%,.5)}.contact-list-card .list-actions{position:relative}.contact-list-card .list-actions .more-button{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);padding:8px;border-radius:4px;cursor:pointer;display:flex;transition:all .2s ease}.contact-list-card .list-actions .more-button:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.dropdown-container{position:relative;z-index:10}.dropdown-container .dropdown-menu{position:absolute;top:100%;right:0;width:160px;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;padding:4px;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15)}.dropdown-container .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;font-size:13px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.dropdown-container .dropdown-menu .dropdown-item:hover{background-color:#2e2e2e;color:#fff}.dropdown-container .dropdown-menu .dropdown-item.delete{color:#ff5e5e}.dropdown-container .dropdown-menu .dropdown-item.delete:hover{background-color:rgba(255,94,94,.1)}.dropdown-container .dropdown-menu .dropdown-divider{height:1px;background-color:#2e2e2e;margin:4px 0}.contact-lists-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.import-methods-section{margin-top:20px}.import-methods-section h2{font-size:18px;font-weight:600;margin-bottom:16px}.import-methods-section .import-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.import-methods-section .import-card{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s ease}.import-methods-section .import-card:hover{transform:translateY(-4px);border-color:#5d87ff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.import-methods-section .import-card .icon-container{width:48px;height:48px;background-color:rgba(93,135,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5d87ff;margin-bottom:16px}.import-methods-section .import-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.import-methods-section .import-card p{font-size:14px;color:hsla(0,0%,100%,.7);margin:0}.details-header .header-left{display:flex;flex-direction:column;gap:8px}.details-header .header-left .back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease}.details-header .header-left .back-link:hover{color:#fff}.details-header .header-left .list-info h1{margin:8px 0 4px;font-size:24px;font-weight:600}.details-header .header-left .list-info .list-description{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:8px}.details-header .header-left .list-info .list-stats{display:flex;align-items:center;color:hsla(0,0%,100%,.5);font-size:13px;gap:8px}.contacts-actions .search-container{display:flex;gap:8px;flex:1 1}.contacts-actions .search-container .search-input-wrapper{position:relative;width:320px}.contacts-actions .search-container .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5)}.contacts-actions .search-container .search-input-wrapper .search-input{width:100%;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;padding:8px 36px;color:#fff;font-size:14px;transition:all .2s ease}.contacts-actions .search-container .search-input-wrapper .search-input:focus{outline:none;border-color:#5d87ff}.contacts-actions .search-container .search-input-wrapper .search-input::placeholder{color:hsla(0,0%,100%,.5)}.contacts-actions .search-container .search-input-wrapper .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.contacts-actions .search-container .search-input-wrapper .clear-search:hover{color:#fff}.contacts-actions .search-container .filter-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;color:hsla(0,0%,100%,.7);font-size:14px;cursor:pointer;transition:all .2s ease}.contacts-actions .search-container .filter-button:hover{background-color:#2e2e2e;color:#fff}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:Onest,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;background-color:#000;height:100%;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s ease}a:hover{color:#8ab4f8}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-color:#000;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(94,106,210,.1),transparent 70%);z-index:0}.auth-card{width:100%;max-width:420px;padding:2rem;background-color:#111;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.4);position:relative;z-index:1;border:1px solid #333}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{margin-bottom:1.5rem;display:inline-flex}.auth-header .logo svg{font-size:30px;color:#5e6ad2}.auth-header h1{margin-bottom:.75rem;font-size:1.5rem;font-weight:400}.auth-header p{color:hsla(0,0%,100%,.8);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:hsla(0,0%,100%,.8);font-size:.875rem}.form-group input{padding:.75rem 1rem;border:1px solid #333;border-radius:4px;height:42px;font-size:.95rem}.form-group input:focus{border-color:#5e6ad2;box-shadow:0 0 0 1px rgba(94,106,210,.2)}.form-group input::placeholder{color:hsla(0,0%,100%,.6);opacity:.6}.btn{padding:8px 20px;font-size:1rem;font-weight:400;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px}.btn:focus{outline:none}.btn-primary{background-color:#5e6ad2}.btn-primary:hover:not(:disabled){background-color:#5363c7;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.brands-content{width:100%}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.brands-list{display:flex;flex-direction:column;gap:16px}.brands-list .brand-card{max-height:none}.brands-list .brand-card .brand-card-content{flex-direction:row;align-items:center;gap:16px}.brands-list .brand-card .brand-card-content .brand-header{flex:0 0 30%;margin-bottom:0;flex-direction:column;align-items:flex-start;gap:8px}.brands-list .brand-card .brand-card-content .brand-details{flex:1 1;flex-direction:row;justify-content:space-around}.brands-list .brand-card .brand-card-content .brand-details .detail-row{flex-direction:column;align-items:flex-start;gap:4px}.brands-list .brand-card .brand-card-content .brand-actions{flex:0 0 auto}.brands-list .brand-card .brand-card-content .brand-actions .view-details-btn{background-color:#111;border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7);font-size:13px;padding:6px 14px;border-radius:4px;cursor:pointer;transition:all .2s ease}.brands-list .brand-card .brand-card-content .brand-actions .view-details-btn:hover{background-color:#2e2e2e;color:#fff}.brand-card{color:#fff}.brand-card:hover{transform:translateY(-4px);border-color:#5d87ff;box-shadow:0 6px 20px rgba(0,0,0,.2)}.brand-card:hover h3{color:#5d87ff}.brand-card-content{padding:20px}.brand-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.brand-header h3{font-size:18px;font-weight:600;margin:0;transition:all .2s ease}.brand-header .status-indicator{font-size:12px;padding:3px 8px;border-radius:12px;font-weight:500;display:inline-block}.brand-header .status-indicator span{color:#fff}.brand-details{display:flex;flex-direction:column;gap:12px;flex:1 1}.detail-row .detail-value{font-size:14px}.form-container{background-color:#1e1e1e;border-radius:8px;border:1px solid #2e2e2e;padding:24px;max-width:600px;margin:0 auto}.brand-header-nav{margin-bottom:1.5rem}.back-link{font-size:.95rem}.brand-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.brand-detail-header h1{margin-bottom:.5rem}.brand-detail-header .brand-status{display:flex;align-items:center;gap:.5rem}.brand-detail-header .brand-status .status-dot{width:8px;height:8px;border-radius:50%}.brand-detail-header .brand-actions{display:flex;gap:1rem}.brand-tabs{display:flex;flex-direction:column;gap:1.5rem}.tabs-navigation{display:flex;border-bottom:1px solid #2e2e2e;margin-bottom:1rem;overflow-x:auto}.tabs-navigation::-webkit-scrollbar{height:3px}.tabs-navigation::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.tabs-navigation::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.tab-item{background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);padding:1rem 1.5rem;font-size:.95rem;cursor:pointer;border:none;border-bottom:2px solid rgba(0,0,0,0);transition:all .2s ease;position:relative;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.tab-item:hover{color:#fff}.tab-item.active{color:#5e6ad2;border-bottom-color:#5e6ad2}.tab-item.verification{color:#ffd43b}.tab-item.verification.active{border-bottom-color:#ffd43b}.verification-badge{font-size:.65rem;background-color:rgba(255,212,59,.2);color:#ffd43b;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.tab-content{width:100%}.brand-detail-section{background-color:#111;border-radius:8px;padding:2rem;border:1px solid #2e2e2e;margin-bottom:1.5rem}.brand-detail-section h2{margin-bottom:1.5rem;font-size:1.3rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-divider{border-top:1px solid #2e2e2e;padding-top:1.5rem;margin-top:1.5rem}.form-divider h3{margin-bottom:.5rem;font-size:1.1rem}.form-divider p{color:hsla(0,0%,100%,.7);font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media(min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.verification-panel{background-color:rgba(0,0,0,.2);border-radius:8px;border:1px solid #2e2e2e;overflow:hidden}.verification-header{padding:1rem 1.5rem;background-color:rgba(255,212,59,.1);border-bottom:1px solid rgba(255,212,59,.2)}.verification-status{display:flex;align-items:center;gap:.5rem}.verification-status .status-indicator{width:10px;height:10px;border-radius:50%}.verification-status .status-text{font-weight:500}.verification-status.incomplete{color:#ffd43b}.verification-status.incomplete .status-indicator{background-color:#ffd43b;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.verification-status.complete{color:#51cf66}.verification-status.complete .status-indicator{background-color:#51cf66}.verification-content{padding:1.5rem}.verification-content p{margin-bottom:1.5rem;color:hsla(0,0%,100%,.7)}.dns-records{background-color:hsla(0,0%,100%,.03);border-radius:6px;border:1px solid #2e2e2e;margin-bottom:1.5rem;overflow:hidden}.record-item{grid-template-columns:70px 1fr 2fr auto}.btn-copy{background:rgba(0,0,0,0);border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7);border-radius:6px;padding:2px 8px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.verification-actions{margin-top:1.5rem}.empty-campaigns,.empty-state{text-align:center;padding:2rem 0}.empty-campaigns p,.empty-state p{color:hsla(0,0%,100%,.7);margin-bottom:1.5rem}.empty-campaigns .empty-state-icon,.empty-state .empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.7}.empty-campaigns h3,.empty-state h3{margin-bottom:.75rem}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-header{display:flex;flex-direction:column;gap:8px}.settings-header h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;margin:8px 0}.settings-header h1 svg{color:#5d87ff}.settings-layout{display:flex;flex-direction:column;gap:20px}.settings-sidebar{width:100%}.settings-nav{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;display:flex;overflow-x:auto;white-space:nowrap}.settings-nav::-webkit-scrollbar{height:3px}.settings-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.settings-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.settings-nav .nav-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,0,0,0);border:none;border-right:1px solid #2e2e2e;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;font-size:14px}.settings-nav .nav-item:before{content:none!important}.settings-nav .nav-item:last-child{border-right:none}.settings-nav .nav-item svg{flex-shrink:0}.settings-nav .nav-item:hover{background-color:#2e2e2e;color:#fff}.settings-nav .nav-item.active{background-color:rgba(93,135,255,.1);color:#5d87ff;box-shadow:inset 0 -2px 0 #5d87ff}.settings-nav .nav-item.active svg{color:#5d87ff}.settings-nav .nav-item.danger{color:#ff5e5e;margin-left:auto}.settings-nav .nav-item.danger:hover{background-color:rgba(255,94,94,.1)}.settings-nav .nav-item.danger.active{background-color:rgba(255,94,94,.1);box-shadow:inset 0 -2px 0 #ff5e5e}.settings-content{width:100%}.settings-panel{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:24px}.settings-form{max-width:600px}.settings-form .form-group{margin-bottom:20px}.settings-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.settings-form .form-group input,.settings-form .form-group select,.settings-form .form-group textarea{width:100%;padding:10px 12px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.settings-form .form-group input:focus,.settings-form .form-group select:focus,.settings-form .form-group textarea:focus{outline:none;border-color:#5d87ff}.settings-form .form-group input:disabled,.settings-form .form-group select:disabled,.settings-form .form-group textarea:disabled{opacity:.7;cursor:not-allowed}.settings-form .form-group .hint-text{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:6px}.settings-form .form-group .input-with-icon{position:relative}.settings-form .form-group .input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5)}.settings-form .form-group .input-with-icon input{padding-left:36px}.settings-form .form-actions{display:flex;margin-top:28px}.settings-form .form-actions button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.settings-form .form-actions button .spinner{animation:spin 1s linear infinite}.settings-form .btn-primary{background-color:#5d87ff;color:#fff;border:none}.settings-form .btn-primary:hover:not(:disabled){background-color:#5680f2}.settings-form .btn-secondary{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);border:1px solid #2e2e2e}.settings-form .btn-secondary:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.settings-form .btn-outline{background-color:rgba(0,0,0,0);color:#5d87ff;border:1px solid #5d87ff}.settings-form .btn-outline:hover:not(:disabled){background-color:rgba(93,135,255,.1)}.color-settings{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(max-width:576px){.color-settings{grid-template-columns:1fr}}.color-picker-wrapper{display:flex;align-items:center;gap:10px}.color-picker-wrapper input[type=color]{width:42px;height:42px;padding:2px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;cursor:pointer}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-wrapper .color-text-input{flex:1 1}.verification-status-banner{display:flex;align-items:center;gap:12px;background-color:rgba(93,135,255,.05);border-radius:8px;padding:16px;margin-bottom:24px}.verification-status-banner svg{color:#5d87ff;flex-shrink:0}.verification-status-banner div{flex:1 1}.verification-status-banner div .status-title{font-weight:600;font-size:15px;margin:0 0 4px}.verification-status-banner div .status-desc{font-size:14px;color:hsla(0,0%,100%,.7);margin:0}.info-card{display:flex;gap:12px;background-color:rgba(93,135,255,.05);border-left:3px solid #5d87ff;padding:16px;border-radius:6px;margin-bottom:24px}.info-card svg{color:#5d87ff;flex-shrink:0;margin-top:3px}.info-card div{flex:1 1}.info-card div h4{font-size:15px;font-weight:500;margin:0 0 6px}.info-card div p{margin:0;font-size:14px;line-height:1.5;color:hsla(0,0%,100%,.7)}.danger-zone .danger-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.danger-zone .danger-header svg{color:#ff5e5e}.danger-zone .danger-header h3{color:#ff5e5e;font-size:18px;font-weight:600;margin:0}.danger-zone .danger-content{background-color:rgba(255,94,94,.05);border:1px solid rgba(255,94,94,.2);border-radius:8px;padding:16px}.danger-zone .danger-content p{margin:0 0 16px;font-size:14px;line-height:1.5}.danger-zone .danger-content .btn-danger{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#ff5e5e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-zone .danger-content .btn-danger:hover:not(:disabled){background-color:#ff4949}.danger-zone .danger-content .btn-danger:disabled{opacity:.6;cursor:not-allowed}.danger-zone .delete-confirm input{width:100%;padding:10px 12px;background-color:#000;border:1px solid rgba(255,94,94,.3);border-radius:6px;color:#fff;font-size:14px;margin-bottom:16px}.danger-zone .delete-confirm input:focus{outline:none;border-color:#ff5e5e}.danger-zone .delete-confirm .delete-actions{display:flex;gap:12px}.danger-zone .delete-confirm .delete-actions button{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-zone .delete-confirm .delete-actions button:disabled{opacity:.6;cursor:not-allowed}.modern-form-container{background-color:#1e1e1e;border-radius:8px;width:100%}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-header h2{font-size:20px;font-weight:600;margin:0}.form-header .close-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:all .2s ease}.form-header .close-btn:hover{background-color:#2e2e2e;color:#fff}.form-description{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:24px}.form-error{color:#ff5e5e;border-radius:4px}.form-error,.modern-form .form-group{margin-bottom:20px}.modern-form .form-group label{display:block;margin-bottom:8px;font-size:14px;color:hsla(0,0%,100%,.7);font-weight:500}.modern-form .form-group label .required{color:#ff5e5e;margin-left:4px}.modern-form .form-group .input-wrapper{position:relative}.modern-form .form-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5);pointer-events:none}.modern-form .form-group .input-wrapper input{width:100%;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;padding:10px 12px;font-size:14px;transition:all .2s ease}.modern-form .form-group .input-wrapper input:focus{outline:none;border-color:#5d87ff}.modern-form .form-group .input-wrapper input::placeholder{color:hsla(0,0%,100%,.5)}.modern-form .form-group .input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.modern-form .form-group .input-wrapper input[name=website]{padding-left:36px}.modern-form .form-group .input-help{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:6px;padding-left:2px}.modern-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modern-form .form-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.modern-form .form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.modern-form .form-actions .btn .spinner{animation:spin 1s linear infinite}.modern-form .form-actions .btn-primary{background-color:#5d87ff;color:#fff;border:none}.modern-form .form-actions .btn-primary:hover:not(:disabled){background-color:#5680f2}.modern-form .form-actions .btn-secondary{background-color:rgba(0,0,0,0);border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7)}.modern-form .form-actions .btn-secondary:hover:not(:disabled){background-color:#2e2e2e;color:#fff}@media(max-width:576px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.campaign-editor-page{max-width:900px;margin:0 auto;padding:0 16px}.editor-actions{display:flex;align-items:center;gap:12px}.status-message{font-size:14px;padding:6px 12px;border-radius:4px}.status-message.success{background-color:rgba(16,185,129,.1);color:#10b981}.status-message.error{background-color:rgba(239,68,68,.1);color:#ef4444}.btn-save,.btn-send{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save{background-color:rgba(0,0,0,0);border:1px solid #5d87ff;color:#5d87ff}.btn-save:hover:not(:disabled){background-color:rgba(93,135,255,.1)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-send{background-color:#5d87ff;color:#fff;border:none}.btn-send:hover{background-color:#4b6cd9}.subject-line{color:hsla(0,0%,100%,.7);font-size:15px}.subject-line span{font-weight:500;margin-right:4px}.editor-container{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;margin-bottom:40px}.editor-info-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:rgba(93,135,255,.1);border-bottom:1px solid #2e2e2e;font-size:13px;color:hsla(0,0%,100%,.8)}.editor-info-bar svg{color:#5d87ff}.ProseMirror{border-radius:0 0 8px 8px}.ProseMirror p{margin-bottom:1em;color:#333}@media(max-width:768px){.editor-top-bar{flex-direction:column;align-items:flex-start;gap:16px}.editor-actions{width:100%;justify-content:flex-end}}@media(max-width:576px){.editor-actions{flex-wrap:wrap;gap:10px}.btn-save,.btn-send{flex:1 1;justify-content:center}}.editor-container-wrapper{display:flex;justify-content:center;width:100%}.editor-main{max-width:850px;width:100%;border:1px solid #2e2e2e}.editor-preview-hint{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:rgba(93,135,255,.1);border-bottom:1px solid #2e2e2e;font-size:13px;color:hsla(0,0%,100%,.8)}.editor-preview-hint svg{color:#5d87ff}@media(max-width:992px){.editor-header-redesign{flex-direction:column;gap:16px;padding:16px}.editor-header-center,.editor-header-left,.editor-header-right{width:100%;flex:1 1 auto;text-align:left}.editor-header-center .campaign-info{align-items:flex-start}.editor-header-right{justify-content:flex-start}.editor-header-redesign .editor-actions{width:100%}.editor-header-redesign .save-button,.editor-header-redesign .send-button{flex:1 1}}@media(max-width:576px){.editor-header-redesign .editor-actions{flex-direction:column}}.editor-main{background-color:#111;border-radius:8px;overflow:hidden;margin-bottom:40px}.editor-main .ProseMirror{background-color:#fff;border-radius:0}.edit-content-button{display:flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;margin-top:16px;transition:background-color .2s ease}.edit-content-button:hover{background-color:#4b6cd9}.edit-content-button svg{stroke-width:2px}@media(max-width:768px){.editor-header{flex-direction:column;gap:16px}.editor-header .editor-header-right{width:100%;justify-content:flex-end}}.campaign-stats-container{display:flex;flex-direction:column;gap:24px}.stats-summary{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:20px}.stats-header{margin-bottom:20px}.stats-header h2{font-size:18px;font-weight:600;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.stat-card{align-items:center;gap:16px}.stat-card .stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon.recipients{background-color:rgba(93,135,255,.1);color:#5d87ff}.stat-card .stat-icon.opens{background-color:rgba(16,185,129,.1);color:#10b981}.stat-card .stat-icon.clicks{background-color:rgba(245,158,11,.1);color:#f59e0b}.stat-card .stat-icon.bounces{background-color:rgba(255,94,94,.1);color:#ff5e5e}.stat-card .stat-content{flex:1 1}.stat-card .stat-content .stat-value{font-size:24px;font-weight:600;margin-bottom:4px}.stat-card .stat-content .stat-label{font-size:14px;color:hsla(0,0%,100%,.7)}.stat-card .stat-content .stat-secondary{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:4px}.view-details-section{display:flex;justify-content:center;margin-top:8px}.events-section{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:20px}.events-header{margin-bottom:16px}.events-header h3{font-size:16px;font-weight:600;margin:0}.events-header .events-actions{display:flex;gap:8px}.events-filters{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px;padding:16px;border-radius:6px}.events-filters .filter-group{display:flex;flex-direction:column;gap:6px}.events-filters .filter-group label{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.7)}.events-filters .filter-group input,.events-filters .filter-group select{background-color:#000;border:1px solid #2e2e2e;border-radius:4px;color:#fff;padding:8px 10px;font-size:13px}.events-filters .filter-group input:focus,.events-filters .filter-group select:focus{outline:none;border-color:#5d87ff}.events-table-container{width:100%;overflow-x:auto}.events-table{width:100%;border-collapse:collapse}.events-table td,.events-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #2e2e2e}.events-table th{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;background-color:rgba(0,0,0,.2)}.events-table td{font-size:14px;color:#fff}.events-table tbody tr:hover{background-color:hsla(0,0%,100%,.02)}.events-table .event-type-cell{display:flex;align-items:center;gap:8px}.events-table .event-type-cell .event-icon.open{color:#10b981}.events-table .event-type-cell .event-icon.click{color:#f59e0b}.events-table .event-type-cell .event-icon.bounce{color:#ff5e5e}.events-table .event-type-cell .event-icon.complaint{color:#ef4444}.events-table .event-type-cell .event-icon.delivery{color:hsla(0,0%,100%,.7)}.events-table .event-time{color:hsla(0,0%,100%,.7);font-size:13px}.events-table .event-url{color:#5d87ff;text-decoration:underline;font-size:13px;cursor:pointer}.events-table .event-bounce-type{color:#ff5e5e;font-size:13px}.events-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.events-pagination .pagination-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:14px;border-radius:6px;border:1px solid #2e2e2e;background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.events-pagination .pagination-btn:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.events-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.events-pagination .pagination-info{font-size:14px;color:hsla(0,0%,100%,.7)}.events-empty,.events-loading,.stats-empty,.stats-error,.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.events-empty p,.events-loading p,.stats-empty p,.stats-error p,.stats-loading p{color:hsla(0,0%,100%,.7);margin-top:12px}.events-loading .spinner-small,.stats-loading .spinner-small{width:24px;height:24px;border-radius:50%;border:2px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite}.stats-visualization{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:20px}.stats-visualization .visualization-header{margin-bottom:16px}.stats-visualization .visualization-header h3{font-size:16px;font-weight:600;margin:0}.stats-visualization .visualization-content{min-height:200px}.stats-visualization .visualization-content .visualization-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:hsla(0,0%,100%,.7);padding:60px 0;text-align:center}.stats-visualization .visualization-content .visualization-placeholder svg{color:#5d87ff;opacity:.5}.stats-visualization .stats-legend{display:flex;gap:16px;justify-content:center;margin-top:16px}.stats-visualization .stats-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:hsla(0,0%,100%,.7)}.stats-visualization .stats-legend .legend-item .legend-dot{width:10px;height:10px;border-radius:50%}.stats-visualization .stats-legend .legend-item .legend-dot.opens{background-color:#10b981}.stats-visualization .stats-legend .legend-item .legend-dot.clicks{background-color:#f59e0b}.stats-visualization .stats-legend .legend-item .legend-dot.bounces{background-color:#ff5e5e}@media(max-width:768px){.events-filters,.stats-grid{grid-template-columns:1fr}.events-header{flex-direction:column;align-items:flex-start;gap:12px}.events-header .events-actions{width:100%;justify-content:flex-end}}.page-title{font-size:20px;font-weight:500;margin:0!important}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-container{align-items:center;gap:10px}.search-input{padding:10px 12px 10px 40px}.filter-button{gap:8px;padding:10px 16px}.create-button{display:flex;align-items:center;gap:8px;background-color:#3b82f6;border:none;color:#fff;padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-button:hover{background-color:#2563eb}.campaigns-table-container{background-color:#111;border-radius:8px;overflow:hidden;border:1px solid #2e2e2e}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table td,.campaigns-table th{padding:14px 16px;text-align:left}.campaigns-table th{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2e2e2e;position:relative}.campaigns-table td{font-size:14px;border-bottom:1px solid #2e2e2e;color:#fff}.campaigns-table tr:last-child td{border-bottom:none}.campaigns-table tbody tr{transition:background-color .2s ease}.campaigns-table tbody tr:hover{background-color:hsla(0,0%,100%,.03)}.campaigns-table .sort-btn{background:none;border:none;color:#5d87ff;cursor:pointer;padding:0;margin-left:6px;font-size:14px}.campaign-col{width:35%}.status-col{width:15%}.created-col,.openrate-col,.recipients-col{width:12%}.actions-col{width:14%;text-align:right}.campaign-info{display:flex;align-items:center;gap:12px}.campaign-info .email-icon{width:32px;height:32px;background-color:rgba(59,130,246,.1);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.campaign-info .campaign-details{display:flex;flex-direction:column;gap:4px}.campaign-info .campaign-details .campaign-name{font-weight:500}.campaign-info .campaign-details .campaign-subject{font-size:13px;color:hsla(0,0%,100%,.7)}.status-badge{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.action-buttons .delete-btn,.action-buttons .duplicate-btn,.action-buttons .edit-btn,.action-buttons .view-btn{padding:6px;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s ease;background:rgba(0,0,0,0);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-buttons .view-btn{background-color:rgba(59,130,246,.1);color:#60a5fa}.action-buttons .view-btn:hover{background-color:rgba(59,130,246,.2)}.action-buttons .edit-btn{background-color:rgba(16,185,129,.1);color:#34d399}.action-buttons .edit-btn:hover{background-color:rgba(16,185,129,.2)}.action-buttons .duplicate-btn{background-color:rgba(245,158,11,.1);color:#f59e0b}.action-buttons .duplicate-btn:hover{background-color:rgba(245,158,11,.2)}.action-buttons .delete-btn{background-color:rgba(239,68,68,.1);color:#ef4444}.action-buttons .delete-btn:hover{background-color:rgba(239,68,68,.2)}.loading-section .spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6}.cd-container{max-width:1200px;margin:0 auto;padding:0 20px}.cd-header{margin-bottom:32px}.cd-header .cd-back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;background-color:hsla(0,0%,100%,.05);padding:8px 14px;border-radius:8px;transition:all .2s ease;margin-bottom:16px}.cd-header .cd-back-link:hover{color:#fff;background-color:hsla(0,0%,100%,.08);transform:translateX(-2px)}.cd-header .cd-back-link svg{transition:transform .2s ease}.cd-header .cd-back-link:hover svg{transform:translateX(-2px)}.cd-header .cd-campaign-header{display:flex;align-items:center;justify-content:space-between;background-color:#181818;border-radius:12px;padding:20px 24px;border:1px solid #2e2e2e}.cd-header .cd-campaign-header h1{font-size:26px;font-weight:600;margin:0;color:#fff}.cd-header .cd-campaign-meta{display:flex;align-items:center;gap:16px}.cd-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.2)}.cd-status-badge.cd-status-draft{background-color:rgba(100,116,139,.15);color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.cd-status-badge.cd-status-sending{background-color:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.cd-status-badge.cd-status-sent{background-color:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.cd-status-badge.cd-status-scheduled{background-color:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.cd-summary-card{background-color:#181818;border-radius:12px;border:1px solid #2e2e2e;margin-bottom:36px;overflow:hidden;transition:box-shadow .3s ease}.cd-summary-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.2)}.cd-summary-card .cd-card-header{padding:16px 20px;background-color:#121212;border-bottom:1px solid #2e2e2e;display:flex;align-items:center;gap:12px}.cd-summary-card .cd-card-header svg{color:#5d87ff}.cd-summary-card .cd-card-header h3{font-size:16px;font-weight:600;margin:0;color:#fff}.cd-summary-card .cd-card-content{padding:24px}.cd-summary-card .cd-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media(max-width:768px){.cd-summary-card .cd-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.cd-summary-card .cd-summary-grid{grid-template-columns:1fr}}.cd-summary-card .cd-summary-item{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#202020;border-radius:8px;transition:all .2s ease}.cd-summary-card .cd-summary-item:hover{transform:translateY(-2px);border-color:#444;box-shadow:0 4px 10px rgba(0,0,0,.15)}.cd-summary-card .cd-summary-label{display:flex;align-items:center;gap:8px;font-size:13px;color:hsla(0,0%,100%,.6)}.cd-summary-card .cd-summary-label svg{color:#5d87ff}.cd-summary-card .cd-summary-value{font-size:15px;color:#fff;line-height:1.5;word-break:break-word}.cd-summary-card .cd-preview-btn{display:inline-flex;align-items:center;gap:8px;background-color:rgba(93,135,255,.08);border:1px solid rgba(93,135,255,.3);color:#5d87ff;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content;margin-top:8px}.cd-summary-card .cd-preview-btn:hover{background-color:rgba(93,135,255,.15);border-color:rgba(93,135,255,.4);transform:translateY(-2px)}.cd-section{margin-bottom:36px}.cd-section .cd-section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative}.cd-section .cd-section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background-color:#5d87ff;border-radius:2px}.cd-section .cd-section-title svg{color:#5d87ff}.cd-stats-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}@media(max-width:1100px){.cd-stats-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cd-stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.cd-stats-cards{grid-template-columns:1fr}}.cd-stat-card{background-color:#181818;border-radius:10px;border:1px solid #2e2e2e;padding:20px;display:flex;flex-direction:column;transition:all .2s ease;overflow:hidden;position:relative}.cd-stat-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#5d87ff,transparent);opacity:0;transition:opacity .3s ease}.cd-stat-card:hover{transform:translateY(-3px);border-color:#444;box-shadow:0 8px 15px rgba(0,0,0,.2)}.cd-stat-card:hover:after{opacity:1}.cd-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cd-stat-icon.cd-stat-icon-delivered{background-color:rgba(93,135,255,.1);color:#5d87ff}.cd-stat-icon.cd-stat-icon-opened{background-color:rgba(16,185,129,.1);color:#10b981}.cd-stat-icon.cd-stat-icon-clicked{background-color:rgba(245,158,11,.1);color:#f59e0b}.cd-stat-icon.cd-stat-icon-unsubscribed{background-color:rgba(124,58,237,.1);color:#8b5cf6}.cd-stat-icon.cd-stat-icon-bounced{background-color:rgba(239,68,68,.1);color:#ef4444}.cd-stat-content .cd-stat-value{font-size:28px;font-weight:600;margin-bottom:6px;color:#fff}.cd-stat-content .cd-stat-label{font-size:14px;color:hsla(0,0%,100%,.7);margin-bottom:8px}.cd-stat-content .cd-stat-percent{font-size:13px;display:inline-block;padding:4px 10px;background-color:#202020;border-radius:20px;border:1px solid #333}.cd-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cd-events-header .cd-events-actions{display:flex;gap:10px}.cd-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cd-btn.cd-btn-outline{background-color:#181818;border:1px solid #2e2e2e;color:hsla(0,0%,100%,.8)}.cd-btn.cd-btn-outline:hover{background-color:#202020;border-color:#444;color:#fff;transform:translateY(-2px)}.cd-btn.cd-btn-outline svg{transition:transform .2s ease}.cd-btn.cd-btn-outline:hover svg{transform:scale(1.1)}.cd-btn.cd-btn-primary{background-color:#5d87ff;color:#fff;border:none}.cd-btn.cd-btn-primary:hover{background-color:#4b6cd9;transform:translateY(-2px)}.cd-events-filters{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px;padding:20px;background-color:#181818;border:1px solid #2e2e2e;border-radius:10px;animation:fadeIn .3s ease}@media(max-width:992px){.cd-events-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.cd-events-filters{grid-template-columns:1fr}}.cd-events-filters .cd-filter-group{display:flex;flex-direction:column;gap:8px}.cd-events-filters .cd-filter-group label{font-size:13px;font-weight:500;color:hsla(0,0%,100%,.7);margin-left:2px}.cd-events-filters .cd-filter-group input,.cd-events-filters .cd-filter-group select{width:100%;padding:10px 12px;background-color:#121212;border:1px solid #2e2e2e;border-radius:8px;color:#fff;font-size:14px}.cd-events-filters .cd-filter-group input:focus,.cd-events-filters .cd-filter-group select:focus{outline:none;border-color:#5d87ff;box-shadow:0 0 0 2px rgba(93,135,255,.1)}.cd-events-filters .cd-filter-group select{-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='rgba(255, 255, 255, 0.5)' 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 10px center;padding-right:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cd-card{background-color:#181818;border:1px solid #2e2e2e;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.cd-events-table-container{overflow-x:auto}.cd-events-table-container::-webkit-scrollbar{height:8px}.cd-events-table-container::-webkit-scrollbar-track{background:#121212;border-radius:4px}.cd-events-table-container::-webkit-scrollbar-thumb{background-color:#2e2e2e;border-radius:4px}.cd-events-table-container::-webkit-scrollbar-thumb:hover{background-color:#444}.cd-events-table{width:100%;border-collapse:separate;border-spacing:0}.cd-events-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.5px;background-color:#121212;border-bottom:1px solid #2e2e2e;position:-webkit-sticky;position:sticky;top:0;z-index:1;transition:background-color .2s ease}.cd-events-table th:first-child{border-top-left-radius:8px}.cd-events-table th:last-child{border-top-right-radius:8px}.cd-events-table th:hover{background-color:#151515}.cd-events-table td{padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:14px;color:hsla(0,0%,100%,.9);transition:background-color .2s ease}.cd-events-table tbody tr:hover{background-color:hsla(0,0%,100%,.03)}.cd-events-table tbody tr:hover td{color:#fff}.cd-events-table tbody tr:last-child td{border-bottom:none}.cd-events-table .cd-event-type{display:flex;align-items:center;gap:10px}.cd-events-table .cd-event-type .cd-event-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background-color:rgba(0,0,0,.3);padding:6px}.cd-events-table .cd-event-type .cd-event-icon-open{color:#10b981;background-color:rgba(16,185,129,.1)}.cd-events-table .cd-event-type .cd-event-icon-click{color:#f59e0b;background-color:rgba(245,158,11,.1)}.cd-events-table .cd-event-type .cd-event-icon-bounce,.cd-events-table .cd-event-type .cd-event-icon-complaint{color:#ef4444;background-color:rgba(239,68,68,.1)}.cd-events-table .cd-event-type .cd-event-icon-delivery{color:#5d87ff;background-color:rgba(93,135,255,.1)}.cd-events-table .cd-event-type .cd-event-icon-unsubscribe{color:#8b5cf6;background-color:rgba(124,58,237,.1)}.cd-events-table .cd-event-time{color:hsla(0,0%,100%,.6);font-size:13px;display:inline-block;padding:4px 10px;background-color:rgba(0,0,0,.2);border-radius:20px}.cd-events-table .cd-event-url{color:#5d87ff;text-decoration:none;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;cursor:pointer;padding:4px 10px;background-color:rgba(93,135,255,.1);border-radius:20px;transition:all .2s ease}.cd-events-table .cd-event-url:hover{background-color:rgba(93,135,255,.2);text-decoration:underline}.cd-events-table .cd-event-reason{color:#ef4444;font-size:13px;display:inline-block;padding:4px 10px;background-color:rgba(239,68,68,.1);border-radius:20px}.cd-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.cd-pagination .cd-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:#181818;border:1px solid #2e2e2e;color:hsla(0,0%,100%,.8);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cd-pagination .cd-pagination-btn:hover:not(:disabled){background-color:#202020;border-color:#444;color:#fff;transform:translateY(-2px)}.cd-pagination .cd-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cd-pagination .cd-pagination-btn svg{transition:transform .2s ease}.cd-pagination .cd-pagination-btn:first-child:hover:not(:disabled) svg{transform:translateX(-2px)}.cd-pagination .cd-pagination-btn:last-child:hover:not(:disabled) svg{transform:translateX(2px)}.cd-pagination .cd-pagination-info{font-size:14px;color:hsla(0,0%,100%,.6);padding:6px 14px;background-color:#202020;border-radius:20px;border:1px solid #333}.cd-empty-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;background-color:#181818;border:1px solid #2e2e2e;border-radius:12px;color:hsla(0,0%,100%,.7);text-align:center}.cd-empty-events p{font-size:15px;margin:0}.cd-empty-events:before{content:"🔍";font-size:32px;margin-bottom:16px}.cd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.cd-loading .cd-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:cd-spin 1s linear infinite;margin-bottom:20px}.cd-loading p{font-size:15px;color:hsla(0,0%,100%,.7)}.cd-loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.cd-loading-inline .cd-spinner-small{width:30px;height:30px;border-radius:50%;border:2px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:cd-spin 1s linear infinite;margin-bottom:16px}.cd-loading-inline p{font-size:14px;color:hsla(0,0%,100%,.7)}@keyframes cd-spin{to{transform:rotate(1turn)}}.cd-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.cd-modal{background-color:#181818;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid #2e2e2e;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.3);animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cd-modal-header{padding:16px 20px;border-bottom:1px solid #2e2e2e;display:flex;justify-content:space-between;align-items:center;background-color:#121212}.cd-modal-header h3{font-size:18px;font-weight:600;margin:0;color:#fff}.cd-modal-header .cd-close-btn{background-color:hsla(0,0%,100%,.05);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all .2s ease}.cd-modal-header .cd-close-btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.cd-modal-content{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.cd-modal-content .cd-email-subject{font-size:14px;color:hsla(0,0%,100%,.7);padding:14px 20px;border-bottom:1px solid #2e2e2e;background-color:#1a1a1a}.cd-modal-content .cd-email-subject span{font-weight:600;color:hsla(0,0%,100%,.9);margin-right:6px}.cd-modal-content .cd-email-preview{flex:1 1;overflow-y:auto;background-color:#fff;padding:24px;color:#333;border-radius:0 0 12px 12px}.cd-modal-content .cd-email-preview::-webkit-scrollbar{width:8px}.cd-modal-content .cd-email-preview::-webkit-scrollbar-track{background:#f1f1f1}.cd-modal-content .cd-email-preview::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:4px}.cd-modal-content .cd-email-preview::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}@media(max-width:768px){.cd-events-header{flex-direction:column;align-items:flex-start;gap:16px}.cd-events-header .cd-events-actions{width:100%;justify-content:space-between}.cd-campaign-header{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:576px){.cd-container{padding:0 16px}.cd-summary-grid{grid-template-columns:1fr}.cd-pagination{flex-direction:column;gap:12px}}.sc-container{max-width:680px;margin:0 auto;padding:0 16px}.sc-header{margin-bottom:24px}.sc-back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease;margin-bottom:8px}.sc-back-link:hover{color:#fff}.sc-header h1{font-size:24px;font-weight:600;margin:0}.sc-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px}.sc-alert-error{background-color:rgba(239,68,68,.1);border-left:4px solid #ef4444;color:#f87171}.sc-alert-success{background-color:rgba(16,185,129,.1);border-left:4px solid #10b981;color:#34d399}.sc-card{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden;margin-bottom:24px}.sc-card-header{display:flex;align-items:center;gap:10px;padding:16px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.sc-card-header svg{color:#5d87ff}.sc-card-header h2{font-size:16px;font-weight:600;margin:0}.sc-card-content{padding:16px}.sc-detail-row{display:flex;margin-bottom:12px}.sc-detail-row:last-child{margin-bottom:0}.sc-detail-label{width:80px;font-weight:500;color:hsla(0,0%,100%,.7)}.sc-detail-value{flex:1 1}.sc-email-preview{background-color:#fff;color:#333;padding:20px;border-radius:6px;max-height:300px;overflow-y:auto;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.1)}.sc-email-preview h1,.sc-email-preview h2,.sc-email-preview h3,.sc-email-preview h4{color:#333;margin-top:10px;margin-bottom:10px}.sc-email-preview p{margin-bottom:10px;line-height:1.5}.sc-email-preview a{color:#3b82f6}.sc-email-preview img{max-width:100%;height:auto}.sc-lists{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sc-list-item{display:flex;align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #2e2e2e;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.sc-list-item:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.sc-list-item.sc-selected{border-color:#5d87ff;background-color:rgba(93,135,255,.1)}.sc-checkbox{margin-right:12px}.sc-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#5d87ff}.sc-list-info h4{font-size:15px;font-weight:500;margin:0 0 3px}.sc-list-info p{font-size:13px;color:hsla(0,0%,100%,.7);margin:0}.sc-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:rgba(93,135,255,.1);border-radius:6px;color:#5d87ff;font-size:14px}.sc-summary svg{flex-shrink:0}.sc-schedule-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sc-option{display:flex;align-items:center;background-color:rgba(0,0,0,.3);border:1px solid #2e2e2e;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.sc-option:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.sc-option.sc-selected{border-color:#5d87ff;background-color:rgba(93,135,255,.1)}.sc-radio{margin-right:12px}.sc-radio input[type=radio]{width:18px;height:18px;accent-color:#5d87ff}.sc-option-content{display:flex;align-items:center;gap:12px}.sc-option-content svg{color:#5d87ff;flex-shrink:0}.sc-option-info h4{font-size:15px;font-weight:500;margin:0 0 3px}.sc-option-info p{font-size:13px;color:hsla(0,0%,100%,.7);margin:0}.sc-datetime{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding-top:16px}.sc-date-wrapper,.sc-time-wrapper{display:flex;flex-direction:column;gap:6px}.sc-date-wrapper label,.sc-time-wrapper label{font-size:13px;color:hsla(0,0%,100%,.7)}.sc-date-input,.sc-time-input{width:100%;padding:10px 12px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px}.sc-date-input:focus,.sc-time-input:focus{outline:none;border-color:#5d87ff}.sc-verification-alert{background-color:rgba(245,158,11,.1);border-left:3px solid #f59e0b;color:#f59e0b;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:24px;display:flex;align-items:flex-start;gap:10px}.sc-verification-alert svg{flex-shrink:0;margin-top:2px}.sc-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0}.sc-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(93,135,255,.2);border-top-color:#5d87ff}.sc-spinner,.sc-spinner-btn{animation:sc-spin 1s linear infinite}.sc-spinner-btn{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-empty{padding:24px 0;text-align:center;color:hsla(0,0%,100%,.7)}.sc-empty p{margin-bottom:16px}.sc-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;margin-bottom:40px}.sc-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sc-btn-primary{background-color:#5d87ff;color:#fff;border:none}.sc-btn-primary:hover{background-color:#4b6cd9}.sc-btn-cancel{background-color:rgba(0,0,0,0);border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7)}.sc-btn-cancel:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.sc-btn-send{background-color:#5d87ff;color:#fff;border:none}.sc-btn-send:hover:not(:disabled){background-color:#4b6cd9}.sc-btn-send:disabled{opacity:.6;cursor:not-allowed}@media(max-width:576px){.sc-datetime{grid-template-columns:1fr}.sc-actions{flex-direction:column;gap:12px}.sc-btn-cancel,.sc-btn-send{width:100%}}.text-center{text-align:center}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-md{margin-bottom:1rem}.alert{margin-bottom:1.5rem;border-radius:4px;font-size:.875rem}.alert-error{background-color:rgba(220,53,69,.1);color:#ff6b6b;border-left:3px solid #dc3545}.alert-success{background-color:rgba(40,167,69,.1);border-left:3px solid #28a745}.auth-link{color:hsla(0,0%,100%,.8);font-size:.875rem;transition:all .2s ease}.auth-link:hover{color:#8ab4f8}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#000;color:#fff}.dashboard-loading .spinner{width:36px;height:36px;border-radius:50%;border:2px solid rgba(94,106,210,.1);border-top-color:#5e6ad2;animation:spin .8s ease-in-out infinite;margin-bottom:1rem}.dashboard-loading p{color:hsla(0,0%,100%,.8);font-size:.95rem}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(0,0,0,.8),rgb(0,0,0));color:#fff}.dashboard-header{padding:0 2rem;background-color:#1e1e1e;border-bottom:1px solid #333;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dashboard-logo{display:flex;align-items:center}.dashboard-logo svg{margin-right:.75rem;color:#5e6ad2;font-size:1.25rem}.dashboard-logo span{font-size:1.2rem;font-weight:500;background:linear-gradient(90deg,#5e6ad2,#8ab4f8);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dashboard-user{display:flex;align-items:center;gap:1.5rem}.dashboard-user .user-info{display:flex;flex-direction:column;align-items:flex-end}.dashboard-user .user-info .user-name{font-weight:500;color:#fff;font-size:.9rem}.dashboard-user .user-info .user-email{color:hsla(0,0%,100%,.6);font-size:.8rem}.dashboard-main{flex:1 1;padding:2rem 2rem 3rem;max-width:1200px;margin:0 auto;width:100%}.dashboard-welcome{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}.dashboard-welcome h1{margin-bottom:0;font-size:1.5rem;font-weight:500}.dashboard-welcome .create-brand-btn{display:flex;align-items:center}.dashboard-welcome .create-brand-btn .btn-icon{font-size:1.1rem;font-weight:600;margin-right:.5rem}.dashboard-content{width:100%}.empty-state{background-color:#111;border-radius:12px;border:1px solid #333;padding:3rem}.empty-state .empty-state-icon{font-size:3rem;margin-bottom:1.5rem}.empty-state h2{margin-bottom:.75rem}.empty-state p{color:hsla(0,0%,100%,.8);margin-bottom:1.5rem;max-width:500px}.brands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brands-header .left-actions{display:flex;gap:12px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#5680f2}.btn-primary svg{stroke-width:2.5px}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:hsla(0,0%,100%,.05)}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.brand-card{background-color:#1e1e1e;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;text-decoration:none;transition:all .2s ease;height:100%}.brand-card:hover{border-color:rgba(93,135,255,.5);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.brand-card-content{display:flex;flex-direction:column;height:100%}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2e2e2e}.card-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.card-header .status-badge{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500}.card-details{padding:16px;flex:1 1;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .detail-label{font-size:13px;color:hsla(0,0%,100%,.5)}.detail-row .detail-value{font-size:13px;color:hsla(0,0%,100%,.7);text-align:right}.detail-alert{margin-top:8px;padding:8px 12px;background-color:rgba(93,135,255,.1);border-left:3px solid #5d87ff;border-radius:2px;font-size:13px;color:#5d87ff}.card-footer{padding:12px 16px;border-top:1px solid #2e2e2e}.card-footer .view-details{width:100%;text-align:center;background-color:rgba(0,0,0,0);border:none;color:#5d87ff;padding:8px 0;font-size:14px;cursor:pointer;transition:all .2s ease}.card-footer .view-details:hover{background-color:rgba(93,135,255,.1)}.editorContainer{display:flex;flex-direction:column;background-color:#111;overflow:hidden;max-width:100%}.editorToolbar{display:flex;flex-wrap:wrap;align-items:center;background:#1a1a1a;padding:8px 12px;gap:4px}.editorLoading{padding:20px;text-align:center;color:hsla(0,0%,100%,.7)}.fontFamilyContainer{position:relative;z-index:1}.fontFamilySelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.05);border:1px solid #333;color:#fff;padding:6px 24px 6px 10px;border-radius:4px;font-size:14px;cursor:pointer;width:140px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.7)' 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:calc(100% - 8px)}.fontFamilySelect:focus{outline:none;border-color:#3b82f6}.fontFamilySelect option{background-color:#111;color:#fff}.toolbarButton{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.toolbarButton:hover{color:#fff;background-color:#2e2e2e}.toolbarButton.isActive{color:#3b82f6;background-color:rgba(59,130,246,.1)}.toolbarDivider{width:1px;height:20px;background-color:#333;margin:0 4px}.editorWrapper{position:relative;flex:1 1;overflow:auto;background-color:#111}.tipTapEditor{min-height:300px;color:#fff}.tipTapEditor:focus{outline:none}.ProseMirror{background-color:#fff;color:#333;padding:20px;border-radius:4px;min-height:400px}.ProseMirror p.is-editor-empty:first-child:before{color:hsla(0,0%,100%,.7)}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{color:#222;margin-top:1em;margin-bottom:.5em}.ProseMirror h1{font-size:1.75em}.ProseMirror h2{font-size:1.5em}.ProseMirror h3{font-size:1.25em}.ProseMirror a{color:#3b82f6;text-decoration:underline}.ProseMirror ol,.ProseMirror ul{color:#333;margin-left:1.5em;margin-bottom:1em}.ProseMirror li{margin-bottom:.3em}.ProseMirror blockquote{border-left:3px solid #ddd;padding-left:1em;color:#555;margin:1em 0}.ProseMirror code{background-color:#f5f5f5;color:#333;padding:.2em .4em;border-radius:3px}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.ProseMirror .editor-link{color:#60a5fa;text-decoration:underline}.ProseMirror .editor-image{display:block;max-width:100%;height:auto;border-radius:4px}.ProseMirror .image-container{position:relative;display:inline-block;margin:0;max-width:100%}.ProseMirror .image-container.ProseMirror-selectednode{outline:2px solid #3b82f6}.ProseMirror .button{display:inline-block;padding:8px 16px;margin:8px 0;border-radius:4px;text-decoration:none;font-weight:500;text-align:center;transition:all .2s ease}.ProseMirror .button.button-primary{background-color:#3b82f6;color:#fff}.ProseMirror .button.button-primary:hover{background-color:#2563eb}.ProseMirror .text-left{text-align:left}.ProseMirror .text-center{text-align:center}.ProseMirror .text-right{text-align:right}.resize-handle{position:absolute;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:1px solid #fff;z-index:10}.resize-handle.top-left{top:-5px;left:-5px;cursor:nwse-resize}.resize-handle.top-right{top:-5px;right:-5px;cursor:nesw-resize}.resize-handle.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.resize-handle.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.resize-handle.top{top:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.resize-handle.right{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle.bottom{bottom:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.resize-handle.left{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:350px}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease-out}.toast .toast-content{flex:1 1;margin-right:8px;font-size:14px}.toast .toast-close{background:rgba(0,0,0,0);border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.toast .toast-close:hover{opacity:1}.toast.toast-success{background-color:#10b981;color:#fff}.toast.toast-error{background-color:#ef4444;color:#fff}.toast.toast-info{background-color:#3b82f6;color:#fff}.toast.toast-warning{background-color:#f59e0b;color:#fff}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.app-container{display:flex;min-height:100vh;max-width:100vw;background-color:#000;color:#fff}.sidebar{width:260px;background-color:#111;border-right:1px solid #2e2e2e;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.sidebar-header{padding:12px 16px;border-bottom:1px solid #2e2e2e}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo .logo-icon{width:32px;height:32px;background:linear-gradient(45deg,#5d87ff,#ff7a89);border-radius:6px}.brand-logo .brand-info{display:flex;flex-direction:column}.brand-logo .brand-info .brand-name{font-weight:600;font-size:14px}.brand-logo .brand-info .brand-email{font-size:12px;color:hsla(0,0%,100%,.7)}.sidebar-nav{padding:16px 0;border-bottom:1px solid #2e2e2e}.sidebar-section{padding:16px 0;flex:1 1}.sidebar-section .section-header{padding:0 16px 8px}.sidebar-section .section-header h3{font-size:12px;text-transform:uppercase;font-weight:600;color:hsla(0,0%,100%,.5);margin:0}.sidebar-section .section-content{display:flex;flex-direction:column}.sidebar-footer{padding:16px 0;border-top:1px solid #2e2e2e}.nav-item{display:flex;align-items:center;padding:10px 16px;text-decoration:none;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease;position:relative}.nav-item svg{margin-right:12px}.nav-item:hover{background-color:#2e2e2e;color:#fff}.nav-item.active{background-color:#333;color:#fff}.nav-item.active svg{color:#5d87ff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#5d87ff}.nav-item.secondary{padding:8px 16px;font-size:13px}.nav-item .badge{margin-left:auto;background-color:#333347;color:hsla(0,0%,100%,.7);font-size:11px;border-radius:12px;padding:2px 8px}.brand-main-content{flex:1 1;margin-left:260px;min-height:100vh;width:calc(100% - 260px);display:flex;flex-direction:column}.top-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #2e2e2e}.search-bar{height:40px;width:280px}.user-profile .avatar{font-weight:600}.content-area{flex:1 1;padding:24px;background-color:#000}.campaigns-container{display:flex;flex-direction:column;gap:24px}.actions-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.action-card{background-color:#1e1e1e;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2e2e2e;cursor:pointer;transition:all .2s ease;text-align:center}.action-card:hover{transform:translateY(-2px);border-color:#5d87ff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.action-card .icon-wrapper{width:48px;height:48px;border-radius:50%;background-color:rgba(93,135,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.action-card .icon-wrapper svg{color:#5d87ff}.action-card h3{font-size:16px;margin:0 0 8px}.action-card p{font-size:13px;color:hsla(0,0%,100%,.7);margin:0}.section-header{margin-bottom:16px}.section-header .view-all{font-size:14px;color:#5d87ff;text-decoration:none}.section-header .view-all:hover{text-decoration:underline}.tab-navigation{display:flex;border-bottom:1px solid #2e2e2e;margin-bottom:24px}.tab-navigation .tab-item{padding:12px 16px;font-size:14px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;border-bottom:2px solid rgba(0,0,0,0)}.tab-navigation .tab-item:hover{color:#fff}.tab-navigation .tab-item.active{color:#fff;border-bottom-color:#5d87ff}.empty-state{justify-content:center;padding:64px 16px;background-color:#1e1e1e;border-radius:8px;border:1px solid #2e2e2e}.empty-state .icon-wrapper{width:80px;height:80px;border-radius:50%;background-color:rgba(93,135,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-state .icon-wrapper svg{color:#5d87ff;opacity:.8}.empty-state h2{font-size:20px;margin:0 0 12px}.empty-state p{font-size:14px;color:hsla(0,0%,100%,.7);margin:0 0 24px}.empty-state .btn{display:inline-flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-state .btn:hover{background-color:#5680f2}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000}.loading-screen .spinner{width:40px;height:40px;border-radius:50%;border:3px solid hsla(0,0%,100%,.1);border-top-color:#5d87ff;animation:spin 1s ease-in-out infinite;margin-bottom:16px}.loading-screen p{color:hsla(0,0%,100%,.7);font-size:14px}.modern-dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:#000;color:#fff}.dashboard-header{height:64px;background-color:#111;border-bottom:1px solid #2e2e2e;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-logo a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.dashboard-logo a svg{color:#5d87ff}.dashboard-logo a span{font-size:18px;font-weight:600}.header-actions{gap:16px}.header-actions,.search-bar{display:flex;align-items:center}.search-bar{background-color:#111;border-radius:6px;padding:0 12px;height:38px;width:240px;position:relative;transition:all .2s ease;border:1px solid #2e2e2e}.search-bar:focus-within{border-color:#5d87ff}.search-bar svg{color:hsla(0,0%,100%,.5);margin-right:8px}.search-bar input{background:rgba(0,0,0,0);border:none;color:#fff;font-size:14px;width:100%}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:hsla(0,0%,100%,.5)}.search-bar .clear-search{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;padding:4px;border-radius:4px}.search-bar .clear-search:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.user-menu{display:flex;align-items:center;gap:16px}.more-options,.notification-bell{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px}.more-options:hover,.notification-bell:hover{background-color:#2e2e2e;color:#fff}.user-profile{display:flex;align-items:center;gap:8px}.user-profile .avatar{width:32px;height:32px;border-radius:50%;background-color:#5d87ff;display:flex;align-items:center;justify-content:center}.user-profile .avatar,.user-profile .user-name{font-weight:500;font-size:14px}.dropdown .dropdown-menu{position:absolute;top:100%;right:0;background-color:#1e1e1e;border:1px solid #2e2e2e;border-radius:6px;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:100;margin-top:8px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.dropdown .dropdown-menu.active,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);font-size:14px;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s ease}.dropdown .dropdown-item:hover{background-color:#2e2e2e;color:#fff}.main-content{flex:1 1;padding:24px;max-width:1280px;margin:0 auto;width:100%}.dashboard-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-title-row .title-section{display:flex;flex-direction:column;gap:4px}.dashboard-title-row .title-section h1{font-size:24px;font-weight:600;margin:0}.dashboard-title-row .title-section .brands-count{font-size:14px;color:hsla(0,0%,100%,.7)}.dashboard-title-row .action-buttons{display:flex;align-items:center;gap:16px}.dashboard-title-row .view-toggle{display:flex;background-color:#111;border-radius:6px;padding:4px;border:1px solid #2e2e2e}.dashboard-title-row .view-toggle .toggle-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);padding:6px 10px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dashboard-title-row .view-toggle .toggle-btn:hover:not(.active){color:#fff;background-color:#2e2e2e}.dashboard-title-row .btn-primary,.dashboard-title-row .view-toggle .toggle-btn.active{background-color:#5d87ff;color:#fff}.dashboard-title-row .btn-primary{display:flex;align-items:center;gap:8px;border:none;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.dashboard-title-row .btn-primary:hover{background-color:#5680f2;transform:translateY(-2px)}.dashboard-title-row .btn-primary:active{transform:translateY(0)}.contact-list-details-container{display:flex;flex-direction:column;gap:24px}.details-header{display:flex;justify-content:space-between;align-items:flex-start}.header-left{display:flex;flex-direction:column;gap:8px}.list-info h1{margin:8px 0 4px;font-size:24px;font-weight:600}.list-description{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:8px}.list-stats{color:hsla(0,0%,100%,.5);font-size:13px;gap:8px}.contacts-actions,.list-stats{display:flex;align-items:center}.contacts-actions{justify-content:space-between;gap:16px;margin-bottom:16px}.search-container{display:flex;gap:8px;flex:1 1}.search-input-wrapper{position:relative;width:320px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5)}.search-input{width:100%;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;padding:8px 36px;color:#fff;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#5d87ff}.search-input::placeholder{color:hsla(0,0%,100%,.5)}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{color:#fff}.filter-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;color:hsla(0,0%,100%,.7);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:#2e2e2e;color:#fff}.actions-right{display:flex;gap:8px}.dropdown{position:relative}.delete-button,.export-button,.import-button{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;border-radius:6px;border:1px solid #2e2e2e;background-color:#111;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.export-button:hover,.import-button:hover{background-color:#2e2e2e;color:#fff}.delete-button:disabled,.export-button:disabled,.import-button:disabled{opacity:.5;cursor:not-allowed}.delete-button{color:#ff5e5e}.delete-button:hover{background-color:rgba(255,94,94,.1)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:6px;background-color:#111;border:1px solid #2e2e2e;border-radius:6px;width:180px;z-index:10;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 12px;font-size:14px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background-color:#2e2e2e;color:#fff}.contacts-table-container{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden}.empty-contacts,.table-loading{padding:60px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.table-loading .spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite;margin-bottom:16px}.empty-contacts .icon-wrapper{width:64px;height:64px;background-color:rgba(93,135,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5d87ff;margin-bottom:16px}.empty-contacts h3{font-size:18px;font-weight:600;margin-bottom:8px}.empty-contacts p{color:hsla(0,0%,100%,.7);margin-bottom:16px;max-width:400px}.empty-actions{margin-top:16px}.contacts-table{width:100%;border-collapse:collapse}.contacts-table td,.contacts-table th{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid #2e2e2e}.contacts-table th{background-color:rgba(0,0,0,.2);font-weight:600;color:hsla(0,0%,100%,.7)}.contacts-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s ease}.contacts-table th.sortable:hover{color:#fff}.contacts-table th.sortable.active{color:#5d87ff}.contacts-table th.sortable .sort-icon{margin-left:6px;display:inline-block}.contacts-table th.sortable .sort-icon.desc{transform:rotate(180deg)}.contacts-table td{color:#fff}.contacts-table tr:hover{background-color:hsla(0,0%,100%,.02)}.checkbox-cell{width:40px;text-align:center}.checkbox-cell input[type=checkbox]{accent-color:#5d87ff;width:16px;height:16px}.actions-cell{width:60px;text-align:center}.delete-contact-btn{background:rgba(0,0,0,0);border:none;color:#ff5e5e;opacity:.7;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;transition:all .2s ease}.delete-contact-btn:hover{opacity:1;background-color:rgba(255,94,94,.1)}.pagination{padding:16px}.pagination-btn{gap:6px;padding:6px 12px;background-color:rgba(0,0,0,0)}@media(max-width:768px){.contacts-actions{flex-direction:column;align-items:flex-start;gap:12px}.search-container,.search-input-wrapper{width:100%}.actions-right{width:100%;justify-content:flex-end}.contacts-table td,.contacts-table th{padding:10px 8px}}@media(max-width:640px){.contacts-table td:nth-child(4),.contacts-table td:nth-child(5),.contacts-table th:nth-child(4),.contacts-table th:nth-child(5),.export-button span,.import-button span{display:none}}.form-error,.form-success{margin:16px 20px 0;padding:12px 16px;border-radius:6px;font-size:14px;display:flex;align-items:flex-start;gap:10px}.form-success{background-color:rgba(16,185,129,.1);border-left:3px solid #10b981;color:#34d399}.modal-content{padding:20px}.input-wrapper input,.input-wrapper select{width:100%;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;transition:all .2s ease}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;border-color:#5d87ff}.input-wrapper input::placeholder{color:hsla(0,0%,100%,.5)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-actions{margin-top:16px}.btn-outline:hover:not(:disabled){background-color:rgba(93,135,255,.1)}.csv-import-container{max-width:100%}.csv-file-upload{display:flex;flex-direction:column;gap:24px}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #2e2e2e;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease}.file-upload-area:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.03)}.file-upload-area svg{color:hsla(0,0%,100%,.7);margin-bottom:16px}.file-upload-area p{margin:0 0 8px;color:#fff}.file-upload-area small{color:hsla(0,0%,100%,.5);font-size:13px}.file-upload-area.has-file{border-style:solid;border-color:#5d87ff;background-color:rgba(93,135,255,.05);padding:20px}.file-upload-area .file-info{display:flex;align-items:center;gap:16px}.file-upload-area .file-info svg{color:#5d87ff;margin-bottom:0}.file-upload-area .file-info .file-details{text-align:left}.file-upload-area .file-info .file-details .file-name{font-weight:500;margin-bottom:4px}.file-upload-area .file-info .file-details .file-size{font-size:13px;color:hsla(0,0%,100%,.7)}.csv-template-info{text-align:center;color:hsla(0,0%,100%,.7);font-size:14px}.csv-template-info a{color:#5d87ff;text-decoration:underline}.csv-template-info a:hover{text-decoration:none}.field-mapping .mapping-info{margin-bottom:20px;color:hsla(0,0%,100%,.7)}.field-mapping select{width:100%;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.5)' 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:calc(100% - 12px);padding:10px 36px 10px 12px}.field-mapping select:focus{outline:none;border-color:#5d87ff}.field-mapping select option{background-color:#000}.review-contacts .review-info{margin-bottom:20px;color:hsla(0,0%,100%,.7)}.contacts-preview{background-color:#000;border:1px solid #2e2e2e;border-radius:6px;overflow:hidden;margin-bottom:24px}.preview-table{width:100%;border-collapse:collapse}.preview-table td,.preview-table th{padding:10px 12px;text-align:left;font-size:14px;border-bottom:1px solid #2e2e2e}.preview-table th{background-color:rgba(0,0,0,.2);font-weight:600;color:hsla(0,0%,100%,.7)}.preview-table td{color:#fff}.more-contacts{padding:10px 12px;text-align:center;font-size:13px;color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.2)}.import-complete{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.import-complete .success-icon{color:#10b981;margin-bottom:16px}.import-complete h3{font-size:20px;font-weight:600;margin-bottom:24px}.import-stats{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px;margin-bottom:24px}.import-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #2e2e2e}.import-stats .stat-item:last-child{border-bottom:none}.import-stats .stat-item .stat-label{font-size:14px;color:hsla(0,0%,100%,.7)}.import-stats .stat-item .stat-value{font-size:16px;font-weight:600}@media(max-width:576px){.form-row{gap:0}.form-actions,.form-row{flex-direction:column}.form-actions .btn{width:100%}.btn-outline{order:2}.btn-primary{order:1}}.verification-container{display:flex;flex-direction:column;gap:24px}.verification-header{display:flex;flex-direction:column;gap:8px}.verification-header h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;margin:8px 0}.verification-header h1 svg{color:#5d87ff}.verification-header .back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease}.verification-header .back-link:hover{color:#fff}.verification-status{margin-top:4px}.verification-status .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500}.verification-status .status-badge.verified{background-color:rgba(16,185,129,.1);color:#10b981}.verification-status .status-badge.pending{background-color:rgba(245,158,11,.1);color:#f59e0b}.steps-indicator{margin:8px 0}.step-item,.steps-indicator{display:flex;align-items:center}.step-item{flex-direction:column;gap:4px}.step-number{width:28px;height:28px;background-color:#111;border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500}.step-label{font-size:13px;color:hsla(0,0%,100%,.7)}.step-item.active .step-number{background-color:#5d87ff;border-color:#5d87ff;color:#fff}.step-item.active .step-label{color:#fff;font-weight:500}.step-item.completed .step-number{background-color:#10b981;border-color:#10b981;color:#fff}.step-connector{flex:1 1;height:2px;background-color:#2e2e2e;margin:0 8px 24px}.verification-content{max-width:800px;margin:0 auto;width:100%}.step-description{margin-bottom:20px;color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.5}.info-box{display:flex;gap:12px;background-color:rgba(93,135,255,.05);border-left:3px solid #5d87ff;padding:16px;border-radius:6px;margin:20px 0}.info-box svg{color:#5d87ff;flex-shrink:0;margin-top:3px}.info-box div{flex:1 1}.info-box div p{margin:0 0 10px;font-size:14px;line-height:1.5}.info-box div p:last-child{margin-bottom:0}.info-box div ol,.info-box div ul{margin:0 0 10px;padding-left:20px}.info-box div ol li,.info-box div ul li{margin-bottom:4px;font-size:14px}.info-box div ol li:last-child,.info-box div ul li:last-child{margin-bottom:0}.info-box div a{color:#5d87ff;text-decoration:underline}.info-box div a:hover{text-decoration:none}.verification-form{margin-top:20px}.verification-form .form-group{margin-bottom:16px}.verification-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.verification-form .form-group input,.verification-form .form-group select{width:100%;padding:10px 12px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.verification-form .form-group input:focus,.verification-form .form-group select:focus{outline:none;border-color:#5d87ff}.verification-form .form-group input:disabled,.verification-form .form-group select:disabled{opacity:.7;cursor:not-allowed}.verification-form .form-group .hint-text{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:6px}.verification-form .form-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.verification-form .form-actions button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.verification-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.verification-form .form-actions .spinner{animation:spin 1s linear infinite}.verification-form .form-actions .btn-primary{background-color:#5d87ff;color:#fff;border:none}.verification-form .form-actions .btn-primary:hover:not(:disabled){background-color:#4b6cd9}.verification-form .form-actions .btn-secondary{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);border:1px solid #2e2e2e}.verification-form .form-actions .btn-secondary:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.verification-success{display:flex;align-items:center;gap:8px;padding:10px 14px;background-color:rgba(16,185,129,.1);border-radius:6px;color:#10b981;font-size:14px;font-weight:500}.alert{align-items:flex-start;gap:10px;font-size:14px}.alert svg{flex-shrink:0;margin-top:2px}.alert.error{background-color:rgba(255,94,94,.1);border-left:3px solid #ff5e5e;color:#ff7676}.alert.success{background-color:rgba(16,185,129,.1);border-left:3px solid #10b981;color:#34d399}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.loading-section .spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite;margin-bottom:16px}.loading-section p{color:hsla(0,0%,100%,.7)}@media(max-width:768px){.verification-container{padding:0 10px}.verification-form .form-actions{flex-direction:column;align-items:stretch}.verification-form .form-actions button{width:100%}.info-box{flex-direction:column}.step-header{padding:12px}.step-content{padding:16px 12px}}@media(max-width:576px){.steps-indicator{flex-direction:column;gap:10px;align-items:flex-start}.step-connector{width:2px;height:20px;margin:0 0 0 14px}.step-item{flex-direction:row;width:100%}.step-label{margin-left:12px}}.modal-container{max-width:600px;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,.3)}.close-btn{align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background-color:#2e2e2e}.form-error{margin:16px 20px 0;padding:12px 16px;border-radius:6px;font-size:14px;display:flex;align-items:flex-start;gap:10px;background-color:rgba(255,94,94,.1);border-left:3px solid #ff5e5e;color:#ff7676}.form-error svg{flex-shrink:0;margin-top:2px}.modal-form{display:flex;flex-direction:column;gap:16px;padding:20px}.form-group label{font-weight:500}.form-group label .required{color:#ff5e5e;margin-left:4px}.form-group label .optional{color:hsla(0,0%,100%,.5);font-weight:400}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper textarea{width:100%;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;padding:10px 12px;color:#fff;font-size:14px;transition:all .2s ease}.input-wrapper input:focus,.input-wrapper textarea:focus{outline:none;border-color:#5d87ff}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:hsla(0,0%,100%,.5)}.input-wrapper textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{gap:12px;margin-top:8px}.btn{display:flex;justify-content:center;padding:10px 16px}.btn-primary:hover:not(:disabled){background-color:#4b6cd9}.btn-secondary{background-color:rgba(0,0,0,0)}.btn-secondary:hover:not(:disabled){background-color:#2e2e2e}@media(max-width:576px){.modal-container{width:95%;max-height:80vh}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.unsubscribe-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb;padding:20px}.unsubscribe-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:30px;max-width:500px;width:100%;text-align:center}.unsubscribe-card h1{margin-bottom:20px;color:#111827}.unsubscribe-card p{margin-bottom:20px;color:#4b5563}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#4b5563}.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.form-actions{margin-top:30px}.unsubscribe-btn{background-color:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s}.unsubscribe-btn:hover{background-color:#dc2626}.loading-spinner{border:3px solid rgba(0,0,0,.1);border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin:0 auto 20px}.unsubscribe-success{color:#10b981}.verification-step{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden}.step-header{display:flex;align-items:center;gap:12px;padding:16px;background-color:rgba(0,0,0,.4);border-bottom:1px solid #2e2e2e}.step-header .step-icon{width:36px;height:36px;background-color:rgba(93,135,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5d87ff}.step-header h2{margin:0;font-size:18px;font-weight:600}.step-content{padding:20px}.record-title{padding:.75rem 1rem;background-color:hsla(0,0%,100%,.05);border-bottom:1px solid #2e2e2e}.record-title h4{margin:0;font-size:.9rem;font-weight:500}.record-item{display:grid;grid-template-columns:70px minmax(100px,1fr) minmax(100px,2fr) auto;align-items:center;padding:.75rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.record-item:last-child{border-bottom:none}.record-item .record-type{font-weight:600;color:#5e6ad2;font-size:.85rem}.record-item .record-host,.record-item .record-value{font-family:monospace;font-size:.85rem;color:hsla(0,0%,100%,.7);word-break:break-all;padding:.5rem .75rem;overflow:hidden;text-overflow:ellipsis}.record-item .record-host{color:#5d87ff}.verification-actions{display:flex;justify-content:center;margin-top:24px}@media(max-width:768px){.record-item{grid-template-columns:60px 1fr auto;gap:0}.record-item .record-value{grid-column:1/span 2;grid-row:2;padding-top:0}.record-item .btn-copy{grid-row:1;grid-column:3}}@media(max-width:480px){.record-item{grid-template-columns:1fr auto;padding:12px 10px}.record-item .record-type{grid-row:1;grid-column:1}.record-item .record-host{grid-row:2;grid-column:1;padding-top:0}.record-item .record-value{grid-row:3;grid-column:1;padding-top:0}.record-item .btn-copy{grid-row:1;grid-column:2}}.verification-status-info{margin-bottom:24px}.verification-status-info h3{font-size:18px;font-weight:600;margin-bottom:16px;color:#fff}.verification-status-info .status-indicators{display:flex;flex-direction:column;gap:12px}.verification-status-info .status-indicator{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;transition:all .2s ease}.verification-status-info .status-indicator.pending{background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.verification-status-info .status-indicator.pending .indicator-icon{color:#f59e0b}.verification-status-info .status-indicator.pending .status{color:#f59e0b;font-weight:500}.verification-status-info .status-indicator.verified{background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.verification-status-info .status-indicator.verified .indicator-icon{color:#10b981}.verification-status-info .status-indicator.verified .status{color:#10b981;font-weight:500}.verification-status-info .status-indicator .indicator-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.verification-status-info .status-indicator .indicator-label{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.verification-status-info .status-indicator .indicator-label .label{font-weight:500;color:hsla(0,0%,100%,.9)}@media(max-width:576px){.verification-status-info .status-indicator{padding:12px;gap:8px}.verification-status-info .status-indicator .indicator-label{flex-direction:column;align-items:flex-start;gap:2px}}.status-badge{padding:.25rem .5rem;border-radius:2rem;font-size:.75rem;gap:.25rem}.status-badge.badge-success{background-color:rgba(52,211,153,.15);color:#059669;border:1px solid rgba(52,211,153,.3)}.status-badge.badge-warning{background-color:rgba(245,158,11,.15);color:#d97706;border:1px solid rgba(245,158,11,.3)}.status-badge.badge-danger{background-color:rgba(239,68,68,.15);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-badge.badge-default{background-color:rgba(107,114,128,.15);color:#4b5563;border:1px solid rgba(107,114,128,.3)}.status-summary{display:flex;flex-wrap:wrap;gap:.75rem}.status-summary .status-item{display:flex;flex-direction:column;min-width:8rem;padding:.75rem 1rem;background-color:#1a1a1a;border-radius:.375rem;border:1px solid #2e2e2e;cursor:pointer;transition:all .2s ease}.status-summary .status-item.active,.status-summary .status-item:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.status-summary .status-item .status-count{font-size:1.5rem;font-weight:600;color:#fff}.status-summary .status-item .status-label{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-top:.25rem}.contact-row-unsubscribed{background-color:rgba(245,158,11,.05)}.contact-row-unsubscribed:hover{background-color:rgba(245,158,11,.1)}.contact-row-bounced,.contact-row-complained{background-color:rgba(239,68,68,.05)}.contact-row-bounced:hover,.contact-row-complained:hover{background-color:rgba(239,68,68,.1)}.actions-cell .dropdown-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.25rem;font-size:.75rem;background:rgba(0,0,0,0);border:none;cursor:pointer;margin-right:.25rem}.actions-cell .dropdown-item.text-success{color:#059669}.actions-cell .dropdown-item.text-success:hover{background-color:rgba(52,211,153,.1)}.actions-cell .dropdown-item.text-warning{color:#d97706}.actions-cell .dropdown-item.text-warning:hover{background-color:rgba(245,158,11,.1)}.actions-cell .dropdown-item.text-danger{color:#dc2626}.actions-cell .dropdown-item.text-danger:hover{background-color:rgba(239,68,68,.1)}.status-update-modal{max-width:30rem}.status-update-modal .modal-content{padding:1.5rem}.status-update-modal .modal-content .form-group{margin-bottom:1.25rem}.status-update-modal .modal-content .form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:hsla(0,0%,100%,.8)}.status-update-modal .modal-content .form-group select,.status-update-modal .modal-content .form-group textarea{width:100%;padding:.625rem .75rem;border-radius:.375rem;border:1px solid #2e2e2e;background-color:#1a1a1a;color:#fff;font-size:.875rem}.status-update-modal .modal-content .form-group select:focus,.status-update-modal .modal-content .form-group textarea:focus{outline:none;border-color:#5d87ff}.status-update-modal .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.alert{gap:.75rem;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem}.alert .close-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.7}.alert .close-btn:hover{opacity:1}.alert.alert-success{background-color:rgba(52,211,153,.1);color:#10b981;border-left:3px solid #10b981}.alert.alert-error{background-color:rgba(239,68,68,.1);color:#ef4444;border-left:3px solid #ef4444}.status-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#111;border:1px solid #2e2e2e;border-radius:.375rem;color:hsla(0,0%,100%,.7);font-size:.875rem;cursor:pointer;transition:all .2s ease}.status-button:hover{background-color:#2e2e2e;color:#fff}.spinner-sm{display:inline-block;width:1rem;height:1rem;animation:spin .8s linear infinite;margin-right:.5rem}.bounce-col,.openrate-col,.unsub-col{width:12%}.stats-value{display:flex;align-items:center;gap:5px;color:hsla(0,0%,100%,.9)}.stats-value .stats-icon{color:hsla(0,0%,100%,.6)}.openrate-col .stats-icon{color:#5d87ff}.unsub-col .stats-icon{color:#f59e0b}.bounce-col .stats-icon{color:#ef4444}.status-badge{gap:6px;padding:4px 8px}.status-badge.draft{background-color:rgba(100,116,139,.2)}.status-badge.scheduled{background-color:rgba(59,130,246,.2);color:#93c5fd}.status-badge.queued,.status-badge.sending{background-color:rgba(245,158,11,.2);color:#fbbf24}.status-badge.sent{background-color:rgba(16,185,129,.2);color:#6ee7b7}.status-badge.failed{background-color:rgba(239,68,68,.2);color:#f87171}@media(max-width:1200px){.bounce-col,.unsub-col{display:none}.campaign-col{width:30%}.openrate-col{width:15%}}@media(max-width:992px){.openrate-col{display:none}.campaign-col{width:40%}}.geo-stats-container{margin-bottom:30px}.geo-stats-header{gap:10px;margin-bottom:16px}.geo-stats-header h3{font-size:18px;font-weight:600;margin:0}.geo-stats-header svg{color:#5d87ff}.geo-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.geo-stats-card{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden}.geo-card-header{gap:8px}.geo-card-header h4{font-size:14px;margin:0}.geo-card-content{padding:16px}.geo-list-item{padding:8px 0}.geo-location{gap:8px}.geo-index{width:20px;font-size:13px;color:hsla(0,0%,100%,.7)}.geo-count{gap:5px}.geo-stats-empty,.geo-stats-error,.geo-stats-loading{min-height:150px;gap:12px}.geo-stats-empty svg,.geo-stats-error svg{color:hsla(0,0%,100%,.3)}.spinner-small{width:24px;height:24px}@media(max-width:768px){.geo-stats-grid{grid-template-columns:1fr}}.geo-stats-container{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.geo-stats-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2e2e2e;background-color:rgba(0,0,0,.2)}.geo-stats-header,.geo-stats-title{display:flex;align-items:center}.geo-stats-title h3{margin:0 0 0 12px;font-size:18px;font-weight:600;color:#fff}.geo-stats-title svg{color:#5d87ff}.geo-stats-actions{display:flex}.geo-filter-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:rgba(0,0,0,.2);border:1px solid #2e2e2e;border-radius:6px;color:hsla(0,0%,100%,.7);font-size:13px;cursor:pointer;transition:all .2s ease}.geo-filter-button:hover{background-color:#2e2e2e;color:#fff}.geo-filter-button .chevron{transition:transform .2s ease}.geo-filter-button .chevron.rotate{transform:rotate(180deg)}.geo-filter-container{padding:16px 20px;background-color:rgba(0,0,0,.1);border-bottom:1px solid #2e2e2e}.geo-filter-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.geo-filter-group label{font-size:13px;color:hsla(0,0%,100%,.7);font-weight:500}.geo-filter-select{width:200px;background-color:#181818;border:1px solid #2e2e2e;border-radius:4px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.5)' 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 10px center;padding:8px 30px 8px 12px}.geo-filter-select:focus{outline:none;border-color:#5d87ff}.geo-active-filter{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:rgba(93,135,255,.1);border-radius:4px;width:-moz-fit-content;width:fit-content}.filter-label{font-size:13px;color:hsla(0,0%,100%,.7)}.filter-value{font-size:13px;font-weight:500;color:#5d87ff}.geo-clear-filter-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:16px;cursor:pointer;width:20px;height:20px;border-radius:50%;transition:all .2s ease}.geo-clear-filter-btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.geo-stats-tabs{display:flex;border-bottom:1px solid #2e2e2e;background-color:rgba(0,0,0,.1);overflow-x:auto;padding:0 16px}.geo-tab{display:flex;align-items:center;padding:12px 16px;background:none;cursor:pointer;font-size:14px;color:hsla(0,0%,100%,.7);border:none;border-bottom:2px solid rgba(0,0,0,0);white-space:nowrap;transition:all .2s ease}.geo-tab:hover{color:#5d87ff;background-color:rgba(93,135,255,.05)}.geo-tab.active{color:#5d87ff;border-bottom:2px solid #5d87ff;font-weight:600}.geo-tab svg{margin-right:8px}.geo-stats-content{padding:20px}.geo-chart-container{display:flex;flex-direction:column;gap:20px}@media(min-width:992px){.geo-chart-container{flex-direction:row}.geo-chart{flex:2 1}.geo-detail-list{flex:1 1}}.geo-chart{background-color:#181818;border-radius:6px;border:1px solid #2e2e2e;padding:16px;height:100%}.geo-chart h4{margin:0 0 16px;font-size:16px;color:#fff;text-align:center}.geo-detail-list{background-color:#181818;border-radius:6px;border:1px solid #2e2e2e;overflow:hidden}.geo-card-header{display:flex;align-items:center;padding:12px 16px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.geo-card-header h4{margin:0 0 0 8px;font-size:15px;font-weight:600;color:#fff}.geo-card-header svg{color:#5d87ff}.geo-card-content{padding:12px 0;max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2e2e2e #111}.geo-card-content::-webkit-scrollbar{width:6px}.geo-card-content::-webkit-scrollbar-track{background:#111}.geo-card-content::-webkit-scrollbar-thumb{background-color:#2e2e2e;border-radius:6px}.geo-list{list-style:none;margin:0;padding:0}.geo-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid hsla(0,0%,100%,.05);transition:background-color .2s ease}.geo-list-item:last-child{border-bottom:none}.geo-list-item:hover{background-color:hsla(0,0%,100%,.03)}.geo-location{max-width:70%}.geo-index,.geo-location{display:flex;align-items:center}.geo-index{justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#5d87ff;color:#fff;font-size:11px;font-weight:600;margin-right:8px;flex-shrink:0}.geo-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:hsla(0,0%,100%,.9)}.geo-count{display:flex;align-items:center}.geo-number{font-weight:600;font-size:14px;color:#fff}.geo-percentage{margin-left:4px;font-size:12px;color:hsla(0,0%,100%,.5)}.geo-view-toggle{display:flex;margin-bottom:16px;background-color:rgba(0,0,0,.2);border-radius:6px;padding:4px;width:-moz-fit-content;width:fit-content;border:1px solid #2e2e2e}.geo-view-button{display:flex;align-items:center;padding:6px 12px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:13px;color:hsla(0,0%,100%,.7);transition:all .2s ease}.geo-view-button.active{background-color:#5d87ff;color:#fff;font-weight:500}.geo-view-button:hover:not(.active){background-color:rgba(93,135,255,.1);color:#fff}.geo-view-button svg{margin-right:6px}.geo-stats-empty,.geo-stats-error,.geo-stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:hsla(0,0%,100%,.7);text-align:center}.geo-stats-loading .spinner-small{border:2px solid rgba(93,135,255,.1);border-top-color:#5d87ff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-bottom:16px}.geo-icon{display:flex;margin-right:8px}.device-item .geo-icon{color:#5d87ff}.geo-empty{padding:20px 0;font-size:14px}.geo-empty,.geo-no-data{color:hsla(0,0%,100%,.5);text-align:center}.geo-no-data{display:flex;align-items:center;justify-content:center;height:300px;font-size:15px;background-color:rgba(0,0,0,.1);border-radius:4px}.geo-clear-filter{margin-top:12px;background-color:rgba(93,135,255,.1);color:#5d87ff;border:1px solid #5d87ff;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s ease}.geo-clear-filter:hover{background-color:rgba(93,135,255,.2)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:hsla(0,0%,100%,.1)}.recharts-xAxis .recharts-cartesian-axis-tick-line,.recharts-yAxis .recharts-cartesian-axis-tick-line{stroke:hsla(0,0%,100%,.2)}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:hsla(0,0%,100%,.7);font-size:12px}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:rgba(0,0,0,.8)!important;border:1px solid #2e2e2e!important;border-radius:4px}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:hsla(0,0%,100%,.9)!important}.recharts-legend-wrapper .recharts-legend-item-text,.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:hsla(0,0%,100%,.7)!important}@media(max-width:768px){.geo-filter-container{padding:12px 16px}.geo-filter-select{width:100%}.geo-stats-content{padding:16px 12px}}@media(max-width:576px){.geo-stats-header{flex-direction:column;align-items:flex-start;gap:12px}.geo-stats-actions{width:100%}.geo-filter-button,.geo-view-toggle{width:100%;justify-content:space-between}.geo-view-button{flex:1 1;justify-content:center}.geo-tab{padding:10px 12px;font-size:13px}.geo-tab svg{margin-right:6px}}.template-detail-container{max-width:1100px;margin:0 auto;padding:0 20px}.detail-header{margin-bottom:24px}.back-link{margin-bottom:12px}.back-link:hover{transform:translateX(-2px)}.template-header{display:flex;justify-content:space-between;align-items:flex-start}.template-header-content h1{font-size:24px;font-weight:600;margin:0 0 8px}.template-meta{flex-wrap:wrap;gap:16px}.subject-line,.template-meta{display:flex;align-items:center}.subject-line{gap:6px;font-size:14px}.subject-label{font-weight:600;color:hsla(0,0%,100%,.9)}.subject-value{color:hsla(0,0%,100%,.7)}.status-badge{gap:8px;padding:4px 12px;border-radius:40px}.status-badge.active{background-color:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.draft{background-color:rgba(100,116,139,.1);color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.status-badge.inactive{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.template-api-key{display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,.3);padding:6px 12px;border-radius:6px;border:1px solid #2e2e2e}.key-label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7)}.template-api-key code{font-family:monospace;font-size:12px;color:#5d87ff}.copy-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.copy-btn:hover{color:#fff;background-color:hsla(0,0%,100%,.1)}.template-actions{display:flex;gap:12px;margin-bottom:28px}.btn-primary{background-color:#5d87ff;color:#fff;border:none}.btn-primary:hover{background-color:#4b6cd9;transform:translateY(-2px)}.btn-secondary{background-color:#111;color:hsla(0,0%,100%,.8);border:1px solid #2e2e2e}.btn-secondary:hover{background-color:#2e2e2e;color:#fff;transform:translateY(-2px)}.btn-outline{background-color:rgba(0,0,0,0);color:#5d87ff;border:1px solid #5d87ff}.btn-outline:hover{background-color:rgba(93,135,255,.1);transform:translateY(-2px)}.detail-section{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;margin-bottom:28px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.section-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600}.section-header h2 svg{color:#5d87ff}.detail-card{padding:20px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px 24px;gap:16px 24px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:13px;color:hsla(0,0%,100%,.6)}.detail-value{font-size:14px;color:hsla(0,0%,100%,.9)}.template-variables{border-top:1px solid #2e2e2e;padding-top:20px}.variables-header h3{font-size:16px;font-weight:600;margin:0 0 12px}.variables-list{display:flex;flex-wrap:wrap;gap:10px}.variable-tag{display:inline-flex;align-items:center;gap:6px;background-color:rgba(93,135,255,.1);border:1px solid rgba(93,135,255,.2);border-radius:6px;padding:6px 10px;font-size:13px}.variable-tag.required{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.variable-name{font-family:monospace;color:#5d87ff}.variable-tag.required .variable-name{color:#f59e0b}.required-badge{background-color:rgba(245,158,11,.2);color:#f59e0b;font-size:11px;padding:2px 6px;border-radius:4px}.variable-description{color:hsla(0,0%,100%,.5);font-size:12px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:20px}.stat-card{background-color:rgba(0,0,0,.2);border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:14px;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.stat-card:hover{border-color:#2e2e2e;transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-sent{background-color:rgba(93,135,255,.1);color:#5d87ff}.stat-icon-opened{background-color:rgba(16,185,129,.1);color:#10b981}.stat-icon-clicked{background-color:rgba(245,158,11,.1);color:#f59e0b}.stat-icon-bounced{background-color:rgba(239,68,68,.1);color:#ef4444}.stat-content{flex:1 1}.stat-value{font-size:24px;margin-bottom:4px}.stat-label{font-size:14px;margin-bottom:4px}.stat-percent{font-size:12px;color:hsla(0,0%,100%,.5)}.chart-container{padding:20px}.chart-wrapper{background-color:rgba(0,0,0,.2);border-radius:8px;padding:16px}.events-header{display:flex;justify-content:space-between;align-items:center}.events-actions{display:flex;gap:8px}.events-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;padding:16px 20px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:13px;color:hsla(0,0%,100%,.7)}.filter-group input,.filter-group select{background-color:#000;border:1px solid #2e2e2e;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#5d87ff}.filter-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.5)' 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 10px center;padding-right:30px}.events-table-container,.logs-table-container{padding:0 20px 20px;overflow-x:auto}.events-table,.logs-table{width:100%;border-collapse:collapse}.events-table td,.events-table th,.logs-table td,.logs-table th{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid hsla(0,0%,100%,.05)}.events-table th,.logs-table th{color:hsla(0,0%,100%,.7);font-weight:600;font-size:13px;background-color:rgba(0,0,0,.2);position:-webkit-sticky;position:sticky;top:0;z-index:1}.events-table tr:last-child td,.logs-table tr:last-child td{border-bottom:none}.events-table tr:hover,.logs-table tr:hover{background-color:hsla(0,0%,100%,.02)}.event-type-cell{gap:8px}.event-icon,.event-type-cell{display:flex;align-items:center}.event-icon{justify-content:center;width:24px;height:24px;border-radius:50%;padding:5px}.event-icon-open{background-color:rgba(16,185,129,.1);color:#10b981}.event-icon-click{background-color:rgba(245,158,11,.1);color:#f59e0b}.event-icon-bounce,.event-icon-complaint{background-color:rgba(239,68,68,.1);color:#ef4444}.event-time{color:hsla(0,0%,100%,.7)}.event-time,.event-url{display:inline-block;font-size:13px}.event-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5d87ff;text-decoration:underline}.event-bounce-type{display:inline-block;font-size:13px;color:#ef4444}.event-indicators{display:flex;align-items:center;gap:6px}.event-indicator{justify-content:center}.event-indicator,.logs-header{display:flex;align-items:center}.logs-header{justify-content:space-between}.view-all-link{font-size:14px;color:#5d87ff;display:flex;align-items:center;gap:6px}.view-all-link:hover{text-decoration:underline}.status-sent{background-color:rgba(93,135,255,.1);color:#5d87ff}.status-delivered{background-color:rgba(16,185,129,.1);color:#10b981}.status-failed{background-color:rgba(239,68,68,.1);color:#ef4444}.text-muted{color:hsla(0,0%,100%,.5)}.pagination{justify-content:center;gap:16px;padding:20px}.pagination,.pagination-btn{display:flex;align-items:center}.pagination-btn{gap:8px;padding:8px 14px;background-color:#111;border:1px solid #2e2e2e;color:hsla(0,0%,100%,.7);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:hsla(0,0%,100%,.7)}.loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0}.spinner-small{width:30px;height:30px;border-radius:50%;border:2px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 0;text-align:center}.empty-state p{color:hsla(0,0%,100%,.6);font-size:15px;max-width:450px}.modal-overlay{background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:16px 20px;background-color:rgba(0,0,0,.2)}.modal-header h2{margin:0;font-size:18px;font-weight:600}.close-btn{font-size:24px;line-height:1;transition:color .2s ease}@media(max-width:992px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.template-header{flex-direction:column;gap:16px}.template-meta{align-items:flex-start;gap:12px}.template-actions,.template-meta{flex-direction:column}.template-actions .btn{width:100%;justify-content:center}.detail-grid{grid-template-columns:1fr}.events-header,.logs-header{flex-direction:column;align-items:flex-start;gap:12px}.events-actions{width:100%;justify-content:space-between}.events-filters{grid-template-columns:1fr}}@media(max-width:576px){.stats-cards{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}.pagination-btn{width:100%;justify-content:center}}.api-docs-container{max-width:900px;margin:0 auto;padding:0 24px}.api-docs-header{margin-bottom:24px}.api-docs-header .back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:16px;transition:all .2s ease}.api-docs-header .back-link:hover{color:#fff;transform:translateX(-2px)}.api-docs-header h1{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:600}.api-docs-header .api-icon{color:#5d87ff}.api-docs-header h2.template-name{font-size:18px;color:hsla(0,0%,100%,.7);font-weight:500;margin:0}.api-error{display:flex;align-items:flex-start;gap:10px;background-color:rgba(239,68,68,.1);border-left:3px solid #ef4444;color:#ef4444;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:24px}.api-error svg{flex-shrink:0;margin-top:2px}.api-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.api-loading .spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite;margin-bottom:16px}.api-loading p{color:hsla(0,0%,100%,.7);font-size:15px}.api-warning{display:flex;gap:16px;background-color:rgba(245,158,11,.1);border-radius:8px;padding:20px;margin-bottom:24px}.api-warning svg{color:#f59e0b;flex-shrink:0;margin-top:3px}.api-warning h3{margin:0 0 8px;font-size:16px;color:#f59e0b;font-weight:600}.api-warning p{margin:0 0 12px;font-size:14px;color:hsla(0,0%,100%,.7)}.api-warning .publish-link{color:#f59e0b;text-decoration:underline;font-size:14px}.api-warning .publish-link:hover{text-decoration:none}.api-endpoint-section,.api-key-section,.api-notes-section,.api-params-section,.code-examples-section,.response-section,.template-variables-section{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:20px;margin-bottom:24px}.api-endpoint-section h3,.api-key-section h3,.api-notes-section h3,.api-params-section h3,.code-examples-section h3,.response-section h3,.template-variables-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:600}.api-key-container{display:flex;gap:12px;margin-bottom:12px}.api-key-container .api-key-field{flex:1 1;display:flex;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;overflow:hidden}.api-key-container .api-key-input{flex:1 1;background:rgba(0,0,0,0);border:none;padding:10px 12px;color:#fff;font-family:monospace;font-size:14px}.api-key-container .copy-button{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);padding:0 12px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.api-key-container .copy-button:hover{color:#fff;background-color:hsla(0,0%,100%,.05)}.regenerate-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;color:hsla(0,0%,100%,.7);font-size:14px;cursor:pointer;transition:all .2s ease}.regenerate-button:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.regenerate-button:disabled{opacity:.6;cursor:not-allowed}.api-key-warning{display:flex;align-items:center;gap:8px;font-size:13px;color:hsla(0,0%,100%,.5)}.api-key-warning svg{color:#f59e0b}.endpoint-url{display:flex;align-items:center;background-color:#000;border:1px solid #2e2e2e;border-radius:6px;padding:12px 16px}.endpoint-url code{flex:1 1;font-family:monospace;font-size:14px;color:#5d87ff}.api-params-table-container,.template-variables-table-container{overflow-x:auto;margin-bottom:8px}.api-params-table,.template-variables-table{width:100%;border-collapse:collapse}.api-params-table td,.api-params-table th,.template-variables-table td,.template-variables-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #2e2e2e}.api-params-table th,.template-variables-table th{background-color:rgba(0,0,0,.2);font-weight:600;color:hsla(0,0%,100%,.8);font-size:14px}.api-params-table td,.template-variables-table td{font-size:14px}.api-params-table tr:last-child td,.template-variables-table tr:last-child td{border-bottom:none}.api-params-table code,.template-variables-table code{font-family:monospace;background-color:hsla(0,0%,100%,.1);padding:3px 6px;border-radius:4px;font-size:13px}.code-tab-container{background-color:#000;border:1px solid #2e2e2e;border-radius:6px;overflow:hidden}.code-tabs{display:flex;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.code-tabs .code-tab{flex:1 1;background:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);padding:12px 16px;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid rgba(0,0,0,0)}.code-tabs .code-tab:hover{background-color:hsla(0,0%,100%,.05)}.code-tabs .code-tab.active{color:#5d87ff;border-bottom-color:#5d87ff;background-color:rgba(93,135,255,.05)}.code-examples{position:relative}.code-example{display:none}.code-example.active{display:block}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.code-header span{font-size:14px;font-weight:600}.code-block{margin:0;padding:16px;overflow-x:auto;background-color:#000;color:#fff;font-family:monospace;font-size:13px;line-height:1.5;max-height:400px}.code-block::-webkit-scrollbar{width:6px;height:6px}.code-block::-webkit-scrollbar-track{background:#111}.code-block::-webkit-scrollbar-thumb{background-color:#2e2e2e;border-radius:3px}.response-examples{display:flex;flex-wrap:wrap;gap:20px}.response-examples .response-example{flex:1 1;min-width:350px}.response-examples .response-example h4{font-size:15px;font-weight:600;margin:0 0 10px}.api-notes-list{padding-left:20px;margin:0}.api-notes-list li{margin-bottom:12px;color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.5}.api-notes-list li:last-child{margin-bottom:0}.api-notes-list li strong{color:#fff;font-weight:600}@media(max-width:768px){.api-key-container{flex-direction:column}.regenerate-button{width:100%;justify-content:center}.response-examples{flex-direction:column}}@media(max-width:576px){.code-tabs{flex-direction:column}.code-tabs .code-tab{border-bottom:none;border-left:2px solid rgba(0,0,0,0);text-align:left}.code-tabs .code-tab.active{border-bottom-color:rgba(0,0,0,0);border-left-color:#5d87ff}.api-warning{flex-direction:column}}.editor-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.editor-top-bar .editor-nav .back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease}.editor-top-bar .editor-nav .back-link:hover{color:#fff;transform:translateX(-2px)}.editor-top-bar .editor-nav .back-link svg{flex-shrink:0}.editor-top-bar .editor-actions{display:flex;align-items:center;gap:12px}.editor-top-bar .editor-actions .status-message{padding:8px 12px;border-radius:6px;font-size:14px}.editor-top-bar .editor-actions .status-message.success{background-color:rgba(16,185,129,.1);color:#10b981}.editor-top-bar .editor-actions .status-message.error{background-color:rgba(239,68,68,.1);color:#ef4444}.editor-top-bar .editor-actions .btn-api,.editor-top-bar .editor-actions .btn-publish,.editor-top-bar .editor-actions .btn-save{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-top-bar .editor-actions .btn-api:disabled,.editor-top-bar .editor-actions .btn-publish:disabled,.editor-top-bar .editor-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.editor-top-bar .editor-actions .btn-api svg,.editor-top-bar .editor-actions .btn-publish svg,.editor-top-bar .editor-actions .btn-save svg{flex-shrink:0}.editor-top-bar .editor-actions .btn-save{background-color:rgba(0,0,0,0);color:#5d87ff;border:1px solid #5d87ff}.editor-top-bar .editor-actions .btn-save:hover:not(:disabled){background-color:rgba(93,135,255,.1)}.editor-top-bar .editor-actions .btn-publish{background-color:#10b981;color:#fff;border:none}.editor-top-bar .editor-actions .btn-publish:hover:not(:disabled){background-color:#0ea371}.editor-top-bar .editor-actions .btn-api{background-color:#111;color:hsla(0,0%,100%,.8);border:1px solid #2e2e2e}.editor-top-bar .editor-actions .btn-api:hover{background-color:#2e2e2e;color:#fff}.editor-top-bar .editor-actions .button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}.campaign-header{text-align:center;margin-bottom:24px}.campaign-header h1{font-size:24px;font-weight:600;margin:0 0 8px}.campaign-header .template-info{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.campaign-header .template-info .subject-line{font-size:15px;color:hsla(0,0%,100%,.7)}.campaign-header .template-info .subject-line span{font-weight:600;color:hsla(0,0%,100%,.9)}.campaign-header .template-info .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.campaign-header .template-info .status-badge.active{background-color:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.campaign-header .template-info .status-badge.draft{background-color:rgba(100,116,139,.1);color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.campaign-header .template-info .status-badge.inactive{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.campaign-header .template-info .status-badge svg{flex-shrink:0}.variables-section{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden;margin-bottom:24px}.variables-section .variables-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e;cursor:pointer;transition:background-color .2s ease}.variables-section .variables-header:hover{background-color:rgba(0,0,0,.3)}.variables-section .variables-header h3{margin:0;font-size:16px;font-weight:600}.variables-section .variables-header h3 .toggle-edit{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.5);margin-left:8px}.variables-section .variables-header .variables-detected{font-size:13px}.variables-section .variables-header .variables-detected .no-variables{color:hsla(0,0%,100%,.5)}.variables-section .variables-header .variables-detected .variables-count{color:#5d87ff}.variables-section .variables-editor{padding:16px}.variables-section .variables-editor .variables-table-container{margin-bottom:16px;overflow-x:auto}.variables-section .variables-editor .variables-table-container .variables-table{width:100%;border-collapse:collapse}.variables-section .variables-editor .variables-table-container .variables-table td,.variables-section .variables-editor .variables-table-container .variables-table th{padding:10px 12px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.1)}.variables-section .variables-editor .variables-table-container .variables-table th{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.7);background-color:rgba(0,0,0,.2)}.variables-section .variables-editor .variables-table-container .variables-table tr:last-child td{border-bottom:none}.variables-section .variables-editor .variables-table-container .variables-table .variable-input{width:100%;padding:6px 10px;background-color:#000;border:1px solid #2e2e2e;border-radius:4px;color:#fff;font-size:13px}.variables-section .variables-editor .variables-table-container .variables-table .variable-input:focus{outline:none;border-color:#5d87ff}.variables-section .variables-editor .variables-table-container .variables-table .variable-checkbox{width:16px;height:16px;accent-color:#f59e0b}.variables-section .variables-editor .variables-table-container .variables-table .no-variables-message{padding:20px 0;text-align:center;color:hsla(0,0%,100%,.5);font-style:italic}.variables-section .variables-editor .variables-actions{display:flex;justify-content:flex-end}.variables-section .variables-editor .variables-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#111;color:hsla(0,0%,100%,.8);border:1px solid #2e2e2e;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.variables-section .variables-editor .variables-actions .btn-secondary:hover{background-color:#2e2e2e;color:#fff}.variables-section .variables-list{padding:16px}.variables-section .variables-list .variables-chips{display:flex;flex-wrap:wrap;gap:10px}.variables-section .variables-list .variables-chips .variable-chip{display:inline-flex;align-items:center;gap:6px;background-color:rgba(93,135,255,.1);border:1px solid rgba(93,135,255,.2);border-radius:6px;padding:6px 10px;font-size:13px}.variables-section .variables-list .variables-chips .variable-chip.required{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.variables-section .variables-list .variables-chips .variable-chip .variable-name{font-family:monospace;color:#5d87ff}.variables-section .variables-list .variables-chips .variable-chip.required .variable-name{color:#f59e0b}.variables-section .variables-list .variables-chips .variable-chip .required-badge{background-color:rgba(245,158,11,.2);color:#f59e0b;font-size:11px;padding:2px 6px;border-radius:4px}.variables-section .variables-list .variables-placeholder{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.5);font-size:13px}.variables-section .variables-list .variables-placeholder svg{color:#f59e0b}@media(max-width:768px){.editor-top-bar{flex-direction:column;align-items:flex-start;gap:16px}.editor-top-bar .editor-actions{width:100%;flex-wrap:wrap}.editor-top-bar .editor-actions .status-message{width:100%;text-align:center;margin-bottom:8px}.editor-top-bar .editor-actions .btn-api,.editor-top-bar .editor-actions .btn-publish,.editor-top-bar .editor-actions .btn-save{flex:1 1;justify-content:center}.variables-header{flex-direction:column;align-items:flex-start;gap:8px}.variables-header .variables-detected{width:100%}}@media(max-width:576px){.template-info{align-items:center;gap:8px}.editor-actions,.template-info{flex-direction:column}.editor-actions .btn-api,.editor-actions .btn-publish,.editor-actions .btn-save{width:100%}}.sc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sc-modal{background-color:#111;border-radius:8px;width:100%;max-width:600px;box-shadow:0 10px 25px rgba(0,0,0,.5);border:1px solid #2e2e2e;overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:rgba(0,0,0,.3);border-bottom:1px solid #2e2e2e}.sc-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.sc-close-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s ease}.sc-close-btn:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.sc-modal-content{padding:24px}.sc-confirmation-message{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.sc-confirmation-message .send-icon{color:#5d87ff;margin-bottom:16px}.sc-confirmation-message .schedule-icon{color:#f59e0b;margin-bottom:16px}.sc-confirmation-message p{font-size:16px;line-height:1.5;margin-bottom:20px;color:hsla(0,0%,100%,.9)}.sc-campaign-summary{background-color:rgba(0,0,0,.2);border:1px solid #2e2e2e;border-radius:6px;padding:16px;width:100%;text-align:left}.sc-summary-item{display:flex;margin-bottom:10px}.sc-summary-item:last-child{margin-bottom:0}.sc-summary-label{width:120px;color:hsla(0,0%,100%,.7);font-weight:500;font-size:14px}.sc-summary-value{flex:1 1;color:#fff;font-size:14px}.sc-modal-actions{display:flex;justify-content:flex-end;gap:12px}.sc-btn-confirm{background-color:#5d87ff;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.sc-btn-confirm:hover{background-color:#4b6cd9}.sc-btn-secondary{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);border:1px solid #2e2e2e;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sc-btn-secondary:hover{background-color:hsla(0,0%,100%,.05);color:#fff}@media(max-width:576px){.sc-modal{max-width:95%}.sc-modal-actions{flex-direction:column;gap:8px}.sc-btn-confirm,.sc-btn-secondary{width:100%;justify-content:center}.sc-summary-item{flex-direction:column;margin-bottom:16px}.sc-summary-label{width:100%;margin-bottom:4px}}.sc-warmup-options{padding:16px;background-color:rgba(0,0,0,.1);border-radius:6px;margin-top:16px}.sc-warmup-info{margin-bottom:16px}.sc-info-box{display:flex;align-items:flex-start;gap:10px;background-color:rgba(93,135,255,.1);border-left:3px solid #5d87ff;padding:12px 16px;border-radius:6px}.sc-info-box svg{color:#5d87ff;flex-shrink:0;margin-top:3px}.sc-info-box span{font-size:14px;line-height:1.5;color:hsla(0,0%,100%,.8)}.sc-warmup-config h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.sc-warmup-form{display:flex;flex-direction:column;gap:16px}.sc-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.sc-form-group{display:flex;flex-direction:column;gap:6px}.sc-form-group label{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8)}.sc-form-input{width:100%;padding:10px 12px;background-color:rgba(0,0,0,.3);border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px}.sc-form-input:focus{outline:none;border-color:#5d87ff}.sc-form-help{font-size:12px;color:hsla(0,0%,100%,.5)}.sc-warmup-schedule{margin-top:24px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sc-warmup-schedule h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#fff}.sc-warmup-summary{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.sc-warmup-stat{flex:1 1;min-width:120px;background-color:rgba(0,0,0,.2);border-radius:6px;border:1px solid #2e2e2e;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.sc-stat-label{font-size:12px;color:hsla(0,0%,100%,.6)}.sc-stat-value{font-size:16px;font-weight:600;color:#fff}.sc-warmup-stages-container{background-color:rgba(0,0,0,.2);border:1px solid #2e2e2e;border-radius:6px;overflow:hidden}.sc-warmup-stages-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr;grid-gap:8px;gap:8px;padding:12px 16px;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2e2e2e}.sc-stage-header{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.7)}.sc-warmup-stages{max-height:300px;overflow-y:auto}.sc-warmup-stage{display:grid;grid-template-columns:80px 1fr 1fr 1fr;grid-gap:8px;gap:8px;padding:10px 16px;border-bottom:1px solid hsla(0,0%,100%,.05)}.sc-warmup-stage:last-child{border-bottom:none}.sc-warmup-stage:hover{background-color:hsla(0,0%,100%,.03)}.sc-stage-cell{font-size:14px;color:hsla(0,0%,100%,.9)}.sc-warmup-more{text-align:center;padding:10px;font-size:13px;color:hsla(0,0%,100%,.5);background-color:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.05)}.warmup-icon{color:#8ab4f8;margin-bottom:16px}.sc-warmup-notice{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;background-color:rgba(245,158,11,.1);border-radius:6px;font-size:13px;color:hsla(0,0%,100%,.7)}.sc-warmup-notice svg{color:#f59e0b;flex-shrink:0}@media(max-width:768px){.sc-form-row{grid-template-columns:1fr;gap:12px}.sc-warmup-summary{flex-direction:column;gap:10px}.sc-warmup-stat{width:100%}.sc-warmup-stage,.sc-warmup-stages-header{grid-template-columns:60px 1fr 80px 80px;font-size:13px;padding:8px 10px}}@media(max-width:576px){.sc-warmup-stages-container{overflow-x:auto}.sc-warmup-stage,.sc-warmup-stages-header{min-width:500px}}.batch-import-progress{margin:20px 0;padding:15px;border:1px solid #2e2e2e;border-radius:8px;background-color:#111}.batch-import-progress h4{margin-top:0;margin-bottom:12px;font-size:16px;font-weight:600;color:#fff}.progress-container{height:8px;background-color:#1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:15px}.progress-bar{height:100%;background-color:#5d87ff;transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;font-size:14px}.stat-item{margin-right:20px}.stat-label{font-weight:500;margin-right:5px;color:hsla(0,0%,100%,.7)}.stat-value{font-weight:600;color:#fff}.integrations-container{display:flex;flex-direction:column;gap:24px}.integrations-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.integrations-header h1{font-size:24px;font-weight:600;margin:0}.integrations-header p{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.integration-cards{display:flex;flex-direction:column;gap:16px}.integration-card{display:flex;align-items:center;background-color:#111;border:1px solid #2e2e2e;border-radius:8px;padding:16px;transition:all .2s ease}.integration-card:not(.disabled):hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.integration-card.disabled{opacity:.6;cursor:not-allowed}.integration-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;flex-shrink:0}.integration-info{flex:1 1;margin-left:16px}.integration-info h3{font-size:16px;font-weight:600;margin:0 0 4px}.integration-info p{color:hsla(0,0%,100%,.7);font-size:14px;margin:0 0 8px}.integration-status{display:flex;align-items:center;gap:12px}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:rgba(81,207,102,.2);color:#51cf66}.badge-warning{background-color:rgba(255,171,0,.2);color:#ffab00}.badge-danger{background-color:rgba(255,87,34,.2);color:#ff5722}.badge-default{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.integration-date{font-size:12px;color:hsla(0,0%,100%,.5)}.integration-action{margin-left:16px}.integration-button{display:inline-flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.integration-button:hover{background-color:#4a6ecc}.integration-button.disabled{background-color:#2e2e2e;color:hsla(0,0%,100%,.5);cursor:not-allowed}.firebase-integration-container{display:flex;flex-direction:column;gap:24px}.integration-header{display:flex;flex-direction:column;gap:16px}.back-link{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.7);font-size:14px;transition:all .2s ease}.back-link:hover{color:#fff}.header-content{display:flex;align-items:center;gap:16px;margin-top:8px}.header-text h1{font-size:24px;font-weight:600;margin:0 0 8px}.header-text p{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-bottom:16px}.alert-error{background-color:rgba(255,87,34,.1);border-left:3px solid #ff5722;color:#ff5722}.alert-success{background-color:rgba(81,207,102,.1);border-left:3px solid #51cf66;color:#51cf66}.close-alert{margin-left:auto;background:rgba(0,0,0,0);border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.integration-status-panel{background-color:hsla(0,0%,100%,.05);border-radius:8px;padding:16px;margin-bottom:16px}.status-indicator{display:flex;align-items:center;gap:10px;margin-bottom:8px}.status-indicator.active{color:#51cf66}.status-dot{width:10px;height:10px;background-color:#51cf66}.status-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:hsla(0,0%,100%,.5)}.integration-setup-container{display:flex;flex-direction:column;gap:24px}@media(min-width:992px){.integration-setup-container{flex-direction:row}.setup-card{flex:1 1}.usage-card{flex:0 0 300px}}.setup-card{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden}.setup-header{padding:16px;border-bottom:1px solid #2e2e2e;display:flex;justify-content:space-between;align-items:center}.setup-header h2{font-size:18px;font-weight:600;margin:0}.delete-button{display:inline-flex;align-items:center;gap:8px;background-color:rgba(255,87,34,.1);color:#ff5722;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-button:hover:not(:disabled){background-color:rgba(255,87,34,.2)}.delete-button:disabled{opacity:.5;cursor:not-allowed}.setup-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:hsla(0,0%,100%,.7)}.form-group input{width:100%;padding:10px 12px;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#5d87ff}.service-account-section{margin-bottom:16px}.service-account-section h3{font-size:16px;font-weight:600;margin:0 0 8px}.section-description{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:16px}.current-connection{background-color:hsla(0,0%,100%,.05);border-radius:6px;padding:16px;margin-bottom:16px}.connection-info{margin-bottom:16px}.info-item{display:flex;margin-bottom:8px}.info-item .label{flex:0 0 100px;color:hsla(0,0%,100%,.7);font-size:13px}.info-item .value{font-size:13px;font-family:monospace;word-break:break-all}.update-service-account p{color:hsla(0,0%,100%,.7);font-size:13px;margin-bottom:8px}.file-upload-section,.instruction-note,.instructions{margin-bottom:16px}.instruction-note{display:flex;gap:12px;background-color:hsla(0,0%,100%,.05);border-radius:6px;padding:12px}.instruction-note svg{color:#5d87ff;flex-shrink:0;margin-top:2px}.instruction-note p{color:hsla(0,0%,100%,.7);font-size:13px;margin:0}.file-upload-container{position:relative;margin-bottom:8px}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#1a1a1a;border:1px dashed #2e2e2e;border-radius:6px;padding:14px 16px;font-size:14px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.file-upload-label:hover{border-color:#5d87ff;background-color:rgba(93,135,255,.05)}.file-upload-label.primary{background-color:rgba(93,135,255,.1);border:1px dashed #5d87ff;color:#fff}.file-input{position:absolute;width:0;height:0;opacity:0}.form-actions{display:flex;justify-content:flex-end;margin-top:24px}.save-button{display:inline-flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover:not(:disabled){background-color:#4a6ecc}.save-button:disabled{opacity:.6;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}.usage-instructions{padding:16px}.instruction-step{display:flex;gap:12px;margin-bottom:16px}.instruction-step:last-child{margin-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#5d87ff;border-radius:50%;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.step-content h4{font-size:15px;font-weight:500;margin:0 0 4px}.step-content p{color:hsla(0,0%,100%,.7);font-size:13px;margin:0}.modal-container{background-color:#111;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.3);width:100%;max-width:500px;overflow:hidden;border:1px solid #2e2e2e}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2e2e2e}.modal-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;padding:4px}.close-btn:hover{color:#fff}.modal-content{padding:24px;display:flex;flex-direction:column;align-items:center}.warning-icon{color:#ffab00;margin-bottom:16px}.modal-content p{margin-bottom:16px;font-size:14px}.warning-text{color:hsla(0,0%,100%,.7);font-size:13px}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background-color:#2e2e2e;color:hsla(0,0%,100%,.7)}.btn-secondary:hover:not(:disabled){background-color:#3e3e3e;color:#fff}.btn-danger{background-color:#ff5722;color:#fff}.btn-danger:hover:not(:disabled){background-color:#e64a19}.btn:disabled{opacity:.6;cursor:not-allowed}.integration-icon.firebase{background-color:rgba(255,171,0,.2);color:#ffab00}.integration-icon.airtable{background-color:rgba(55,160,230,.2);color:#37a0e6}.header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background-color:rgba(255,171,0,.2);color:#ffab00;flex-shrink:0}.header-icon.airtable{background-color:rgba(55,160,230,.2);color:#37a0e6}.validation-error{display:flex;align-items:center;gap:8px;color:#ff5722;font-size:13px;margin-top:8px}.header-icon.airtable{background-color:rgba(39,164,219,.2);color:#27a4db}.airtable-integration-container{display:flex;flex-direction:column;gap:24px}.api-key-section{margin-bottom:16px}.api-key-section h3{font-size:16px;font-weight:600;margin:0 0 8px}.api-key-input-group{position:relative;margin-bottom:16px}.api-key-input{width:100%;padding:10px 40px 10px 12px;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.api-key-input:focus{outline:none;border-color:#5d87ff}.toggle-visibility-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toggle-visibility-button:hover{color:#fff}.info-item .value.api-key{display:flex;align-items:center;justify-content:space-between;font-family:monospace}.info-item .toggle-visibility{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;margin-left:8px}.info-item .toggle-visibility:hover{color:#fff}.update-api-key p{color:hsla(0,0%,100%,.7);font-size:13px;margin-bottom:8px}.integration-icon.airtable{background-color:rgba(39,164,219,.2);color:#27a4db}.integration-icon.supabase{background-color:rgba(62,207,142,.2);color:#3ecf8e}.integration-icon.auth0{background-color:rgba(255,87,34,.2);color:#ff5722}.header-icon.google-sheets{background-color:rgba(52,168,83,.2);color:#34a853}.google-sheets-integration-container{display:flex;flex-direction:column;gap:24px}.instruction-steps{margin:8px 0 0 16px;padding-left:8px;color:hsla(0,0%,100%,.7);font-size:13px}.instruction-steps li{margin-bottom:6px}.instruction-steps a{color:#5d87ff;text-decoration:underline;transition:all .2s ease}.instruction-steps a:hover{color:#8ab4f8}.instruction-note{flex-direction:column;align-items:flex-start}.service-account-actions{display:flex;gap:8px;margin-top:16px}.service-account-actions .btn{flex:1 1}.integration-icon.google-sheets{background-color:rgba(52,168,83,.2);color:#34a853}.auth-sync-section{margin-top:24px;padding-top:24px;border-top:1px solid #2e2e2e}.auth-sync-section h3{font-size:16px;font-weight:600;margin:0 0 8px}.auto-sync-toggle{display:flex;justify-content:space-between;align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:8px;padding:16px;margin:16px 0}.toggle-label{display:flex;flex-direction:column;gap:4px}.toggle-label h4{font-size:15px;font-weight:500;margin:0}.toggle-label p{color:hsla(0,0%,100%,.7);font-size:13px;margin:0}.toggle-button{background:rgba(0,0,0,0);border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.toggle-button:hover:not(:disabled){transform:scale(1.1)}.toggle-button:disabled{opacity:.5;cursor:not-allowed}.toggle-icon{color:hsla(0,0%,100%,.5)}.toggle-icon.active{color:#5d87ff}.radio-group{margin-bottom:12px}.radio-label{display:flex;align-items:center;gap:8px;font-size:14px}.radio-label,.radio-label input{cursor:pointer}.contact-list-select{margin:12px 0 16px 24px}.contact-list-select select{width:100%;padding:10px 12px;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.contact-list-select select:focus{outline:none;border-color:#5d87ff}.new-list-input{margin:12px 0 16px 24px}.new-list-input input{width:100%;padding:10px 12px;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease}.new-list-input input:focus{outline:none;border-color:#5d87ff}.manual-sync-button-container{margin:20px 0;display:flex;justify-content:center}.manual-sync-button{display:inline-flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.manual-sync-button:hover:not(:disabled){background-color:#4a6ecc}.manual-sync-button:disabled{opacity:.6;cursor:not-allowed}.sync-info-note{display:flex;align-items:flex-start;gap:12px;background-color:hsla(0,0%,100%,.05);border-radius:6px;padding:12px;margin-top:16px}.sync-info-note svg{color:#5d87ff;flex-shrink:0;margin-top:2px}.sync-info-note p{color:hsla(0,0%,100%,.7);font-size:13px;margin:0}.sync-config-section{padding:16px;background-color:hsla(0,0%,100%,.02);border-radius:8px;margin-bottom:16px}.sync-config-section .form-group{margin-bottom:16px}.sync-config-section .form-group input{padding:10px!important}.sync-config-section .radio-group{display:flex;align-items:center;margin-bottom:12px}.sync-config-section .radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.sync-config-section .radio-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.4);background-color:rgba(0,0,0,0);outline:none;cursor:pointer;position:relative;margin:0}.sync-config-section .radio-label input[type=radio]:checked{border-color:#5d87ff}.sync-config-section .radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#5d87ff}.sync-config-section .contact-list-select{margin:12px 0 16px 28px}.sync-config-section .contact-list-select select{width:100%;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px;transition:all .2s ease;-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='rgba(255, 255, 255, 0.5)' 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:10px 36px 10px 12px}.sync-config-section .new-list-input{margin:12px 0 16px 28px}.sync-config-section .new-list-input input{width:100%;padding:10px 12px;background-color:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;color:#fff;font-size:14px}.sync-config-section .manual-sync-button-container{display:flex;justify-content:center;margin:24px 0 16px}.sync-config-section .manual-sync-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px}.sheets-sync-section{margin-top:24px;padding-top:24px;border-top:1px solid #2e2e2e}.sheets-sync-section h3{font-size:16px;font-weight:600;margin:0 0 8px}.test-connection-container{margin:16px 0}.test-connection-button{display:inline-flex;align-items:center;gap:8px;background-color:rgba(93,135,255,.1);color:#5d87ff;border:1px solid rgba(93,135,255,.3);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.test-connection-button:hover:not(:disabled){background-color:rgba(93,135,255,.2)}.test-connection-button:disabled{opacity:.6;cursor:not-allowed}.test-status-icon{display:flex;align-items:center;justify-content:center}.test-status-icon.success{color:#51cf66}.test-status-icon.error{color:#ff5722}.spinner{animation:spin 1s linear infinite}.table-syncs-list{margin:16px 0;display:flex;flex-direction:column;gap:16px}.table-sync-item{background-color:#111;border:1px solid #2e2e2e;border-radius:8px;overflow:hidden}.sync-item-header{display:flex;align-items:center;padding:12px 16px;background-color:#1a1a1a;border-bottom:1px solid #2e2e2e}.sync-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(52,168,83,.1);border-radius:6px;color:#34a853;margin-right:12px;flex-shrink:0}.sync-item-title{flex:1 1}.sync-item-title h4{margin:0 0 4px;font-size:15px;font-weight:500}.sync-meta{color:hsla(0,0%,100%,.6);font-size:12px}.sync-item-actions{display:flex;gap:8px}.sync-action-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease}.sync-action-button:hover{background-color:hsla(0,0%,100%,.1);color:#fff}.sync-action-button.edit:hover{color:#5d87ff}.sync-action-button.delete:hover{color:#ff5722}.sync-item-body{padding:16px}.sync-sheet-info{display:flex;justify-content:space-between;margin-bottom:12px}.sheet-link,.sync-sheet-info{align-items:center;font-size:13px}.sheet-link{display:inline-flex;gap:4px;color:#5d87ff;text-decoration:none;transition:all .2s ease}.sheet-link:hover{text-decoration:underline}.sync-mapping-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px;padding:12px;background-color:hsla(0,0%,100%,.02);border-radius:6px}.mapping-item{display:flex;flex-direction:column;gap:4px}.mapping-label{font-size:12px;color:hsla(0,0%,100%,.6)}.mapping-value{font-size:13px;font-family:monospace}.sync-schedule-info{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #2e2e2e}.schedule-details{display:flex;flex-direction:column;gap:4px}.schedule-status{display:flex;align-items:center;gap:6px;font-size:13px;color:hsla(0,0%,100%,.9)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:#51cf66}.status-dot.inactive{background-color:#868e96}.last-synced,.sync-result{font-size:12px;color:hsla(0,0%,100%,.6)}.sync-now-button{display:inline-flex;align-items:center;gap:8px;background-color:#34a853;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.sync-now-button:hover:not(:disabled){background-color:#2d9047}.sync-now-button:disabled{opacity:.6;cursor:not-allowed}.empty-syncs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;background-color:hsla(0,0%,100%,.02);border-radius:8px;text-align:center;color:hsla(0,0%,100%,.6)}.empty-syncs p{margin:0;font-size:16px}.empty-syncs-description{font-size:14px!important;color:hsla(0,0%,100%,.5)}.add-sync-container{margin-top:16px;display:flex;justify-content:center}.add-sync-button{display:inline-flex;align-items:center;gap:8px;background-color:#5d87ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-sync-button:hover:not(:disabled){background-color:#4a6ecc}.add-sync-button:disabled{opacity:.6;cursor:not-allowed}.sheet-checkbox{display:flex;align-items:center;flex-direction:row!important}.sheet-checkbox .checkbox-label{display:flex;align-items:center;gap:5px}.sheet-checkbox .checkbox-label input{width:16px!important}.integration-table-sync-modal{max-width:680px;width:100%;max-height:90vh;background-color:#181818;border-radius:12px;border:1px solid #2e2e2e;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(0,0,0,.3)}.integration-table-sync-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#121212;border-bottom:1px solid #2e2e2e}.integration-table-sync-modal .modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.integration-table-sync-modal .modal-header .close-btn{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease}.integration-table-sync-modal .modal-header .close-btn:hover{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.integration-table-sync-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.integration-table-sync-modal .modal-content{padding:24px;overflow-y:auto;flex:1 1}.integration-table-sync-modal .modal-content .modal-error{display:flex;align-items:center;gap:12px;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px}.integration-table-sync-modal .modal-content .modal-error svg{flex-shrink:0}.integration-table-sync-modal .modal-content .modal-error span{flex:1 1}.integration-table-sync-modal .modal-content .modal-error .close-error{background:none;border:none;color:currentColor;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.integration-table-sync-modal .modal-content .modal-error .close-error:hover{background-color:rgba(239,68,68,.15)}.integration-table-sync-modal .modal-content .sync-form{display:flex;flex-direction:column;gap:24px}.integration-table-sync-modal .modal-content .sync-form .form-group{display:flex;flex-direction:column;gap:8px}.integration-table-sync-modal .modal-content .sync-form .form-group label{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.85)}.integration-table-sync-modal .modal-content .sync-form .form-group input[type=number],.integration-table-sync-modal .modal-content .sync-form .form-group input[type=text],.integration-table-sync-modal .modal-content .sync-form .form-group select{background-color:#121212;border:1px solid #2e2e2e;border-radius:8px;color:#fff;font-size:15px;padding:12px 14px;transition:border-color .2s ease}.integration-table-sync-modal .modal-content .sync-form .form-group input[type=number]:focus,.integration-table-sync-modal .modal-content .sync-form .form-group input[type=text]:focus,.integration-table-sync-modal .modal-content .sync-form .form-group select:focus{outline:none;border-color:#5d87ff;box-shadow:0 0 0 2px rgba(93,135,255,.15)}.integration-table-sync-modal .modal-content .sync-form .form-group input[type=number]:disabled,.integration-table-sync-modal .modal-content .sync-form .form-group input[type=text]:disabled,.integration-table-sync-modal .modal-content .sync-form .form-group select:disabled{opacity:.7;cursor:not-allowed}.integration-table-sync-modal .modal-content .sync-form .form-group.required label:after{content:" *";color:#ef4444}.integration-table-sync-modal .modal-content .sync-form .form-section{border:1px solid #2e2e2e;border-radius:10px;padding:24px;background-color:rgba(0,0,0,.15)}.integration-table-sync-modal .modal-content .sync-form .form-section .section-title{font-size:16px;font-weight:600;color:#fff;margin-top:0;margin-bottom:16px;display:flex;align-items:center;gap:8px}.integration-table-sync-modal .modal-content .sync-form .form-section .section-title svg{color:#5d87ff}.integration-table-sync-modal .modal-content .sync-form .form-section .field-description{color:hsla(0,0%,100%,.7);font-size:14px;margin-bottom:20px}.integration-table-sync-modal .modal-content .sync-form .sheet-selection-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.integration-table-sync-modal .modal-content .sync-form .sheet-selection-actions .refresh-sheets-button{display:flex;align-items:center;gap:8px;background-color:rgba(93,135,255,.1);border:1px solid rgba(93,135,255,.3);color:#5d87ff;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.integration-table-sync-modal .modal-content .sync-form .sheet-selection-actions .refresh-sheets-button:hover:not(:disabled){background-color:rgba(93,135,255,.2);transform:translateY(-1px)}.integration-table-sync-modal .modal-content .sync-form .sheet-selection-actions .refresh-sheets-button:disabled{opacity:.6;cursor:not-allowed}.integration-table-sync-modal .modal-content .sync-form .sheet-selection-actions .refresh-sheets-button .spinner{animation:spin 1.2s linear infinite}.integration-table-sync-modal .modal-content .sync-form .mapping-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media(max-width:640px){.integration-table-sync-modal .modal-content .sync-form .mapping-fields{grid-template-columns:1fr}}.integration-table-sync-modal .modal-content .sync-form .radio-group{margin-bottom:12px}.integration-table-sync-modal .modal-content .sync-form .radio-group .radio-label{display:flex;align-items:center;gap:10px;cursor:pointer}.integration-table-sync-modal .modal-content .sync-form .radio-group .radio-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #2e2e2e;border-radius:50%;outline:none;cursor:pointer;position:relative}.integration-table-sync-modal .modal-content .sync-form .radio-group .radio-label input[type=radio]:checked{border-color:#5d87ff}.integration-table-sync-modal .modal-content .sync-form .radio-group .radio-label input[type=radio]:checked:after{content:"";position:absolute;top:7px;left:7px;width:12px;height:12px;border-radius:50%;background-color:#5d87ff}.integration-table-sync-modal .modal-content .sync-form .radio-group .radio-label span{font-size:14px;color:hsla(0,0%,100%,.85)}.integration-table-sync-modal .modal-content .sync-form .contact-list-select{margin:0!important}.integration-table-sync-modal .modal-content .sync-form .contact-list-select select{width:100%}.integration-table-sync-modal .modal-content .sync-form .new-list-input{margin-left:28px;margin-bottom:16px}.integration-table-sync-modal .modal-content .sync-form .new-list-input input{width:100%}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:rgba(0,0,0,.2);border-radius:8px;margin-bottom:16px}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-label{flex:1 1}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-label h4{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-label p{font-size:13px;color:hsla(0,0%,100%,.7);margin:0}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-button .toggle-icon{color:hsla(0,0%,100%,.5);transition:color .2s ease}.integration-table-sync-modal .modal-content .sync-form .auto-sync-toggle .toggle-button .toggle-icon.active{color:#5d87ff}.integration-table-sync-modal .modal-content .sync-form .sync-info-note{display:flex;align-items:flex-start;gap:12px;padding:14px;background-color:rgba(93,135,255,.1);border:1px solid rgba(93,135,255,.2);border-radius:8px}.integration-table-sync-modal .modal-content .sync-form .sync-info-note svg{flex-shrink:0;color:#5d87ff;margin-top:2px}.integration-table-sync-modal .modal-content .sync-form .sync-info-note p{margin:0;font-size:13px;color:hsla(0,0%,100%,.8);line-height:1.5}.integration-table-sync-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background-color:#121212;border-top:1px solid #2e2e2e}.integration-table-sync-modal .modal-footer .btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease}.integration-table-sync-modal .modal-footer .btn.btn-secondary{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.8)}.integration-table-sync-modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background-color:hsla(0,0%,100%,.15)}.integration-table-sync-modal .modal-footer .btn.btn-primary{background-color:#5d87ff;border:1px solid #5d87ff;color:#fff}.integration-table-sync-modal .modal-footer .btn.btn-primary:hover:not(:disabled){background-color:#4b6cd9;transform:translateY(-1px)}.integration-table-sync-modal .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.integration-table-sync-modal .modal-footer .btn .spinner-sm{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.integration-table-sync-modal .radio-group{margin-bottom:16px}.integration-table-sync-modal .radio-group .radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;padding:6px 0}.integration-table-sync-modal .radio-group .radio-label input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #333;border-radius:50%;outline:none;cursor:pointer;background-color:#1a1a1a;margin:0;padding:0;position:relative;flex-shrink:0}.integration-table-sync-modal .radio-group .radio-label input[type=radio]:focus{box-shadow:0 0 0 2px rgba(93,135,255,.3)}.integration-table-sync-modal .radio-group .radio-label input[type=radio]:checked{border-color:#5d87ff;background-color:#1a1a1a}.integration-table-sync-modal .radio-group .radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#5d87ff;display:block}.integration-table-sync-modal .radio-group .radio-label span{font-size:15px;color:hsla(0,0%,100%,.9);line-height:1.4}.integration-table-sync-modal .radio-group input[type=radio]:checked+span{color:#fff;font-weight:500}.integration-table-sync-modal input[type=radio]{position:relative;z-index:1}.integration-table-sync-modal input[type=radio]:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background-color:rgba(0,0,0,0);border-radius:50%;z-index:-1;transition:background-color .2s ease}.integration-table-sync-modal input[type=radio]:hover:before{background-color:rgba(93,135,255,.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.spinner{animation:spin 1.2s linear infinite}.daily-chart-container{background-color:#111;border-radius:8px;border:1px solid #2e2e2e;padding:20px;margin-bottom:24px;transition:all .2s ease}.daily-chart-container:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);border-color:#444}.daily-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.daily-chart-title{font-size:16px;font-weight:600;margin:0;color:#fff;display:flex;align-items:center;gap:8px}.daily-chart-title:before{content:"";display:inline-block;width:4px;height:16px;background-color:#5d87ff;border-radius:2px}.daily-chart-controls{display:flex;align-items:center;gap:16px}.time-range-selector{display:flex;background-color:rgba(0,0,0,.2);border-radius:6px;padding:4px;border:1px solid #2e2e2e}.time-range-btn{padding:6px 12px;font-size:13px;background:none;border:none;border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease}.time-range-btn:hover:not(.active){background-color:hsla(0,0%,100%,.05);color:#fff}.time-range-btn.active{background-color:#5d87ff;color:#fff}.daily-chart{background-color:rgba(0,0,0,.2);border-radius:6px;padding:16px;margin-bottom:16px;border:1px solid #2e2e2e}.daily-chart-tooltip{background-color:rgba(0,0,0,.85);border:1px solid #2e2e2e;border-radius:6px;padding:10px 14px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.daily-chart-tooltip .tooltip-date{font-weight:600;font-size:13px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff}.daily-chart-tooltip .tooltip-content{display:flex;flex-direction:column;gap:6px}.daily-chart-tooltip .tooltip-item{display:flex;align-items:center;gap:6px;font-size:12px}.daily-chart-tooltip .tooltip-item .tooltip-color{width:8px;height:8px;border-radius:2px}.daily-chart-tooltip .tooltip-item .tooltip-name{color:hsla(0,0%,100%,.7)}.daily-chart-tooltip .tooltip-item .tooltip-value{margin-left:auto;font-weight:600;color:#fff}.daily-chart-summary .summary-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.daily-chart-summary .summary-stats .summary-stat{display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,.2);border:1px solid #2e2e2e;border-radius:6px;padding:10px 16px;min-width:100px}.daily-chart-summary .summary-stats .summary-stat .stat-label{font-size:12px;color:hsla(0,0%,100%,.6);margin-bottom:4px}.daily-chart-summary .summary-stats .summary-stat .stat-value{font-size:16px;font-weight:600;color:#fff}.daily-chart-empty,.daily-chart-error,.daily-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.daily-chart-empty p,.daily-chart-error p,.daily-chart-loading p{color:hsla(0,0%,100%,.6);font-size:14px}.daily-chart-loading .spinner-small{width:30px;height:30px;border-radius:50%;border:3px solid rgba(93,135,255,.1);border-top-color:#5d87ff;animation:spin 1s linear infinite}.daily-chart-error p{color:#ef4444}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.daily-chart-header{flex-direction:column;align-items:flex-start}.daily-chart-controls,.time-range-selector{width:100%;justify-content:space-between}.time-range-btn{flex:1 1;text-align:center}.daily-chart-summary .summary-stats{flex-direction:column;gap:10px}.daily-chart-summary .summary-stats .summary-stat{width:100%;flex-direction:row;justify-content:space-between}.daily-chart-summary .summary-stats .summary-stat .stat-label{margin-bottom:0}}.html-editor-container{display:flex;flex-direction:column;background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden}.html-editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#1a1a1a;border-bottom:1px solid #2e2e2e}.toolbar-left{display:flex;gap:4px}.toolbar-right{display:flex;gap:8px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);font-size:13px;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover:not(:disabled){background-color:#2e2e2e;color:#fff}.toolbar-btn.active{background-color:#5d87ff;color:#fff}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.format-btn{background-color:rgba(93,135,255,.1);border:1px solid rgba(93,135,255,.3);color:#5d87ff}.format-btn:hover:not(:disabled){background-color:rgba(93,135,255,.2)}.html-editor-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:13px}.html-editor-content{flex:1 1;display:flex;flex-direction:column}.html-textarea{flex:1 1;min-height:400px;padding:16px;background-color:#000;border:none;color:#fff;font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical;outline:none}.html-textarea::placeholder{color:hsla(0,0%,100%,.5)}.html-textarea:disabled{opacity:.7;cursor:not-allowed}.html-preview{flex:1 1;min-height:400px;overflow-y:auto}.html-preview .preview-content{padding:16px;background-color:#fff;color:#333;min-height:100%;font-family:Arial,sans-serif;line-height:1.6}.html-preview .preview-content h1,.html-preview .preview-content h2,.html-preview .preview-content h3,.html-preview .preview-content h4,.html-preview .preview-content h5,.html-preview .preview-content h6{margin-top:1.5em;margin-bottom:.5em;color:#222}.html-preview .preview-content p{margin-bottom:1em}.html-preview .preview-content a{color:#3b82f6;text-decoration:underline}.html-preview .preview-content img{max-width:100%;height:auto;border-radius:4px}.html-preview .preview-content ol,.html-preview .preview-content ul{margin-left:1.5em;margin-bottom:1em}.html-preview .preview-content blockquote{border-left:3px solid #ddd;padding-left:1em;color:#666;margin:1em 0}.html-preview .preview-content code{background-color:#f5f5f5;padding:2px 4px;border-radius:3px;font-size:.9em}.html-preview .preview-content pre{background-color:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto}.unified-editor{display:flex;flex-direction:column;background-color:#111;border-radius:8px;border:1px solid #2e2e2e;overflow:hidden}.editor-mode-selector{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#1a1a1a;border-bottom:1px solid #2e2e2e}.mode-tabs{display:flex;background-color:rgba(0,0,0,.3);border-radius:6px;padding:4px;border:1px solid #2e2e2e}.mode-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-tab:hover:not(:disabled){background-color:hsla(0,0%,100%,.1);color:#fff}.mode-tab.active{background-color:#5d87ff;color:#fff;box-shadow:0 2px 4px rgba(93,135,255,.3)}.mode-tab:disabled{opacity:.5;cursor:not-allowed}.editor-info{display:flex;align-items:center;gap:8px}.current-mode{font-size:13px;color:hsla(0,0%,100%,.6);font-weight:500}.editor-content-area{flex:1 1;display:flex;flex-direction:column}.unified-editor .editorContainer{border:none;border-radius:0;background-color:rgba(0,0,0,0)}.unified-editor .editorToolbar{background-color:#1a1a1a;border-bottom:1px solid #2e2e2e}@media(max-width:768px){.editor-mode-selector{flex-direction:column;align-items:flex-start;gap:12px}.mode-tabs{width:100%;justify-content:space-between}.mode-tab{flex:1 1;justify-content:center}}@media(max-width:576px){.mode-tab span{display:none}}