*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Epilogue,sans-serif;font-size:16px;line-height:1.6;color:#a1a1aa;background:#000;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}::selection{background:hsla(0,0%,100%,.2);color:#fafafa}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;padding:10px 18px;border-radius:12px;transition:all .2s ease;white-space:nowrap;position:relative;cursor:pointer}.btn:disabled,.button:disabled{opacity:.3;cursor:not-allowed}.btn-primary,.button--primary{background:linear-gradient(104deg,rgba(253,253,253,.05) 5%,rgba(240,240,228,.1));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fafafa;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover:not(:disabled),.button--primary:hover:not(:disabled){background:hsla(0,0%,100%,.95);color:#000;border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 32px hsla(0,0%,100%,.1)}.btn-primary:active:not(:disabled),.button--primary:active:not(:disabled){transform:scale(.98)}.btn-secondary,.button--secondary{background:rgba(0,0,0,0);color:#71717a;border:1px solid hsla(0,0%,100%,.08)}.btn-secondary:hover:not(:disabled),.button--secondary:hover:not(:disabled){background:hsla(0,0%,100%,.05);color:#a1a1aa;border-color:hsla(0,0%,100%,.15)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:12px;background:rgba(0,0,0,0);color:#71717a;border:1px solid rgba(0,0,0,0);transition:all .2s ease}.btn-icon:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa;border-color:hsla(0,0%,100%,.08)}.btn-loading,.button--loading{position:relative;color:rgba(0,0,0,0)!important;pointer-events:none}.btn-loading:after,.button--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:#fafafa;border-radius:50%;animation:spin .6s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000;gap:16px}.loading-screen p{color:#71717a;font-size:14px}.spinner{width:32px;height:32px;border:2px solid hsla(0,0%,100%,.08);border-top-color:#fafafa;border-radius:50%;animation:spin .8s linear infinite}.brands-page{min-height:100vh;background:#000;position:relative}.brands-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:80px 80px;pointer-events:none;z-index:0}.page-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.08)}.header-content{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}@media(max-width:640px){.header-content{padding:0 16px}}.brand-logo{display:flex;align-items:center;gap:10px;color:#fafafa;font-size:17px;font-weight:600;letter-spacing:-.01em;transition:opacity .2s ease}.brand-logo img{height:28px!important;width:28px!important}.brand-logo svg{color:#fafafa}.brand-logo:hover{opacity:.8}.header-right{gap:12px}.header-right,.user-section{display:flex;align-items:center}.user-section{gap:10px;padding:6px 12px 6px 6px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:100px}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#262626,#171717);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fafafa;text-transform:uppercase}.user-name{font-size:14px;font-weight:500;color:#a1a1aa}@media(max-width:480px){.user-name{display:none}}.page-main{position:relative;z-index:1;padding:48px 0;min-height:calc(100vh - 64px)}@media(max-width:768px){.page-main{padding:32px 0}}.page-container{max-width:900px;margin:0 auto;padding:0 24px}@media(max-width:640px){.page-container{padding:0 16px}}.title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.title-bar h1{font-size:32px;font-weight:600;color:#fafafa;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:640px){.title-bar h1{font-size:24px}}.form-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:32px;position:relative}.form-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}@media(max-width:640px){.form-card{padding:24px}}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:#a1a1aa;margin-bottom:8px}.form-control,.form-input,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;padding:12px 16px;font-size:14px;font-family:inherit;color:#fafafa;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .2s ease;outline:none}.form-control::placeholder,.form-input::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:#52525b}.form-control:hover,.form-input:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:hsla(0,0%,100%,.15)}.form-control:focus,.form-input:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:hsla(0,0%,100%,.3);background:#171717;box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}.form-control:disabled,.form-input:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=url]:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:100px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.08)}.form-error{color:#ef4444}.form-error,.form-hint{font-size:13px;margin-top:6px}.form-hint{color:#52525b}.brand-form-container{max-width:400px}.brand-form-header{margin-bottom:28px}.brand-form-header h3{font-size:20px;font-weight:600;color:#fafafa;margin-bottom:6px}.brand-form-header p{font-size:14px;color:#71717a}.alert{justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;margin-bottom:20px}.alert .close-alert{background:rgba(0,0,0,0);border:none;padding:4px;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.alert .close-alert:hover{opacity:1}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;position:relative}.empty-view:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:50%;margin-bottom:24px}.empty-icon svg{color:#71717a}.empty-view h2{font-size:20px;font-weight:600;color:#fafafa;margin-bottom:8px}.empty-view p{font-size:15px;color:#71717a;margin-bottom:28px;max-width:320px}.table-container{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;position:relative}.table-container:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1}.brands-table{width:100%;border-collapse:collapse}.brands-table th{text-align:left;padding:14px 20px;font-size:12px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em;background:#111}.brands-table td,.brands-table th{border-bottom:1px solid hsla(0,0%,100%,.08)}.brands-table td{padding:16px 20px;font-size:14px;color:#a1a1aa;transition:background .2s ease}.brands-table tbody tr{cursor:pointer;transition:background .2s ease}.brands-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.brands-table tbody tr:hover td{background:rgba(0,0,0,0)}.brands-table tbody tr:last-child td{border-bottom:none}.brand-cell{display:flex;align-items:center;gap:12px}.brand-favicon{width:32px;height:32px;border-radius:8px;object-fit:cover;background:#fff;border:1px solid hsla(0,0%,100%,.08)}.brand-name{font-weight:500;color:#fafafa}.brand-website{color:#71717a}.brand-date{color:#52525b;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;border-radius:100px;text-transform:capitalize;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge:has(svg):before{display:none}.status-badge svg{width:12px;height:12px;flex-shrink:0}.status-active{background:rgba(34,197,94,.1);color:#22c55e}.status-active:before{background:#22c55e}.status-inactive{background:rgba(82,82,91,.1);color:#52525b}.status-inactive:before{background:#52525b}.status-warning{background:rgba(245,158,11,.1);color:#f59e0b}.status-warning:before{background:#f59e0b}.status-pending{background:rgba(59,130,246,.1);color:#3b82f6}.status-pending:before{background:#3b82f6}.status-error{background:rgba(239,68,68,.1);color:#ef4444}.status-error:before{background:#ef4444}.modal-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{max-width:480px;animation:slideUp .3s ease;position:relative}.modal-container:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px}.modal-header h2{font-size:18px}.modal-header p{font-size:14px;color:#71717a;margin-top:4px}.modal-content{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:flex-end;gap:12px}.card,.modal-footer{background:hsla(0,0%,100%,.02)}.card{border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:24px;transition:all .2s ease;position:relative}.card:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.card-title{font-size:16px;font-weight:600;color:#fafafa}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}.stats-grid{margin-bottom:32px}.stat-card{overflow:hidden}.stat-card:before{left:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.stat-label{font-size:13px;font-weight:500;color:#71717a;margin-bottom:8px}.stat-value{font-size:28px;font-weight:600;letter-spacing:-.02em}.stat-change{font-size:13px;margin-top:8px;display:flex;align-items:center;gap:4px}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.tabs{display:flex;gap:4px;padding:4px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:24px}.tab{flex:1 1;padding:10px 16px;font-size:14px;font-weight:500;color:#71717a;background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab:hover{color:#a1a1aa}.tab.active{background:#1c1c1c;color:#fafafa}.list-container{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden}.list-header{padding:16px 20px;background:#111;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-between}.list-title{font-size:14px;font-weight:600;color:#fafafa}.list-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);transition:background .2s ease}.list-item:last-child{border-bottom:none}.list-item:hover{background:hsla(0,0%,100%,.05)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;color:#a1a1aa;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:100px;transition:all .2s ease}.pill:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);padding:6px 10px;font-size:12px;font-weight:500;color:#fafafa;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.tooltip:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;margin-top:8px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:6px;box-shadow:0 16px 48px rgba(0,0,0,.4);z-index:100;animation:fadeIn .15s ease}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;color:#a1a1aa;border-radius:6px;cursor:pointer;transition:all .2s ease}.dropdown-item svg{width:16px;height:16px;color:#71717a}.dropdown-item:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.dropdown-item:hover svg{color:#a1a1aa}.dropdown-item.danger,.dropdown-item.danger svg{color:#ef4444}.dropdown-item.danger:hover{background:rgba(239,68,68,.1)}.dropdown-divider{height:1px;background:hsla(0,0%,100%,.08);margin:6px 0}.progress-bar{height:8px;background:#262626;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#34d399);border-radius:4px;transition:width .4s ease}.skeleton{background:linear-gradient(90deg,#171717 25%,#1c1c1c 50%,#171717 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px}.code-block{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.code-header{padding:10px 16px}.code-copy,.code-language{font-size:12px;font-weight:500;color:#71717a}.code-copy{padding:4px 10px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;cursor:pointer;transition:all .2s ease}.code-copy:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa}.code-content{padding:16px;overflow-x:auto}.code-content pre{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:#a1a1aa}.code-content code{font-family:inherit}code:not(pre code){font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em;padding:2px 6px;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#fafafa}@media(max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:flex!important}}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#a1a1aa;cursor:pointer}@media(max-width:900px){.mobile-menu-toggle{display:flex}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#525252}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-primary{color:#fafafa}.text-secondary{color:#a1a1aa}.text-muted{color:#71717a}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.rounded{border-radius:12px}.rounded-lg{border-radius:16px}.app-container{display:flex;min-height:100vh;background:#000}.sidebar{width:260px;background:#0a0a0a;border-right:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow:hidden}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translateX(0)}}.sidebar-header{height:64px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.sidebar .brand-logo{display:flex;align-items:center;gap:12px}.sidebar .logo-icon{width:32px;height:32px;border-radius:8px;background:#a5a5a5;border:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sidebar .logo-icon img{width:20px;height:20px;object-fit:contain}.sidebar .brand-info{flex:1 1;min-width:0}.sidebar .brand-name{font-size:14px;font-weight:600;color:#fafafa}.sidebar .brand-name,.sidebar .brand-website{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar .brand-website{font-size:11px;color:#52525b}.sidebar-nav{flex:1 1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;color:#71717a;border-radius:12px;transition:all .2s ease;position:relative}.nav-item svg{width:18px;height:18px;flex-shrink:0;color:#52525b;transition:color .2s ease}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa}.nav-item:hover svg{color:#71717a}.nav-item.active{background:hsla(0,0%,100%,.05);color:#fafafa}.nav-item.active svg{color:#a1a1aa}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fafafa;border-radius:0 2px 2px 0}.nav-item.secondary{color:#52525b}.nav-item.secondary:hover{color:#71717a}.nav-item.verification{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.nav-item.verification svg{color:#f59e0b}.nav-item.verification:hover{background:rgba(245,158,11,.15)}.verification-badge{margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#f59e0b;color:#000;border-radius:100px}.sidebar .divider{height:1px;background:hsla(0,0%,100%,.08);margin:12px 0}.sidebar-footer{padding:16px;border-top:1px solid hsla(0,0%,100%,.08)}.quota-container{padding:14px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.quota-container.quota-critical{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.quota-container.quota-high{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}.quota-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quota-label{font-size:12px;font-weight:500;color:#71717a}.quota-percentage{font-size:12px;font-weight:600;color:#a1a1aa}.quota-bar-container{height:4px;background:#262626;border-radius:2px;overflow:hidden;margin-bottom:10px}.quota-bar{height:100%;background:#22c55e;border-radius:2px;transition:width .4s ease,background .2s ease}.quota-high .quota-bar{background:#f59e0b}.quota-critical .quota-bar{background:#ef4444}.quota-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.quota-sent,.quota-total{font-size:11px;color:#52525b}.quota-remaining{font-size:11px;color:#71717a}.quota-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:#52525b}.spinner-small{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.08);border-top-color:#71717a;border-radius:50%;animation:spin .8s linear infinite}.brand-main-content{flex:1 1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column}@media(max-width:900px){.brand-main-content{margin-left:0}}.content-area{flex:1 1;padding:32px}@media(max-width:640px){.content-area{padding:20px 16px}}.campaigns-container{max-width:100%}.campaigns-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}@media(max-width:640px){.campaigns-header{flex-direction:column;align-items:stretch}}.search-container{flex:1 1;max-width:400px}@media(max-width:640px){.search-container{max-width:100%}}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input-wrapper .search-icon,.search-input-wrapper>svg:first-child{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#52525b;pointer-events:none;width:16px;height:16px;min-width:16px;min-height:16px;z-index:2;flex-shrink:0}.search-input{width:100%;padding:10px 14px 10px 36px!important;font-size:14px;color:#fafafa;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .2s ease}.search-input::placeholder{color:#52525b}.search-input:hover{border-color:hsla(0,0%,100%,.15)}.search-input:focus{outline:none;border-color:hsla(0,0%,100%,.3);background:#111;box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}.loading-section{padding:80px 24px;gap:16px}.loading-section p{font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;position:relative}.empty-state:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.empty-state.search-empty{padding:60px 24px}.empty-state .icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:50%;margin-bottom:24px}.empty-state .icon-wrapper svg{color:#71717a}.empty-state h2{font-size:20px;font-weight:600;color:#fafafa;margin-bottom:8px}.empty-state p{font-size:15px;color:#71717a;margin-bottom:28px;max-width:360px}.form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.form-modal{width:100%;max-width:480px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;animation:slideUp .3s ease;position:relative}.form-modal:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.modal-form-container{width:100%;padding:24px}.modal-form-body{padding-bottom:1rem}.modal-form-description{margin:0 0 1rem;font-size:14px;color:#71717a;line-height:1.5}.modal-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-form-header h2{font-size:18px;font-weight:600;color:#fafafa}.modal-form-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:#71717a;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-form-close:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa}.form-required{color:#ef4444;margin-left:2px}.form-help{font-size:13px;color:#52525b;margin-top:6px}.spinner-icon{animation:spin .8s linear infinite}.campaigns-table-container,.campaigns-table-wrapper{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;position:relative}.campaigns-table-container:before,.campaigns-table-wrapper:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:400px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table th{text-align:left;padding:14px 16px;font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em;background:#111;border-bottom:1px solid hsla(0,0%,100%,.08);white-space:nowrap}.campaigns-table th:first-child{padding-left:20px}.campaigns-table th:last-child{padding-right:20px}.campaigns-table td{padding:16px;font-size:14px;color:#a1a1aa;border-bottom:1px solid hsla(0,0%,100%,.08);vertical-align:middle}.campaigns-table td:first-child{padding-left:20px}.campaigns-table td:last-child{padding-right:20px}.campaigns-table tbody tr{transition:background .2s ease}.campaigns-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.campaigns-table tbody tr:last-child td{border-bottom:none}.campaign-info{display:flex;align-items:center;gap:12px}.campaign-details{flex:1 1;min-width:0}.campaign-subject{font-weight:500;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.status-badge.draft{background:rgba(82,82,91,.15);color:#71717a}.status-badge.draft:before{background:#52525b}.status-badge.scheduled{background:rgba(59,130,246,.15);color:#3b82f6}.status-badge.scheduled:before{background:#3b82f6}.status-badge.sending{background:rgba(59,130,246,.15);color:#3b82f6}.status-badge.sending:before{background:#3b82f6;animation:pulse 1.5s ease-in-out infinite}.status-badge.sent:before{background:#22c55e}.status-badge.queued{background:rgba(245,158,11,.15);color:#f59e0b}.status-badge.queued:before{background:#f59e0b}.status-badge.failed:before{background:#ef4444}.status-badge.warmup{background:rgba(59,130,246,.15);color:#3b82f6}.status-badge.warmup:before{background:#3b82f6}.stats-value{display:flex;align-items:center;gap:6px;font-size:13px;color:#a1a1aa}.stats-icon{color:#52525b}.action-buttons{gap:4px}.action-btn,.action-buttons{display:flex;align-items:center}.action-btn{width:32px;height:32px;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:8px;color:#52525b;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.action-btn.delete-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:16px 20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;flex-wrap:wrap}@media(max-width:640px){.pagination-container{flex-direction:column;align-items:stretch;gap:12px}}.pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#71717a}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-text{font-size:14px;color:#71717a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px}.loading-state p{color:#71717a;font-size:14px}.sequence-info{display:flex;flex-direction:column;gap:2px}.sequence-name{font-weight:500;color:#fafafa}.sequence-description{font-size:12px;color:#52525b}.stat-cell{display:flex;align-items:center;gap:6px}.stat-cell svg{width:14px;height:14px;flex-shrink:0}.stat-value{font-weight:500;font-size:14px;color:#fafafa}.stat-icon{color:#52525b;width:14px!important;height:14px!important}.stat-icon--success{color:#22c55e}.text-warning{color:#f59e0b}.status-badge.active{background:rgba(34,197,94,.15);color:#22c55e}.status-badge.active svg{color:#22c55e}.status-badge.paused{background:rgba(245,158,11,.15);color:#f59e0b}.status-badge.paused svg{color:#f59e0b}.status-badge.archived{background:rgba(82,82,91,.15);color:#71717a}.status-badge.archived svg{color:#71717a}.status-badge.delivered,.status-badge.sent{background:rgba(34,197,94,.15);color:#22c55e}.status-badge.failed{background:rgba(239,68,68,.15);color:#ef4444}.status-badge.pending{background:rgba(245,158,11,.15);color:#f59e0b}.logs-page-container{max-width:1200px}.logs-page-header{margin-bottom:1.5rem}.logs-page-header .back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#71717a;text-decoration:none;margin-bottom:.75rem;transition:color .2s ease}.logs-page-header .back-link:hover{color:#fafafa}.logs-page-title{font-size:1.25rem;font-weight:600;color:#fafafa;margin:0}.logs-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:1.5rem}@media(max-width:900px){.logs-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.logs-stats-grid{grid-template-columns:1fr}}.logs-stat-card{gap:12px;padding:14px 16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08)}.logs-stat-card,.logs-stat-icon{display:flex;align-items:center;border-radius:12px}.logs-stat-icon{width:36px;height:36px;justify-content:center;flex-shrink:0}.logs-stat-icon svg{width:16px;height:16px}.logs-stat-icon--sent{background:rgba(34,197,94,.1);color:#22c55e}.logs-stat-icon--opened{background:rgba(59,130,246,.1);color:#3b82f6}.logs-stat-icon--clicked{background:rgba(139,92,246,.1);color:#8b5cf6}.logs-stat-icon--bounced{background:rgba(239,68,68,.1);color:#ef4444}.logs-stat-content{display:flex;flex-direction:column;gap:2px}.logs-stat-value{font-size:1.125rem;font-weight:600;color:#fafafa}.logs-stat-label{font-size:12px;color:#71717a}.logs-section{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden}.logs-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.logs-section-header h2{font-size:14px;font-weight:600;color:#fafafa;margin:0}.filter-chevron{transition:transform .2s ease}.filter-chevron.open{transform:rotate(180deg)}.logs-filters{padding:12px 16px;background:#111;border-bottom:1px solid hsla(0,0%,100%,.08)}.logs-filters-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media(max-width:800px){.logs-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.logs-filters-grid{grid-template-columns:1fr}}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:11px;font-weight:500;color:#52525b;text-transform:uppercase;letter-spacing:.03em}.logs-table-wrapper{overflow-x:auto}.log-email{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:13px}.log-step{white-space:nowrap;color:#71717a;font-size:13px}.log-subject{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-date{white-space:nowrap;font-size:13px;color:#71717a}.event-indicators{align-items:center;gap:6px}.event-indicator{width:24px;height:24px;border-radius:4px;background:hsla(0,0%,100%,.05);color:#71717a}.event-indicator svg{width:12px;height:12px}.event-indicator--open{background:rgba(59,130,246,.15);color:#3b82f6}.event-indicator--click{background:rgba(139,92,246,.15);color:#8b5cf6}.event-indicator--bounce{background:rgba(239,68,68,.15);color:#ef4444}.event-indicator--complaint{background:rgba(245,158,11,.15);color:#f59e0b}.loading-inline{gap:10px;padding:40px 20px;color:#71717a;font-size:14px}.logs-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-top:1px solid hsla(0,0%,100%,.08)}.empty-state.compact{padding:40px 20px}.empty-state.compact p{margin:0}@media(max-width:900px){.campaigns-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.bounce-col,.openrate-col,.recipients-col,.unsub-col{display:none}}.alert--error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:14px;margin-bottom:20px}.alert--error svg{flex-shrink:0}.campaign-detail{max-width:1400px;margin:0 auto}.campaign-detail__nav{margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#52525b;text-decoration:none;font-size:14px;margin-bottom:16px;transition:color .2s ease}.back-link:hover{color:#a1a1aa}.campaign-detail__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.campaign-detail__title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.campaign-detail__title{margin:0;font-size:24px;font-weight:600;color:#fafafa;letter-spacing:-.02em}.detail-card{border-radius:16px;margin-bottom:24px;position:relative}.detail-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.detail-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.detail-card__header svg{color:#71717a}.detail-card__header h2{margin:0;font-size:16px;font-weight:500;color:#fafafa}.detail-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.detail-card__item{display:flex;flex-direction:column;gap:6px}.detail-card__item--action{display:flex;align-items:flex-end;justify-content:flex-start}.detail-card__label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.detail-card__label svg{width:14px;height:14px}.detail-card__value{font-size:14px;color:#fafafa;line-height:1.4}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:500;color:#fafafa}.section-title svg{color:#71717a}.stats-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.stat-card{background:hsla(0,0%,100%,.02);border-radius:16px;padding:20px;align-items:center;gap:16px;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.stat-card__icon--blue{background:rgba(59,130,246,.15);color:#60a5fa}.stat-card__icon--green{background:rgba(34,197,94,.15);color:#4ade80}.stat-card__icon--yellow{background:rgba(251,191,36,.15);color:#fbbf24}.stat-card__icon--gray{background:rgba(107,114,128,.15);color:#9ca3af}.stat-card__icon--red{background:rgba(239,68,68,.15);color:#f87171}.stat-card__content{flex:1 1}.stat-card__value{font-size:28px;font-weight:600;color:#fafafa;line-height:1;margin-bottom:4px}.stat-card__label{font-size:13px;color:#71717a}.stat-card__sub{font-size:12px;color:#52525b;margin-top:4px}.geo-section{margin-bottom:32px}.geo-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chevron{transition:transform .2s ease}.chevron--open{transform:rotate(180deg)}.filter-panel{padding:16px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:16px}.filter-panel--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.filter-panel__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-panel__field{flex:1 1;min-width:200px}.filter-panel__label{display:block;font-size:12px;font-weight:500;color:#71717a;margin-bottom:8px}.filter-panel__active{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.08)}.filter-panel__active-label{font-size:12px;color:#52525b}.filter-panel__active-value{font-size:12px;font-weight:500;color:#fafafa}.filter-panel__clear{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;display:flex;color:#52525b;font-size:18px;line-height:1;transition:color .2s ease}.filter-panel__clear:hover{color:#a1a1aa}.geo-tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;border-bottom:1px solid hsla(0,0%,100%,.08);padding-bottom:0}.geo-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);font-size:14px;color:#52525b;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.geo-tab svg{width:16px;height:16px}.geo-tab:hover{color:#a1a1aa}.geo-tab--active{color:#fafafa;font-weight:500;border-bottom-color:#fafafa}.geo-toggle{display:flex;gap:8px;margin-bottom:16px}.events-section{margin-top:32px}.events-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.events-section__actions{display:flex;gap:8px}.events-table-wrapper{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;position:relative}.events-table-wrapper:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);z-index:1}.event-type{display:flex;align-items:center;gap:8px;font-size:14px}.event-type svg{width:14px;height:14px}.event-type.event-open{color:#22c55e}.event-type.event-click{color:#60a5fa}.event-type.event-bounce{color:#ef4444}.event-type.event-complaint{color:#f59e0b}.event-type.event-delivery{color:#4ade80}.event-type.event-unsubscribe{color:#ef4444}.event-detail{font-size:13px;color:#52525b}.events-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.events-pagination__text{font-size:14px;color:#71717a}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.preview-modal{width:100%;max-width:700px;max-height:90vh;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;position:relative}.preview-modal:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.preview-modal__header h2{margin:0;font-size:18px;font-weight:600;color:#fafafa}.preview-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:12px;color:#71717a;cursor:pointer;transition:all .2s ease}.preview-modal__close:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.preview-modal__body{padding:24px;overflow-y:auto;flex:1 1}.preview-modal__subject{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.preview-modal__subject-label{font-size:13px;font-weight:500;color:#52525b;margin-right:8px}.preview-modal__subject-value{font-size:14px;color:#fafafa}.preview-modal__content{background:#fff;border-radius:12px;padding:24px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#1a1a1a}.preview-modal__content p{margin:0 0 1em}.preview-modal__content a{color:#2563eb}.campaign-editor{max-width:1200px;margin:0 auto}.campaign-editor--compact{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.campaign-editor__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.campaign-editor__loading p{margin:0;font-size:.9375rem;color:#71717a}.campaign-editor__header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;margin-bottom:16px}.campaign-editor__header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1}.campaign-editor__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#a1a1aa;transition:all .2s ease;flex-shrink:0}.campaign-editor__back:hover{background:#1c1c1c;color:#fafafa;border-color:hsla(0,0%,100%,.15)}.campaign-editor__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.campaign-editor__title{margin:0;font-size:15px;font-weight:600;color:#fafafa}.campaign-editor__subject,.campaign-editor__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-editor__subject{font-size:12px;color:#52525b}.campaign-editor__header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.campaign-editor__save-status{font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px}.campaign-editor__save-status--success{color:#4ade80;background:rgba(34,197,94,.1)}.campaign-editor__save-status--error{color:#f87171;background:rgba(239,68,68,.1)}.campaign-editor__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:12px;cursor:pointer;transition:all .2s ease;border:none}.campaign-editor__btn svg{flex-shrink:0}.campaign-editor__btn--secondary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:#a1a1aa}.campaign-editor__btn--secondary:hover:not(:disabled){background:#1c1c1c;color:#fafafa}.campaign-editor__btn--secondary:disabled{opacity:.6;cursor:not-allowed}.campaign-editor__btn--primary{background:#fafafa;color:#0a0a0a}.campaign-editor__btn--primary:hover{background:#a3a3a3}.campaign-editor__canvas{flex:1 1;min-height:0;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;position:relative;display:flex;flex-direction:column}.spin{animation:spin .8s linear infinite}.bubble-menu{gap:2px;padding:6px 8px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4)}.bubble-menu,.bubble-menu__btn{display:flex;align-items:center}.bubble-menu__btn{justify-content:center;width:28px;height:28px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .15s}.bubble-menu__btn:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.bubble-menu__btn.is-active{background:#1c1c1c;color:#fafafa}.bubble-menu__divider{width:1px;height:18px;background:hsla(0,0%,100%,.08);margin:0 4px}.bubble-menu-bar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.5)}.bubble-menu-bar__dropdown{position:relative}.bubble-menu-bar__dropdown-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:#a1a1aa;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.bubble-menu-bar__dropdown-btn:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.bubble-menu-bar__dropdown-btn svg{flex-shrink:0}.bubble-menu-bar__dropdown-btn--font{min-width:65px;font-size:11px}.bubble-menu-bar__dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:6px;z-index:1001}.bubble-menu-bar__dropdown-menu--font{min-width:150px}.bubble-menu-bar__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:#a1a1aa;font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.bubble-menu-bar__dropdown-item:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.bubble-menu-bar__dropdown-item.is-active{background:#1c1c1c;color:#fafafa}.bubble-menu-bar__dropdown-item svg{flex-shrink:0;color:#52525b}.bubble-menu-bar__dropdown-item.is-active svg,.bubble-menu-bar__dropdown-item:hover svg{color:#a1a1aa}.bubble-menu-bar__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(0,0,0,0);border:none;border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .15s}.bubble-menu-bar__btn:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.bubble-menu-bar__btn.is-active{background:#1c1c1c;color:#fafafa}.bubble-menu-bar__divider{width:1px;height:18px;background:hsla(0,0%,100%,.08);margin:0 4px}.bubble-menu-bar--link{gap:6px}.bubble-menu-bar__link-input{flex:1 1;min-width:200px;padding:6px 10px;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#fafafa;font-size:13px;outline:none;transition:border-color .15s}.bubble-menu-bar__link-input::placeholder{color:#52525b}.bubble-menu-bar__link-input:focus{border-color:#71717a}.bubble-menu-bar__btn--confirm{color:#22c55e}.bubble-menu-bar__btn--confirm:hover{background:rgba(34,197,94,.15);color:#22c55e}.bubble-menu-bar__btn--remove{color:#ef4444}.bubble-menu-bar__btn--remove:hover{background:rgba(239,68,68,.15);color:#ef4444}.bubble-menu-bar__color-indicator{position:absolute;bottom:2px;right:2px;width:6px;height:6px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.bubble-menu-bar__btn{position:relative}.bubble-menu-bar__color-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);padding:10px;z-index:1001;min-width:160px}.bubble-menu-bar__color-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.bubble-menu-bar__color-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.bubble-menu-bar__color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bubble-menu-bar__color-swatch:hover{transform:scale(1.1);border-color:hsla(0,0%,100%,.3)}.bubble-menu-bar__color-swatch.is-active{box-shadow:0 0 0 2px #111,0 0 0 4px #a1a1aa}.bubble-menu-bar__color-swatch svg{color:#52525b}.bubble-menu-bar__color-default{font-size:12px;font-weight:600;color:#111}.slash-menu{width:280px;max-height:320px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);overflow:hidden;z-index:1000}.slash-menu__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em}.slash-menu__header kbd{font-family:inherit;font-size:10px;padding:2px 6px;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#71717a}.slash-menu__list{max-height:270px;overflow-y:auto;padding:6px}.slash-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.slash-menu__item--selected,.slash-menu__item:hover{background:hsla(0,0%,100%,.05)}.slash-menu__item--selected{background:#1c1c1c}.slash-menu__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#a1a1aa;flex-shrink:0}.slash-menu__item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.slash-menu__item-label{font-size:13px;font-weight:500;color:#fafafa}.slash-menu__item-description{font-size:11px;color:#52525b}.slash-menu__empty{padding:16px;text-align:center;font-size:13px;color:#52525b}.editorContainer--minimal{display:flex;flex-direction:column;flex:1 1;min-height:100%}.editorContainer--minimal .editorWrapper{flex:1 1;display:flex;flex-direction:column}.editorContainer--minimal .tipTapEditor{flex:1 1}.editorContainer--minimal .tipTapEditor .ProseMirror{min-height:400px;padding:32px}.tipTapEditor--focused .ProseMirror,.tipTapEditor--focused .ProseMirror:focus{outline:none}.unified-editor{display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;background:#111;border-radius:16px;overflow:hidden}.editor-mode-selector{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08)}.editor-mode-selector--compact{padding:8px 12px;justify-content:flex-start}.mode-tabs{display:flex;gap:2px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:3px}.mode-tab{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:#52525b;background:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.mode-tab svg{width:14px;height:14px}.mode-tab:hover:not(:disabled){color:#a1a1aa;background:hsla(0,0%,100%,.05)}.mode-tab.active{color:#fafafa;background:#1c1c1c;box-shadow:0 1px 2px rgba(0,0,0,.3)}.mode-tab:disabled{opacity:.5;cursor:not-allowed}.editor-content-area{flex:1 1}.editor-content-area,.editorContainer{display:flex;flex-direction:column;overflow:hidden;min-height:0}.editorContainer{flex:1 1;height:100%}.editorLoading{justify-content:center;padding:60px 24px;color:#71717a;font-size:14px}.editorLoading,.editorToolbar{display:flex;align-items:center}.editorToolbar{flex-wrap:wrap;gap:4px;padding:10px 14px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08);position:-webkit-sticky;position:sticky;top:0;z-index:10;flex-shrink:0}.toolbarButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease}.toolbarButton svg{width:16px;height:16px}.toolbarButton:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.toolbarButton.isActive{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#fafafa}.toolbarDivider{width:1px;height:24px;background:hsla(0,0%,100%,.08);margin:0 6px}.fontFamilyContainer{display:flex;align-items:center}.fontFamilySelect{padding:6px 10px;font-size:13px;color:#a1a1aa;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px}.fontFamilySelect:hover{border-color:hsla(0,0%,100%,.15)}.fontFamilySelect:focus{outline:none;border-color:hsla(0,0%,100%,.3);box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}.fontFamilySelect option{background:#111;color:#a1a1aa}.editorWrapper{flex:1 1;display:flex;flex-direction:column;background:#fff;overflow-y:auto;overflow-x:hidden}.resizeHandleWrapper{position:relative}.tipTapEditor{flex:1 1;min-height:350px}.tipTapEditor .ProseMirror{min-height:350px;padding:24px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#1a1a1a;outline:none}.tipTapEditor .ProseMirror:focus{outline:none}.tipTapEditor .ProseMirror ::selection,.tipTapEditor .ProseMirror::selection{background:#3b82f6!important;color:#fff!important}.tipTapEditor .ProseMirror ::-moz-selection,.tipTapEditor .ProseMirror::-moz-selection{background:#3b82f6!important;color:#fff!important}.tipTapEditor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.tipTapEditor .ProseMirror h1{font-size:2em;font-weight:700;margin:1em 0 .5em}.tipTapEditor .ProseMirror h2{font-size:1.5em;font-weight:600;margin:1em 0 .5em}.tipTapEditor .ProseMirror h3{font-size:1.25em;font-weight:600;margin:1em 0 .5em}.tipTapEditor .ProseMirror p{margin:0 0 1em}.tipTapEditor .ProseMirror ol,.tipTapEditor .ProseMirror ul{padding-left:1.5em;margin:0 0 1em}.tipTapEditor .ProseMirror li{margin:.25em 0}.tipTapEditor .ProseMirror .editor-link,.tipTapEditor .ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer}.tipTapEditor .ProseMirror .editor-link:hover,.tipTapEditor .ProseMirror a:hover{color:#1d4ed8}.tipTapEditor .ProseMirror blockquote{border-left:3px solid #e5e5e5;padding-left:1em;margin:1em 0;font-style:italic;color:#666}.tipTapEditor .ProseMirror code{font-family:Courier New,monospace;background:#f5f5f5;padding:.2em .4em;border-radius:4px;font-size:.9em}.tipTapEditor .ProseMirror pre{background:#1a1a1a;color:#f5f5f5;padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.tipTapEditor .ProseMirror pre code{background:none;padding:0;color:inherit}.image-container{display:inline-block;position:relative;cursor:pointer;margin:.5em 0}.image-container:hover{outline:2px solid #2563eb;outline-offset:2px}.editor-image{display:block;max-width:100%;height:auto;border-radius:4px}.editor-image[data-resizable]{cursor:move}.ProseMirror-selectednode .image-container,.ProseMirror-selectednode.image-container{outline:2px solid #2563eb;outline-offset:2px}.html-editor-container{display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;background:#0a0a0a}.html-editor-container--loading{display:flex;align-items:center;justify-content:center}.html-editor-loading{color:#71717a;font-size:14px}.html-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08)}.html-editor-toolbar--compact{padding:8px 12px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:#52525b;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer;transition:all .2s ease}.toolbar-btn svg{width:14px;height:14px}.toolbar-btn:hover:not(:disabled){background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.toolbar-btn.active{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#fafafa}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn--primary{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.toolbar-btn--primary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);color:#fafafa}.html-editor-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2);color:#f87171;font-size:13px}.html-editor-error svg{flex-shrink:0}.html-editor-content{flex:1 1;display:flex;flex-direction:column;min-height:400px;height:100%}.html-editor-content--split{flex-direction:row}.html-editor-code{flex:1 1;min-height:400px;background:#111;position:relative}.html-editor-content--split .html-editor-code{flex:1 1;min-width:0;border-right:1px solid hsla(0,0%,100%,.08)}.html-editor-preview{display:flex;flex-direction:column;flex:1 1;min-width:0;background:#111}.html-editor-preview__header{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:12px;font-weight:500;color:#71717a}.html-editor-preview__content{flex:1 1;overflow:auto;background:#fff}.html-editor-preview__frame{padding:24px;min-height:100%;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#1a1a1a}.html-editor-preview__frame h1,.html-editor-preview__frame h2,.html-editor-preview__frame h3,.html-editor-preview__frame h4,.html-editor-preview__frame h5,.html-editor-preview__frame h6{margin:0 0 .5em;color:#1a1a1a}.html-editor-preview__frame p{margin:0 0 1em}.html-editor-preview__frame a{color:#2563eb}.html-editor-preview__frame img{max-width:100%;height:auto}.html-editor-preview__frame table{border-collapse:collapse;width:100%}.html-editor-preview__frame td,.html-editor-preview__frame th{padding:8px;border:1px solid #e5e5e5}.react-email-editor{display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;background:#0a0a0a}.react-email-editor--loading{display:flex;align-items:center;justify-content:center}.react-email-loading{color:#71717a;font-size:14px}.react-email-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08)}.react-email-toolbar__left,.react-email-toolbar__right{display:flex;align-items:center;gap:6px}.react-email-toolbar__btn{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:#52525b;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer;transition:all .2s ease}.react-email-toolbar__btn svg{width:14px;height:14px}.react-email-toolbar__btn:hover:not(:disabled){background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.react-email-toolbar__btn.active{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#fafafa}.react-email-toolbar__btn:disabled{opacity:.5;cursor:not-allowed}.react-email-toolbar__btn--primary{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.react-email-toolbar__btn--primary:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);color:#fafafa}.react-email-toolbar__lang-toggle{display:flex;align-items:center;background:#171717;border-radius:4px;padding:2px;margin-right:8px}.react-email-toolbar__lang-btn{padding:4px 8px;font-size:11px;font-weight:600;color:#52525b;background:rgba(0,0,0,0);border:none;border-radius:3px;cursor:pointer;transition:all .2s ease}.react-email-toolbar__lang-btn:hover{color:#a1a1aa}.react-email-toolbar__lang-btn.active{background:#262626;color:#fafafa}.react-email-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2);color:#f87171;font-size:13px}.react-email-error svg{flex-shrink:0}.react-email-content{flex:1 1;display:flex;flex-direction:column;min-height:400px;height:100%}.react-email-content--split{flex-direction:row}.react-email-code{flex:1 1;min-height:400px;background:#111;position:relative}.react-email-content--split .react-email-code{flex:1 1;min-width:0;border-right:1px solid hsla(0,0%,100%,.08)}.react-email-preview{display:flex;flex-direction:column;flex:1 1;min-width:0;background:#111}.react-email-preview__header{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:12px;font-weight:500;color:#71717a}.react-email-preview__content{flex:1 1;overflow:auto;background:#fff}.react-email-preview__iframe{width:100%;height:100%;min-height:400px;border:none;background:#fff}.react-email-preview__empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;color:#71717a;font-size:14px;background:#111}.spin{animation:spin 1s linear infinite}.email-button{display:inline-block;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.email-button.primary{background:#2563eb;color:#fff;border:none}.email-button.primary:hover{background:#1d4ed8}.email-button.secondary{background:rgba(0,0,0,0);color:#2563eb;border:2px solid #2563eb}.email-button.secondary:hover{background:#2563eb;color:#fff}.sc-container{max-width:1400px;margin:0 auto}.sc-header{margin-bottom:24px}.sc-header h1{margin:0;font-size:24px;font-weight:600;color:#fafafa;letter-spacing:-.02em}.sc-back-link{display:inline-flex;align-items:center;gap:8px;color:#52525b;text-decoration:none;font-size:14px;margin-bottom:16px;transition:color .2s ease}.sc-back-link:hover{color:#a1a1aa}.sc-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:20px}.sc-alert button{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease}.sc-alert button:hover{opacity:1}.sc-alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171}.sc-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#4ade80}.sc-verification-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px;color:#fbbf24;font-size:14px;margin-bottom:20px}.sc-main-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media(max-width:1024px){.sc-main-layout{grid-template-columns:1fr}}.sc-options-column,.sc-preview-column{display:flex;flex-direction:column;gap:20px}.sc-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;position:relative}.sc-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.sc-card-compact .sc-card-header{padding:14px 20px}.sc-card-compact .sc-card-content{padding:16px 20px}.sc-card-header{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sc-card-header svg{color:#71717a}.sc-card-header h2{margin:0;font-size:16px;font-weight:500;color:#fafafa}.sc-card-content{padding:20px 24px}.sc-sticky{position:-webkit-sticky;position:sticky;top:32px}.sc-details-grid{gap:12px}.sc-detail-item,.sc-details-grid{display:flex;flex-direction:column}.sc-detail-item{gap:4px}.sc-detail-label{font-size:11px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.sc-detail-value{font-size:14px;color:#fafafa}.sc-preview-wrapper{display:flex;flex-direction:column;gap:12px}.sc-preview-label{font-size:12px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.sc-email-preview{background:#fff;border-radius:12px;padding:24px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#1a1a1a;max-height:300px;overflow-y:auto}.sc-email-preview p{margin:0 0 1em}.sc-email-preview a{color:#2563eb}.sc-test-email-section{display:flex;flex-direction:column;gap:12px}.sc-test-email-header{display:flex;align-items:center;justify-content:space-between}.sc-test-success{gap:6px;color:#4ade80}.sc-test-error,.sc-test-success{display:flex;align-items:center;font-size:13px}.sc-test-error{gap:8px;padding:8px 12px;background:rgba(239,68,68,.1);border-radius:6px;color:#f87171}.sc-test-email-form{display:flex;gap:8px}.sc-test-email-form input{flex:1 1}.sc-test-help{margin:0;font-size:12px;color:#52525b}.sc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;gap:12px}.sc-loading p{margin:0;font-size:14px;color:#71717a}.sc-spinner{width:24px;height:24px;border:2px solid hsla(0,0%,100%,.08);border-top-color:#71717a;border-radius:50%;animation:spin .8s linear infinite}.sc-empty{text-align:center;padding:24px}.sc-empty p{margin:0 0 16px;font-size:14px;color:#71717a}.sc-lists{display:flex;flex-direction:column;gap:8px}.sc-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.sc-list-item:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.sc-list-item.sc-selected{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.08)}.sc-list-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.sc-list-name{font-size:14px;font-weight:500;color:#fafafa}.sc-list-count{font-size:12px;color:#52525b}.sc-segment-badge{font-size:10px;padding:2px 6px;margin-left:8px}.sc-segment-badge--static{background:rgba(59,130,246,.15)}.sc-segment-badge--dynamic{background:rgba(168,85,247,.15);color:#a855f7}.sc-summary{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:16px}.sc-summary strong{color:#fafafa}.sc-summary-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sc-summary-detail{font-size:12px;color:#52525b}.sc-schedule-options{display:flex;flex-direction:column;gap:8px}.sc-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.sc-option:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.sc-option.sc-selected{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.08)}.sc-option .form-radio{margin-top:2px}.sc-option-content{display:flex;align-items:flex-start;gap:12px;flex:1 1}.sc-option-content svg{color:#71717a;margin-top:2px}.sc-option-info{display:flex;flex-direction:column;gap:2px}.sc-option-title{font-size:14px;font-weight:500;color:#fafafa}.sc-option-desc{font-size:12px;color:#52525b}.sc-schedule-config{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}.date-time-selection{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.date-picker-wrapper,.time-picker-wrapper{display:flex;flex-direction:column;gap:6px}.date-picker-wrapper label,.time-picker-wrapper label{font-size:12px;font-weight:500;color:#71717a}.date-picker,.time-picker{width:100%;padding:10px 14px;font-size:14px;color:#fafafa;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .2s ease}.date-picker:focus,.time-picker:focus{outline:none;border-color:hsla(0,0%,100%,.3);box-shadow:0 0 0 3px hsla(0,0%,100%,.05)}.react-datepicker-wrapper{width:100%}.react-datepicker{background:#111!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:12px!important;font-family:inherit!important}.react-datepicker__header{background:#0a0a0a!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important}.react-datepicker-time__header,.react-datepicker__current-month,.react-datepicker__day-name{color:#fafafa!important}.react-datepicker__day{color:#a1a1aa!important}.react-datepicker__day:hover{background:hsla(0,0%,100%,.05)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:#3b82f6!important;color:#fff!important}.react-datepicker__day--disabled{color:#52525b!important}.react-datepicker__time-container{border-left:1px solid hsla(0,0%,100%,.08)!important}.react-datepicker__time-list-item{color:#a1a1aa!important}.react-datepicker__time-list-item:hover{background:hsla(0,0%,100%,.05)!important}.react-datepicker__time-list-item--selected{background:#3b82f6!important;color:#fff!important}.react-datepicker__navigation-icon:before{border-color:#71717a!important}.sc-warmup-options{margin-top:16px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}.sc-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);border-radius:12px;font-size:13px;color:#60a5fa;margin-bottom:16px}.sc-info-box svg{flex-shrink:0;margin-top:1px}.sc-warmup-config{margin-bottom:16px}.sc-warmup-form{display:flex;flex-direction:column;gap:12px}.sc-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.sc-warmup-schedule{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.sc-warmup-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08)}.sc-warmup-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:#111}.sc-stat-value{font-size:24px;font-weight:600;color:#fafafa}.sc-stat-label{font-size:11px;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.sc-warmup-stages-container{padding:12px}.sc-warmup-stages-header{display:grid;grid-template-columns:60px 1fr 80px 80px;grid-gap:8px;gap:8px;padding:8px 12px;font-size:10px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.5px}.sc-warmup-stages{display:flex;flex-direction:column;gap:4px}.sc-warmup-stage{display:grid;grid-template-columns:60px 1fr 80px 80px;grid-gap:8px;gap:8px;padding:10px 12px;background:hsla(0,0%,100%,.02);border-radius:6px;font-size:13px;color:#a1a1aa}.sc-warmup-more{padding:10px 12px;font-size:12px;color:#52525b;text-align:center}.sc-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;text-decoration:none}.sc-btn:disabled{opacity:.5;cursor:not-allowed}.sc-btn-cancel{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.08);color:#71717a}.sc-btn-cancel:hover:not(:disabled){background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#a1a1aa}.sc-btn-send{background:linear-gradient(104deg,rgba(253,253,253,.05) 5%,rgba(240,240,228,.1));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.1);color:#fafafa}.sc-btn-send:hover:not(:disabled){background:hsla(0,0%,100%,.95);color:#000;border-color:hsla(0,0%,100%,.2)}.sc-spinner-btn{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fafafa;border-radius:50%;animation:spin .8s linear infinite}.sc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.sc-modal{width:100%;max-width:500px;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;animation:slideUp .3s ease;position:relative}.sc-modal:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.sc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sc-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fafafa}.sc-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:12px;color:#71717a;cursor:pointer;transition:all .2s ease}.sc-close-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);color:#a1a1aa}.sc-modal-content{padding:24px}.sc-confirmation-message{text-align:center}.sc-confirmation-message>svg{margin-bottom:16px}.sc-confirmation-message>svg.send-icon{color:#4ade80}.sc-confirmation-message>svg.schedule-icon{color:#60a5fa}.sc-confirmation-message>svg.warmup-icon{color:#fbbf24}.sc-confirmation-message>p{font-size:14px;color:#a1a1aa;line-height:1.6;margin:0 0 20px}.sc-campaign-summary{text-align:left;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px;margin-bottom:16px}.sc-summary-item{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:13px}.sc-summary-item:last-child{border-bottom:none}.sc-summary-label{color:#52525b;min-width:100px}.sc-summary-value{color:#fafafa;flex:1 1}.sc-warmup-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.15);border-radius:12px;font-size:13px;color:#fbbf24;text-align:left}.sc-warmup-notice svg{flex-shrink:0;margin-top:1px}.sc-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.sc-btn-secondary{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.08);color:#71717a}.sc-btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#a1a1aa}.sc-btn-confirm{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.sc-btn-confirm:hover{background:#2563eb;border-color:#2563eb}.form-input--small{padding:8px 12px;font-size:13px}.button--small{padding:8px 14px;font-size:13px}.sc-alert-close{background:none;border:none;cursor:pointer;margin-left:auto;color:currentColor;opacity:.7;transition:opacity .2s ease;padding:4px;display:flex;align-items:center;justify-content:center}.sc-alert-close:hover{opacity:1}.sc-card-content--bordered{margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.08)}.sc-no-content{color:#52525b;font-style:italic}.sc-header-optional{font-size:.75rem;color:#52525b;margin-left:.5rem;font-weight:400}.sc-segment-badge{font-size:.625rem;padding:2px 8px;border-radius:4px;margin-left:.5rem;text-transform:uppercase;font-weight:500;letter-spacing:.02em}.sc-segment-badge--static{background:rgba(96,165,250,.15);color:#60a5fa}.sc-segment-badge--dynamic{background:rgba(167,139,250,.15);color:#a78bfa}.sc-empty--segments{padding:1.5rem;text-align:center}.sc-empty-icon{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(145deg,#171717,#111111);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#71717a;border:1px solid hsla(0,0%,100%,.08)}.sc-empty-title{margin:0 0 .5rem;font-size:.875rem;color:#a1a1aa}.sc-empty-desc{margin:0 0 1rem;font-size:.75rem;color:#52525b}.sc-empty-action{display:inline-flex;align-items:center;gap:.375rem}.sc-manage-link{margin-top:.75rem;padding-top:.75rem;border-top:1px solid hsla(0,0%,100%,.08)}.sc-manage-link-anchor{font-size:.75rem;color:#71717a;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s ease}.sc-manage-link-anchor:hover{color:#a1a1aa}.sc-recipients-summary{padding:1rem;background:hsla(0,0%,100%,.02);border-radius:12px;margin-bottom:1rem;border:1px solid hsla(0,0%,100%,.08)}.sc-recipients-total{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#fafafa}.sc-recipients-breakdown{font-size:.75rem;color:#52525b}.form-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid hsla(0,0%,100%,.25);border-radius:4px;background:hsla(0,0%,100%,.08);cursor:pointer;position:relative;transition:all .2s ease}.form-checkbox:hover{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.12)}.form-checkbox:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-checkbox:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.form-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0}.form-checkbox:disabled{opacity:.5;cursor:not-allowed}.form-radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid hsla(0,0%,100%,.25);border-radius:50%;background:hsla(0,0%,100%,.08);cursor:pointer;position:relative;transition:all .2s ease}.form-radio:hover{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.12)}.form-radio:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-radio:checked{border-color:#3b82f6;background:hsla(0,0%,100%,.08)}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 6px rgba(59,130,246,.5)}.form-radio:disabled{opacity:.5;cursor:not-allowed}.sc-list-item.sc-selected .form-checkbox:checked,.sc-list-item.sc-selected .form-radio:checked,.sc-option.sc-selected .form-checkbox:checked,.sc-option.sc-selected .form-radio:checked{box-shadow:0 0 8px rgba(59,130,246,.3)}.contacts-tabs{display:inline-flex;gap:4px;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:4px;margin-bottom:1.25rem}.contacts-tab{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;font-weight:500;color:#71717a;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;transition:all .15s ease}.contacts-tab svg{width:14px;height:14px}.contacts-tab:hover:not(.active){color:#a1a1aa;background:hsla(0,0%,100%,.03)}.contacts-tab.active{background:hsla(0,0%,100%,.08);color:#fafafa}.contacts-tab.active .contacts-tab-count{background:hsla(0,0%,100%,.15);color:#fafafa}.contacts-tab-count{font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:4px;background:hsla(0,0%,100%,.06);color:#52525b;transition:all .15s ease}.contacts-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.contacts-alert--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.contacts-alert--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.contacts-alert-close{background:none;border:none;cursor:pointer;margin-left:auto;color:currentColor;opacity:.7;padding:4px;display:flex;align-items:center}.contacts-alert-close:hover{opacity:1}.contacts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.contacts-loading p{margin:0;font-size:.9375rem;color:#71717a}.contacts-empty{flex-direction:column;padding:4rem 2rem;text-align:center}.contacts-empty,.contacts-empty-icon{display:flex;align-items:center;justify-content:center}.contacts-empty-icon{width:4rem;height:4rem;border-radius:1rem;background:linear-gradient(145deg,#171717,#111111);border:1px solid hsla(0,0%,100%,.08);color:#71717a;margin-bottom:1.5rem}.contacts-empty-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:500;color:#fafafa}.contacts-empty-desc{margin:0 0 1.5rem;font-size:.9375rem;color:#71717a;max-width:400px}.contacts-search-empty{padding:3rem 2rem}.contacts-search-empty .contacts-empty-title{font-size:1.25rem}.list-name-cell .list-name{font-weight:500;color:#fafafa;text-decoration:none;transition:color .2s ease}.list-name-cell .list-name:hover{color:#3b82f6}.list-name-cell .list-description{font-size:.75rem;color:#52525b;margin-top:2px}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge--active{background:rgba(34,197,94,.15);color:#4ade80}.status-badge--inactive{background:rgba(113,113,122,.15);color:#71717a}.segment-type-badge{font-size:.6875rem;padding:3px 8px;border-radius:4px;text-transform:uppercase;font-weight:500;letter-spacing:.02em}.segment-type-badge--static{background:rgba(96,165,250,.15);color:#60a5fa}.segment-type-badge--dynamic{background:rgba(167,139,250,.15);color:#a78bfa}.contact-list-pills{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.contact-list-pill{background:#171717;color:#a1a1aa;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.contact-list-pill,.contact-list-pill-more{font-size:.6875rem;padding:3px 8px;border-radius:4px}.contact-list-pill-more{background:#1c1c1c;color:#71717a}.contact-list-all{font-style:italic}.contact-list-all,.rule-description{font-size:.8125rem;color:#52525b}.contacts-action-buttons{display:flex;gap:.5rem;align-items:center}.contacts-action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:#71717a;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.contacts-action-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#a1a1aa}.contacts-action-btn.delete-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.segment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.segment-modal{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;width:100%;max-width:750px;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .3s ease;position:relative}.segment-modal:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.segment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.segment-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fafafa}.segment-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#71717a;transition:all .2s ease}.segment-modal-close:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa}.segment-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.segment-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#fafafa}.segment-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02);flex-shrink:0}.segment-form-group{margin-bottom:1.25rem}.segment-form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#a1a1aa}.segment-form-required{color:#ef4444;margin-left:2px}.segment-form-help,.segment-form-hint{margin:0 0 .75rem;font-size:.8125rem;color:#52525b}.segment-form-input,.segment-form-textarea{width:100%;padding:.625rem .875rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:.9375rem;color:#fafafa;transition:all .2s ease}.segment-form-input::placeholder,.segment-form-textarea::placeholder{color:#52525b}.segment-form-input:focus,.segment-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.segment-form-textarea{resize:vertical;min-height:60px}.segment-list-chips{display:flex;flex-wrap:wrap;gap:.5rem}.segment-list-chip{padding:.5rem .875rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:#0a0a0a;cursor:pointer;font-size:.8125rem;color:#a1a1aa;display:flex;align-items:center;gap:.375rem;transition:all .2s ease}.segment-list-chip:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.segment-list-chip.selected{border:2px solid #3b82f6;background:rgba(59,130,246,.1);color:#fafafa}.segment-list-chip-count{color:#52525b;font-size:.75rem}.segment-no-lists{margin:0;font-size:.8125rem;color:#52525b;font-style:italic}.segment-match-type{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.segment-match-label{font-size:.875rem;color:#71717a}.segment-match-select{padding:.5rem .75rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:.875rem;color:#fafafa}.segment-match-select:focus{outline:none;border-color:#3b82f6}.segment-custom-fields-info{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:1rem;font-size:.8125rem;color:#60a5fa}.segment-rules{display:flex;flex-direction:column;gap:.75rem}.segment-rule{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem;background:#0a0a0a;flex-wrap:wrap}.segment-rule,.segment-rule-input,.segment-rule-select{border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.segment-rule-input,.segment-rule-select{flex:1 1 130px;min-width:130px;padding:.5rem .75rem;background:#111;font-size:.875rem;color:#fafafa;transition:all .2s ease}.segment-rule-input:focus,.segment-rule-select:focus{outline:none;border-color:#3b82f6}.segment-rule-input::placeholder,.segment-rule-select::placeholder{color:#52525b}.segment-rule-input--value{flex:2 1 150px;min-width:150px}.segment-rule-select--field{flex:1 1 130px;min-width:130px}.segment-rule-select--custom,.segment-rule-select--operator{flex:1 1 140px;min-width:140px}.segment-rule-select--warning{background:rgba(251,191,36,.1);border-color:#fbbf24}.segment-rule-remove{padding:.5rem;background:rgba(0,0,0,0);border:none;cursor:pointer;color:#ef4444;display:flex;align-items:center;border-radius:12px;transition:background .2s ease}.segment-rule-remove:hover{background:rgba(239,68,68,.1)}.segment-rules-empty{padding:1.5rem;text-align:center;background:#0a0a0a;border:1px dashed hsla(0,0%,100%,.08);border-radius:12px}.segment-rules-empty p{margin:0;font-size:.875rem;color:#52525b}.segment-add-rule-btn{align-self:flex-start;display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:.8125rem;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.segment-add-rule-btn:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#fafafa}.segment-btn-cancel{padding:.625rem 1.25rem;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:.875rem;font-weight:500;color:#71717a;cursor:pointer;transition:all .2s ease}.segment-btn-cancel:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.15);color:#a1a1aa}.segment-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.segment-btn-submit{padding:.625rem 1.25rem;background:#3b82f6;border:none;border-radius:12px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.segment-btn-submit:hover{background:#2563eb}.segment-btn-submit:disabled{opacity:.6;cursor:not-allowed}.segment-form-error{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:.875rem}.cld-header{margin-bottom:1.5rem}.cld-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#71717a;text-decoration:none;font-size:.8125rem;margin-bottom:1rem;transition:color .2s ease}.cld-back-link:hover{color:#a1a1aa}.cld-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:500;color:#fafafa}.cld-description{margin:0 0 .5rem;font-size:.9375rem;color:#71717a}.cld-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#52525b}.cld-status-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:4px}.cld-status-filters::-webkit-scrollbar{height:4px}.cld-status-filters::-webkit-scrollbar-track{background:#0a0a0a;border-radius:2px}.cld-status-filters::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:2px}.cld-status-card{padding:.625rem 1rem;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:#0a0a0a;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:90px}.cld-status-card:hover{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05)}.cld-status-card.active{border-width:2px}.cld-status-card--all.active{border-color:#fafafa;background:hsla(0,0%,100%,.05)}.cld-status-card--active.active{border-color:#22c55e;background:rgba(34,197,94,.1)}.cld-status-card--unsubscribed.active{border-color:#f59e0b;background:rgba(245,158,11,.1)}.cld-status-card--bounced.active,.cld-status-card--complained.active{border-color:#ef4444;background:rgba(239,68,68,.1)}.cld-status-count{font-size:1.125rem;font-weight:600;color:#fafafa}.cld-status-card--active .cld-status-count{color:#22c55e}.cld-status-card--unsubscribed .cld-status-count{color:#f59e0b}.cld-status-card--bounced .cld-status-count,.cld-status-card--complained .cld-status-count{color:#ef4444}.cld-status-label{font-size:.6875rem;color:#52525b;text-transform:uppercase;letter-spacing:.05em}.cld-status-card--active .cld-status-label{color:#22c55e}.cld-status-card--unsubscribed .cld-status-label{color:#f59e0b}.cld-status-card--bounced .cld-status-label,.cld-status-card--complained .cld-status-label{color:#ef4444}.cld-tabs{display:inline-flex;gap:4px;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:4px;margin-bottom:1.25rem}.cld-tab{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;font-weight:500;color:#71717a;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;transition:all .15s ease}.cld-tab svg{width:14px;height:14px}.cld-tab:hover:not(.active){color:#a1a1aa;background:hsla(0,0%,100%,.03)}.cld-tab.active{background:hsla(0,0%,100%,.08);color:#fafafa}.cld-table-wrapper{overflow-x:auto;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;background:#0a0a0a}.cld-status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.cld-status-badge--active{background:rgba(34,197,94,.15);color:#22c55e}.cld-status-badge--unsubscribed{background:rgba(245,158,11,.15);color:#f59e0b}.cld-status-badge--bounced,.cld-status-badge--complained{background:rgba(239,68,68,.15);color:#ef4444}.cld-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.cld-loading p{margin:0;font-size:.9375rem;color:#71717a}.cld-empty{flex-direction:column;padding:4rem 2rem;text-align:center}.cld-empty,.cld-empty-icon{display:flex;align-items:center;justify-content:center}.cld-empty-icon{width:4rem;height:4rem;border-radius:1rem;background:#171717;color:#71717a;margin-bottom:1.5rem}.cld-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:500;color:#fafafa}.cld-empty-desc{margin:0 0 1.5rem;font-size:.9375rem;color:#71717a;max-width:400px}.cld-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem}.cld-pagination-info{font-size:.875rem;color:#71717a}.cld-dropdown{position:relative}.cld-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.25rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);min-width:180px;z-index:100;overflow:hidden}.cld-dropdown-item{width:100%;padding:.625rem .875rem;display:flex;align-items:center;gap:.625rem;background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:.8125rem;color:#a1a1aa;transition:all .15s ease;text-align:left}.cld-dropdown-item:hover{background:hsla(0,0%,100%,.05);color:#fafafa}.cld-action-buttons{display:flex;gap:.25rem}.cld-action-btn{padding:.375rem;background:rgba(0,0,0,0);border:none;border-radius:12px;cursor:pointer;color:#71717a;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cld-action-btn:hover{background:hsla(0,0%,100%,.05);color:#a1a1aa}.cld-action-btn--activate{color:#22c55e}.cld-action-btn--activate:hover{background:rgba(34,197,94,.1)}.cld-action-btn--unsubscribe{color:#f59e0b}.cld-action-btn--unsubscribe:hover{background:rgba(245,158,11,.1)}.cld-action-btn--delete{color:#ef4444}.cld-action-btn--delete:hover{background:rgba(239,68,68,.1)}.cld-search-clear{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:#71717a;transition:color .2s ease}.cld-search-clear:hover{color:#a1a1aa}.cld-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.cld-alert--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.cld-alert--success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.cld-alert-close{background:none;border:none;cursor:pointer;margin-left:auto;color:currentColor;opacity:.7;padding:4px;display:flex;align-items:center}.cld-alert-close:hover{opacity:1}.chart-wrapper{margin-bottom:1.5rem}.chart-time-selector{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:1rem}.chart-time-btn{padding:.375rem .75rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;color:#71717a;transition:all .15s ease}.chart-time-btn:hover{background:#171717;border-color:hsla(0,0%,100%,.15);color:#a1a1aa}.chart-time-btn.active{background:#fafafa;border-color:#fafafa;color:#000}.chart-container{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.chart-title{margin:0;font-size:1rem;font-weight:600;color:#fafafa}.chart-subtitle{font-size:.8125rem;color:#71717a;margin-top:.25rem}.chart-total{font-size:.875rem;color:#a1a1aa;font-weight:500}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding:20px 0;position:relative}.chart-bar-wrapper{flex:1 1;gap:8px;min-width:0;cursor:pointer}.chart-bar-inner,.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center}.chart-bar-inner{width:100%;justify-content:flex-end;height:160px;position:relative}.chart-bar-value{font-size:11px;font-weight:600;color:#fafafa;margin-bottom:4px;opacity:0;transition:opacity .2s ease;white-space:nowrap}.chart-bar-wrapper:hover .chart-bar-value{opacity:1}.chart-bar{width:100%;max-width:32px;background:#1c1c1c;position:relative;min-height:4px;overflow:hidden}.chart-bar,.chart-bar-fill{border-radius:0;transition:all .3s ease}.chart-bar-fill{position:absolute;bottom:0;left:0;right:0;height:100%;background:#fff}.chart-bar-wrapper:hover .chart-bar{background:#262626}.chart-bar-wrapper:hover .chart-bar .chart-bar-fill{background:#fff;box-shadow:0 0 20px hsla(0,0%,100%,.15)}.chart-bar-label{font-size:10px;color:#71717a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.chart-empty{height:200px;color:#71717a;font-size:.875rem;font-style:italic}.chart-empty,.chart-loading{display:flex;align-items:center;justify-content:center}.chart-loading{flex-direction:column;padding:4rem 2rem;gap:1rem}.chart-loading p{margin:0;font-size:.9375rem;color:#71717a}.chart-error{padding:2rem;text-align:center}.chart-error p{color:#ef4444;font-size:.875rem;margin:0}.dark-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;cursor:pointer;position:relative;transition:all .15s ease;flex-shrink:0}.dark-checkbox:hover{border-color:hsla(0,0%,100%,.15);background:#171717}.dark-checkbox:checked{background:#fafafa;border-color:#fafafa}.dark-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.dark-checkbox:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.dark-checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem;color:#a1a1aa}.checkbox-label:hover .dark-checkbox:not(:checked):not(:disabled){border-color:hsla(0,0%,100%,.15);background:#171717}.checkbox-label strong{color:#fafafa;font-weight:500}.checkbox-label span{color:#71717a}.api-settings{max-width:900px}.api-card{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.api-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.api-card-title{margin:0 0 .25rem;font-size:1rem;font-weight:500;color:#fafafa}.api-card-desc{margin:0;font-size:.875rem;color:#71717a}.api-toggle-wrapper{display:flex;align-items:center;gap:.5rem}.api-toggle-label{font-size:.875rem;font-weight:500;color:#a1a1aa}.api-key-section{margin-bottom:1.5rem}.api-key-label{display:block;font-size:.875rem;font-weight:500;color:#a1a1aa;margin-bottom:.5rem}.api-key-input-wrapper{display:flex;gap:.5rem}.api-key-input{width:100%;padding:.625rem 2.5rem .625rem .75rem}.api-key-copy{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:#71717a;transition:color .15s ease}.api-key-copy:hover{color:#a1a1aa}.api-key-copy.copied{color:#22c55e}.api-endpoint{padding:.625rem .75rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.875rem;font-family:Monaco,Consolas,monospace;color:#3b82f6;word-break:break-all}.api-domains-section{margin-bottom:1.5rem}.api-domains-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#a1a1aa;margin-bottom:.25rem}.api-domains-desc{margin:0 0 .5rem;font-size:.8125rem;color:#71717a}.api-domains-input-wrapper{display:flex;gap:.5rem;margin-bottom:.5rem}.api-domains-input{flex:1 1;padding:.5rem .75rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;font-size:.875rem;color:#fafafa}.api-domains-input::placeholder{color:#52525b}.api-domains-input:focus{outline:none;border-color:hsla(0,0%,100%,.15)}.api-domains-list{display:flex;flex-wrap:wrap;gap:.5rem}.api-domain-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;font-size:.8125rem;color:#a1a1aa}.api-domain-remove{background:none;border:none;cursor:pointer;padding:0;color:#71717a;display:flex;transition:color .15s ease}.api-domain-remove:hover{color:#ef4444}.api-settings-option{margin-bottom:.75rem}.api-redirect-section{margin-top:1rem}.api-redirect-label{display:block;font-size:.875rem;font-weight:500;color:#a1a1aa;margin-bottom:.25rem}.api-redirect-input{width:100%;padding:.5rem .75rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;font-size:.875rem;color:#fafafa}.api-redirect-input::placeholder{color:#52525b}.api-redirect-input:focus{outline:none;border-color:hsla(0,0%,100%,.15)}.api-redirect-hint{margin:.25rem 0 0;font-size:.75rem;color:#71717a}.api-docs{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:1.5rem}.api-docs-title{margin:0 0 1rem;font-size:1rem;font-weight:500;color:#fafafa;display:flex;align-items:center;gap:.5rem}.api-docs-table{margin-bottom:1.5rem;padding:1rem;background:#0a0a0a;border-radius:8px;border:1px solid hsla(0,0%,100%,.08)}.api-docs-table-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#fafafa}.api-docs-table table{width:100%;font-size:.8125rem;border-collapse:collapse}.api-docs-table th{text-align:left;padding:.5rem 0;font-weight:600;color:#a1a1aa;border-bottom:1px solid hsla(0,0%,100%,.08)}.api-docs-table td{padding:.5rem 0;color:#71717a;border-bottom:1px solid hsla(0,0%,100%,.5)}.api-docs-table tr:last-child td{border-bottom:none}.api-field-code{display:inline-block;padding:.125rem .375rem;background:#171717;border-radius:4px;font-size:.75rem;font-family:Monaco,Consolas,monospace;color:#a1a1aa}.api-field-code--required{background:rgba(34,197,94,.15);color:#22c55e}.api-field-code--optional{background:rgba(245,158,11,.15);color:#f59e0b}.api-required{color:#ef4444;font-weight:500}.api-custom-fields-info{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.05));border-radius:8px;border:1px solid rgba(245,158,11,.2)}.api-custom-fields-title{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:.5rem}.api-custom-fields-desc{margin:0 0 .75rem;font-size:.8125rem;color:#a1a1aa}.api-custom-fields-desc code{background:#111;padding:.125rem .375rem;border-radius:4px}.api-custom-fields-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#a1a1aa}.api-custom-fields-list li{margin-bottom:.25rem}.api-custom-fields-tip{margin-top:.75rem;padding:.5rem .75rem;background:#111;border-radius:6px;font-size:.75rem;color:#71717a}.api-custom-fields-tip strong{color:#a1a1aa}.api-code-tabs{display:flex;gap:.25rem;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:1rem}.api-code-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;font-size:.8125rem;font-weight:400;color:#71717a;margin-bottom:-1px;transition:all .15s ease}.api-code-tab:hover{color:#a1a1aa}.api-code-tab.active{border-bottom-color:#fafafa;font-weight:500;color:#fafafa}.api-code-block{position:relative;margin-bottom:1rem}.api-code-copy{position:absolute;top:.5rem;right:.5rem;padding:.375rem .625rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;gap:.25rem;color:#71717a;z-index:10;transition:all .15s ease}.api-code-copy:hover{background:#1c1c1c;color:#a1a1aa}.api-code-copy.copied{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.api-code-pre{margin:0;padding:1rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;overflow:auto;max-height:400px;font-size:.8125rem;line-height:1.5}.api-code-pre code{color:#a1a1aa;font-family:Fira Code,Monaco,Consolas,monospace}.api-shorthand-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#fafafa;padding:0;margin-top:1rem}.api-shorthand-toggle:hover{color:#a1a1aa}.api-shorthand-content{margin-top:.75rem}.api-shorthand-content p{margin:0 0 .5rem;font-size:.8125rem;color:#71717a}.api-response-section{margin-top:1.5rem;padding:1rem;background:#0a0a0a;border-radius:8px;border:1px solid hsla(0,0%,100%,.08)}.api-response-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#fafafa}.api-response-item{margin-bottom:.75rem}.api-response-item:last-child{margin-bottom:0}.api-response-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.api-response-badge--success{background:rgba(34,197,94,.15);color:#22c55e}.api-response-badge--warning{background:rgba(245,158,11,.15);color:#f59e0b}.api-response-badge--error{background:rgba(239,68,68,.15);color:#ef4444}.api-response-pre{margin:.25rem 0 0;padding:.5rem;background:#111;border-radius:6px;font-size:.75rem;overflow:auto}.api-response-pre code{color:#a1a1aa;font-family:Monaco,Consolas,monospace}.table-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;cursor:pointer;position:relative;transition:all .15s ease;flex-shrink:0}.table-checkbox:hover{border-color:hsla(0,0%,100%,.15);background:#171717}.table-checkbox:checked{background:#fafafa;border-color:#fafafa}.table-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.table-checkbox:focus{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.table-checkbox:disabled{opacity:.5;cursor:not-allowed}.campaigns-table td .table-checkbox,.campaigns-table th .table-checkbox{vertical-align:middle}.import-modal .form-modal{max-height:90vh;display:flex;flex-direction:column}.import-dropzone{border:2px dashed hsla(0,0%,100%,.08);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#0a0a0a;margin-bottom:1rem}.import-dropzone:hover{border-color:hsla(0,0%,100%,.15);background:#111}.import-dropzone.has-file{border-color:#22c55e;border-style:solid;background:rgba(34,197,94,.05)}.import-dropzone-icon{color:#71717a;margin-bottom:.5rem}.import-dropzone-title{margin:.5rem 0;color:#fafafa;font-weight:500}.import-dropzone-hint{font-size:.8125rem;color:#71717a}.import-file-info{display:flex;align-items:center;justify-content:center;gap:1rem}.import-file-info .file-icon{color:#22c55e}.import-file-info .file-details{text-align:left}.import-file-info .file-name{font-weight:500;color:#fafafa}.import-file-info .file-size,.import-template-link{font-size:.875rem;color:#71717a}.import-template-link{text-align:center;margin-bottom:1.5rem}.import-template-link a{color:#fafafa;text-decoration:underline}.import-template-link a:hover{color:#a1a1aa}.import-custom-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#fafafa;padding:.5rem 0}.import-custom-toggle:hover{color:#a1a1aa}.import-custom-badge{padding:.125rem .5rem;border-radius:1rem;font-size:.75rem}.import-custom-badge--active{background:rgba(34,197,94,.15);color:#22c55e}.import-custom-badge--inactive{background:#171717;color:#71717a}.import-custom-section{margin-top:.75rem;padding:1rem;background:rgba(245,158,11,.05);border-radius:12px;border:1px solid rgba(245,158,11,.2)}.import-custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.import-custom-hint{font-size:.8125rem;color:#f59e0b}.import-custom-actions{display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(245,158,11,.2)}.import-custom-action-btn{background:none;border:none;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;text-decoration:underline}.import-custom-action-btn--select{color:#22c55e}.import-custom-action-btn--deselect{color:#71717a}.import-custom-divider{color:#3d3d3d}.import-custom-row{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:#111;border-radius:6px;border:1px solid hsla(0,0%,100%,.08);margin-bottom:.5rem;transition:all .2s ease}.import-custom-row.enabled{border-color:#22c55e;background:#171717}.import-custom-row:not(.enabled){opacity:.7}.import-custom-arrow,.import-custom-remove{color:#71717a;flex-shrink:0}.import-custom-remove{background:none;border:none;cursor:pointer;padding:.25rem;transition:color .15s ease}.import-custom-remove:hover{color:#ef4444}.import-custom-count{font-size:.75rem;color:#22c55e;font-weight:500;margin-top:.75rem}.import-manual-custom{margin-top:.5rem;padding:1rem;background:#0a0a0a;border-radius:12px;border:1px solid hsla(0,0%,100%,.08)}.import-manual-custom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.import-manual-custom-hint{font-size:.8125rem;color:#71717a}.import-manual-custom-empty{font-size:.8125rem;color:#52525b;font-style:italic;margin:0}.import-manual-custom-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.import-review-table{overflow-x:auto;margin-bottom:1.5rem;border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.import-review-table table{width:100%;border-collapse:collapse}.import-review-table thead tr{background:#111;border-bottom:1px solid hsla(0,0%,100%,.08)}.import-review-table th{padding:.75rem;text-align:left;font-size:.8125rem;font-weight:600;color:#a1a1aa}.import-review-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.08)}.import-review-table tbody tr:last-child{border-bottom:none}.import-review-table td{padding:.75rem;font-size:.8125rem;color:#71717a}.import-review-badge{background:rgba(34,197,94,.15);color:#22c55e;padding:.125rem .375rem;border-radius:4px;font-size:.6875rem}.import-review-more{text-align:center;font-size:.875rem;color:#71717a;margin-bottom:1.5rem}.import-custom-summary{margin-bottom:1rem;padding:.75rem;background:rgba(245,158,11,.1);border-radius:6px;border:1px solid rgba(245,158,11,.2)}.import-custom-summary p{margin:0;font-size:.8125rem;color:#f59e0b}.import-batch-progress{margin-bottom:1.5rem;padding:1rem;background:#0a0a0a;border-radius:12px}.import-batch-title{margin:0 0 1rem;font-size:.9375rem;font-weight:500;color:#fafafa}.import-batch-bar{width:100%;height:.5rem;background:#1c1c1c;border-radius:4px;overflow:hidden;margin-bottom:1rem}.import-batch-fill{height:100%;background:#22c55e;transition:width .3s ease}.import-batch-stats{display:flex;justify-content:space-between;font-size:.8125rem;color:#71717a}.import-complete{text-align:center}.import-complete-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#22c55e}.import-complete-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:500;color:#fafafa}.import-complete-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left}.import-stat-row{display:flex;justify-content:space-between;padding:.75rem;border-radius:6px}.import-stat-row--total{background:#0a0a0a}.import-stat-row--total .import-stat-label{color:#71717a}.import-stat-row--total .import-stat-value{color:#fafafa}.import-stat-row--success{background:rgba(34,197,94,.1)}.import-stat-row--success .import-stat-label,.import-stat-row--success .import-stat-value{color:#22c55e}.import-stat-row--skipped{background:rgba(245,158,11,.1)}.import-stat-row--skipped .import-stat-label,.import-stat-row--skipped .import-stat-value{color:#f59e0b}.import-stat-row--custom{background:rgba(245,158,11,.05)}.import-stat-row--custom .import-stat-label,.import-stat-row--custom .import-stat-value{color:#d97706}.import-stat-label{font-size:.875rem}.import-stat-value{font-size:.875rem;font-weight:500}.template-detail-container{max-width:1100px;padding:1.5rem}.detail-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.template-header{margin-top:1.25rem}.template-header-content h1{margin:0 0 1rem;font-size:1.75rem;font-weight:700;color:#fafafa;letter-spacing:-.02em}.template-meta{flex-wrap:wrap;gap:1rem}.subject-line,.template-meta{display:flex;align-items:center}.subject-line{gap:.5rem;font-size:.9375rem;padding:.5rem .875rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:6px}.subject-line .subject-label{color:#71717a;font-size:.8125rem}.subject-line .subject-value{color:#a1a1aa}.template-api-key{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:6px}.template-api-key .key-label{font-size:.8125rem;color:#22c55e;font-weight:500}.template-api-key code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;color:#fafafa;background:#0a0a0a;padding:.25rem .5rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.08)}.template-api-key .copy-btn{background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;cursor:pointer;color:#71717a;padding:.375rem;display:flex;transition:all .2s ease}.template-api-key .copy-btn:hover{color:#fafafa;background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.template-actions{display:flex;flex-wrap:wrap;gap:.75rem;background:#111;border-radius:12px}.detail-section,.template-actions{margin-bottom:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.section-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:#fafafa}.section-header h2 svg{color:#71717a}.logs-header .view-all-link{font-size:.8125rem;color:#71717a;text-decoration:none;transition:all .2s ease;padding:.375rem .75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px}.logs-header .view-all-link:hover{color:#fafafa;background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.detail-card{border-radius:12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.detail-item{padding:1rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;transition:all .2s ease}.detail-item:hover{border-color:hsla(0,0%,100%,.15);background:#1c1c1c}.detail-item .detail-label{font-size:.6875rem;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.detail-item .detail-value{font-size:.9375rem;color:#fafafa;font-weight:500}.template-variables{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.08)}.variables-header{margin-bottom:1rem}.variables-header h3{margin:0;font-size:.875rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.5rem}.variables-header h3:before{content:"";display:inline-block;width:4px;height:16px;background:#8b5cf6;border-radius:2px}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;transition:all .2s ease}.variable-tag:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.variable-tag .variable-name{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;color:#8b5cf6;font-weight:500}.variable-tag .required-badge{font-size:.6875rem;padding:.125rem .5rem;background:rgba(245,158,11,.15);color:#f59e0b;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.variable-tag .variable-description{font-size:.75rem;color:#52525b;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-tag.required{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.05)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.stat-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .2s ease}.stat-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.stat-icon.stat-icon-sent{background:rgba(93,135,255,.12);color:#5d87ff;border:1px solid rgba(93,135,255,.2)}.stat-icon.stat-icon-opened{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.stat-icon.stat-icon-clicked{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.stat-icon.stat-icon-bounced{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.stat-content{flex:1 1}.stat-content .stat-value{font-size:1.75rem;font-weight:700;color:#fafafa;line-height:1;letter-spacing:-.02em}.stat-content .stat-label{font-size:.875rem;color:#71717a;margin-top:.375rem;font-weight:500}.stat-content .stat-percent{font-size:.75rem;color:#52525b;margin-top:.375rem;padding:.25rem .5rem;background:#171717;border-radius:4px;display:inline-block}.loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.loading-inline p{margin:0;color:#71717a;font-size:.9375rem}.logs-table-container{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;font-size:.6875rem;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em;background:#171717}.logs-table td,.logs-table th{padding:1rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.logs-table td{font-size:.875rem;color:#a1a1aa}.logs-table td:nth-child(2){font-family:SF Mono,Monaco,monospace;font-size:.8125rem}.logs-table tbody tr{transition:background .2s ease}.logs-table tbody tr:last-child td{border-bottom:none}.logs-table tbody tr:hover{background:#171717}.status-badge.status-sent{background:rgba(93,135,255,.15);color:#5d87ff;border:1px solid rgba(93,135,255,.25)}.status-badge.status-delivered{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.status-badge.status-failed{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.status-badge.status-pending{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.event-indicators{display:flex;gap:.375rem}.event-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#171717;border:1px solid hsla(0,0%,100%,.08);transition:all .2s ease}.event-indicator:hover{background:#1c1c1c;transform:scale(1.1)}.event-indicator .event-icon.event-icon-open{color:#22c55e}.event-indicator .event-icon.event-icon-click{color:#f59e0b}.event-indicator .event-icon.event-icon-bounce,.event-indicator .event-icon.event-icon-complaint{color:#ef4444}.event-indicator .event-icon.event-icon-delivery{color:#5d87ff}.text-muted{color:#52525b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-container{width:100%;max-width:800px;max-height:90vh;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#fafafa}.modal-header .close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#71717a;padding:.25rem;line-height:1;transition:color .15s ease}.modal-header .close-btn:hover{color:#fafafa}.api-docs-container{max-width:900px;padding:1.5rem}.api-docs-header{margin-bottom:2rem}.api-docs-header h1{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .5rem;font-size:1.5rem;font-weight:600;color:#fafafa}.api-docs-header h1 .api-icon{color:#71717a}.api-docs-header .template-name{margin:0;font-size:1.125rem;font-weight:400;color:#71717a}.api-error{align-items:center;gap:.5rem;padding:.875rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:.875rem}.api-error,.api-warning{display:flex;margin-bottom:1.5rem}.api-warning{align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:12px}.api-warning svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.api-warning h3{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#f59e0b}.api-warning p{margin:0;font-size:.875rem;color:#a1a1aa}.api-warning .publish-link{display:inline-block;margin-top:.5rem;font-size:.875rem;color:#fafafa;text-decoration:underline}.api-warning .publish-link:hover{color:#a1a1aa}.api-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.api-loading p{margin:0;color:#71717a;font-size:.9375rem}.api-key-section{margin-bottom:2rem;padding:1.25rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.api-key-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fafafa}.api-key-section h3 svg{color:#f59e0b}.api-key-container{display:flex;gap:.75rem;margin-bottom:.75rem}.api-key-field{flex:1 1;display:flex;position:relative}.api-key-input{flex:1 1;padding:.75rem 3rem .75rem 1rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.875rem;color:#a1a1aa}.api-key-input:focus{outline:none;border-color:hsla(0,0%,100%,.15)}.copy-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#71717a;padding:.375rem;display:flex;transition:color .15s ease}.copy-button:hover{color:#fafafa}.regenerate-button{padding:.75rem 1.25rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;color:#a1a1aa;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.regenerate-button:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.regenerate-button:disabled{opacity:.5;cursor:not-allowed}.api-key-warning{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#f59e0b}.api-key-warning svg{flex-shrink:0}.api-endpoint-section{margin-bottom:2rem;padding:1.25rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.api-endpoint-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#fafafa}.endpoint-url{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;position:relative}.endpoint-url:before{content:"POST";display:inline-block;padding:.25rem .5rem;background:rgba(34,197,94,.15);color:#22c55e;border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.03em;margin-right:.5rem}.endpoint-url code{flex:1 1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;color:#fafafa}.endpoint-url .copy-button{position:static;transform:none;padding:.5rem;border-radius:6px;background:#171717;border:1px solid hsla(0,0%,100%,.08)}.endpoint-url .copy-button:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.api-params-section,.template-variables-section{margin-bottom:2rem}.api-params-section h3,.template-variables-section h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#fafafa}.api-params-table-container,.template-variables-table-container{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.api-params-table,.template-variables-table{width:100%;border-collapse:collapse}.api-params-table th,.template-variables-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.05em;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08)}.api-params-table td,.template-variables-table td{padding:.75rem 1rem;font-size:.875rem;color:#a1a1aa;border-bottom:1px solid hsla(0,0%,100%,.08)}.api-params-table td:first-child,.template-variables-table td:first-child{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500;color:#8b5cf6}.api-params-table td:nth-child(2),.template-variables-table td:nth-child(2){color:#3b82f6;font-size:.8125rem}.api-params-table td:nth-child(3) span,.template-variables-table td:nth-child(3) span{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.api-params-table tbody tr,.template-variables-table tbody tr{transition:background .2s ease}.api-params-table tbody tr:hover,.template-variables-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.api-params-table tbody tr:last-child td,.template-variables-table tbody tr:last-child td{border-bottom:none}.api-params-table code,.template-variables-table code{background:#0a0a0a;padding:.25rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;color:#8b5cf6}.code-examples-section{margin-bottom:2rem}.code-examples-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fafafa}.code-tab-container{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.code-tabs{display:flex;gap:.25rem;padding:.5rem;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08)}.code-tab{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;color:#71717a;transition:all .15s ease}.code-tab:hover{color:#a1a1aa;background:#1c1c1c}.code-tab.active{background:#0a0a0a;color:#fafafa}.code-examples .code-example{display:none}.code-examples .code-example.active{display:block}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08)}.code-header span{font-size:.8125rem;font-weight:500;color:#a1a1aa}.code-header .copy-button{position:static;transform:none}.code-block{margin:0;padding:1.25rem;background:#0a0a0a;overflow:auto;max-height:400px}.code-block::-webkit-scrollbar{width:6px;height:6px}.code-block::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.code-block::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:#525252}.code-block code{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:#a1a1aa;white-space:pre}.response-section{margin-bottom:2rem}.response-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fafafa}.response-examples{display:flex;flex-direction:column;gap:1rem}.response-example{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.response-example h4{margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#a1a1aa;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;gap:.5rem}.response-example h4:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e}.response-example:last-child h4:before{background:#ef4444}.response-example .code-block{border-radius:0}.api-notes-section{margin-bottom:2rem;padding:1.25rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.api-notes-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.5rem}.api-notes-section h3:before{content:"";display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain}.api-notes-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:.5rem;gap:.5rem}.api-notes-list li{position:relative;padding:.875rem 1rem .875rem 2.5rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;font-size:.875rem;color:#a1a1aa;line-height:1.5;transition:all .2s ease}.api-notes-list li:before{content:"";position:absolute;left:1rem;top:1rem;width:6px;height:6px;background:#3b82f6;border-radius:50%}.api-notes-list li:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.api-notes-list li strong{color:#fafafa;font-weight:600}.campaign-editor-page{padding:0;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.editor-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0a0a0a;border-bottom:1px solid hsla(0,0%,100%,.08);position:-webkit-sticky;position:sticky;top:0;z-index:100}.editor-top-bar .editor-nav .back-link{display:flex;align-items:center;gap:.5rem;color:#a1a1aa;font-size:.875rem;transition:color .2s ease}.editor-top-bar .editor-nav .back-link:hover{color:#fafafa}.editor-top-bar .editor-actions{display:flex;align-items:center;gap:.75rem}.editor-top-bar .editor-actions .status-message{padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500}.editor-top-bar .editor-actions .status-message.success{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.editor-top-bar .editor-actions .status-message.error{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.campaign-header{padding:1.5rem;background:#111;border-bottom:1px solid hsla(0,0%,100%,.08)}.campaign-header h1{font-size:1.5rem;font-weight:600;color:#fafafa;margin-bottom:.75rem}.campaign-header .template-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.campaign-header .template-info .subject-line{font-size:.875rem;color:#a1a1aa}.campaign-header .template-info .subject-line span{color:#71717a;margin-right:.5rem}.variables-section{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin:1.5rem 0;overflow:hidden}.variables-section .variables-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08);cursor:pointer;transition:background .2s ease}.variables-section .variables-header:hover{background:#1c1c1c}.variables-section .variables-header h3{font-size:.9375rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.5rem}.variables-section .variables-header h3 .toggle-edit{font-size:.75rem;font-weight:400;color:#71717a}.variables-section .variables-header .variables-detected{font-size:.8125rem}.variables-section .variables-header .variables-detected .no-variables{color:#71717a}.variables-section .variables-header .variables-detected .variables-count{color:#22c55e}.variables-section .variables-list{padding:1rem 1.25rem}.variables-section .variables-chips{display:flex;flex-wrap:wrap;gap:.5rem}.variables-section .variable-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;font-size:.8125rem;transition:all .2s ease}.variables-section .variable-chip:hover{border-color:hsla(0,0%,100%,.15);background:#1c1c1c}.variables-section .variable-chip.required{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08)}.variables-section .variable-chip .variable-name{font-family:SF Mono,Monaco,Courier New,monospace;color:#8b5cf6;font-weight:500}.variables-section .variable-chip .required-badge{font-size:.6875rem;padding:.125rem .375rem;background:rgba(245,158,11,.2);color:#f59e0b;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.variables-section .variables-placeholder{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:.8125rem;color:#a1a1aa}.variables-section .variables-placeholder svg{color:#f59e0b;flex-shrink:0}.variables-editor{padding:1rem 1.25rem}.variables-editor .variables-table-container{border:1px solid hsla(0,0%,100%,.08);border-radius:8px;overflow:hidden}.variables-editor .variables-table{width:100%;border-collapse:collapse}.variables-editor .variables-table td,.variables-editor .variables-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.08)}.variables-editor .variables-table th{background:#171717;font-size:.75rem;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.variables-editor .variables-table td{background:#111;font-size:.875rem;color:#a1a1aa}.variables-editor .variables-table td:first-child{font-family:SF Mono,Monaco,Courier New,monospace;color:#8b5cf6;font-weight:500}.variables-editor .variables-table tr:last-child td{border-bottom:none}.variables-editor .variables-table .variable-input{width:100%;padding:.5rem .75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#fafafa;font-size:.875rem;transition:all .2s ease}.variables-editor .variables-table .variable-input:focus{outline:none;border-color:#71717a;background:#1c1c1c}.variables-editor .variables-table .variable-checkbox{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#171717;border:2px solid #3d3d3d;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative}.variables-editor .variables-table .variable-checkbox:checked{background:#fafafa;border-color:#fafafa}.variables-editor .variables-table .variable-checkbox:checked:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #0a0a0a;border-width:0 2px 2px 0;transform:rotate(45deg)}.variables-editor .variables-table .variable-checkbox:hover:not(:checked){border-color:#71717a}.variables-editor .variables-table .no-variables-message{text-align:center;color:#71717a;padding:2rem 1rem}.variables-editor .variables-actions{display:flex;justify-content:flex-end;margin-top:1rem}.editor-container{flex:1 1;display:flex;flex-direction:column;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden}.editor-container .editor-info-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:.8125rem;color:#71717a}.editor-container .editor-info-bar svg{flex-shrink:0}.button-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.integrations-container{max-width:800px;padding:1.5rem}.integrations-header{margin-bottom:1.5rem}.integrations-header h1{margin:0 0 .25rem;font-size:1.375rem;font-weight:600;color:#fafafa;letter-spacing:-.01em}.integrations-header p{margin:0;font-size:.8125rem;color:#71717a}.integration-cards{display:flex;flex-direction:column;gap:.5rem}.integration-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;transition:all .2s ease}.integration-card:hover{border-color:hsla(0,0%,100%,.15)}.integration-card.disabled{opacity:.5;pointer-events:none}.integration-card.disabled .integration-icon{filter:grayscale(.8);opacity:.7}.integration-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.integration-icon svg{width:18px;height:18px}.integration-icon.firebase{background:rgba(255,152,0,.1);color:#ff9800}.integration-icon.airtable{background:rgba(24,191,255,.1);color:#18bfff}.integration-icon.google-sheets{background:rgba(52,168,83,.1);color:#34a853}.integration-icon.supabase{background:rgba(62,207,142,.1);color:#3ecf8e}.integration-icon.auth0{background:rgba(235,82,82,.1);color:#eb5252}.integration-info{flex:1 1;min-width:0;display:flex;align-items:center;gap:1.5rem}.integration-info h3{margin:0;font-size:.875rem;font-weight:500;color:#fafafa;white-space:nowrap;min-width:100px}.integration-info p{margin:0;font-size:.8125rem;color:#52525b;line-height:1.4;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-status{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.integration-status .status-badge{padding:.25rem .625rem;font-size:.6875rem;border-radius:4px;text-transform:capitalize}.integration-date{font-size:.6875rem;color:#52525b;white-space:nowrap}.integration-action{flex-shrink:0}.integration-action .button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem}.integration-action .button svg{width:14px;height:14px}.badge-success{background:rgba(34,197,94,.12);color:#22c55e}.badge-warning{background:rgba(245,158,11,.12);color:#f59e0b}.badge-danger{background:rgba(239,68,68,.12);color:#ef4444}.badge-default{background:#171717;color:#52525b}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.alert-error,.alert-error .close-alert{color:#ef4444}.alert-error .close-alert:hover{background:rgba(239,68,68,.15)}.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.alert-success .close-alert{color:#22c55e}.alert-success .close-alert:hover{background:rgba(34,197,94,.15)}.alert-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.alert-warning .close-alert{color:#f59e0b}.alert-warning .close-alert:hover{background:rgba(245,158,11,.15)}.close-alert{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:auto;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-alert svg{width:14px;height:14px}.airtable-integration-container,.firebase-integration-container,.google-sheets-integration-container,.supabase-integration-container{max-width:720px;padding:1.5rem}.integration-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.integration-header .back-link{display:inline-flex;align-items:center;gap:.375rem;color:#71717a;font-size:.75rem;text-decoration:none;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.integration-header .back-link:hover{color:#fafafa}.integration-header .back-link svg{width:14px;height:14px}.integration-header .header-content{display:flex;align-items:center;gap:.875rem}.integration-header .header-content .header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0;background:#171717;color:#71717a}.integration-header .header-content .header-icon svg{width:18px;height:18px}.integration-header .header-content .header-text{flex:1 1}.integration-header .header-content .header-text h1{margin:0;font-size:1.125rem;font-weight:600;color:#fafafa;letter-spacing:-.01em}.integration-header .header-content .header-text p{margin:.125rem 0 0;font-size:.75rem;color:#71717a}.integration-header .header-actions{display:flex;gap:.5rem}.header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0;background:#171717;color:#71717a}.header-icon svg{width:18px;height:18px}.header-content .header-icon:has(svg[data-lucide=flame]),.header-icon.firebase,.integration-icon.firebase{background:rgba(255,152,0,.1)!important;color:#ff9800!important}.header-icon.airtable,.integration-icon.airtable{background:rgba(24,191,255,.1)!important;color:#18bfff!important}.header-icon.google-sheets,.integration-icon.google-sheets{background:rgba(52,168,83,.1)!important;color:#34a853!important}.header-icon.supabase,.integration-icon.supabase{background:rgba(62,207,142,.1)!important;color:#3ecf8e!important;border:1px solid rgba(62,207,142,.25)}.integration-status-panel{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.integration-status-panel .status-indicator{display:flex;align-items:center;gap:.5rem}.integration-status-panel .status-indicator .status-dot,.integration-status-panel .status-indicator.active .status-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.4)}.integration-status-panel .status-indicator .status-dot{width:8px;height:8px;border-radius:50%}.integration-status-panel .status-indicator span{font-size:.8125rem;font-weight:500;color:#fafafa}.integration-status-panel .status-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#52525b}.integration-status-panel .status-actions{display:flex;gap:.5rem}.integration-status-panel .status-actions .button{padding:.375rem .75rem;font-size:.75rem}.integration-setup-container{margin-bottom:1.5rem}.setup-card{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;overflow:hidden}.setup-card .setup-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#141414;border-bottom:1px solid hsla(0,0%,100%,.08)}.setup-card .setup-header h2,.setup-card .setup-header h3{margin:0;font-size:.875rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.5rem}.setup-card .setup-header h2 svg,.setup-card .setup-header h3 svg{width:16px;height:16px;color:#71717a}.setup-card .setup-header .setup-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#22c55e}.setup-card .setup-header .setup-status svg{width:12px;height:12px}.setup-card .setup-header .delete-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:rgba(0,0,0,0);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:.75rem;cursor:pointer;transition:all .2s ease}.setup-card .setup-header .delete-button:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.setup-card .setup-header .delete-button:disabled{opacity:.5;cursor:not-allowed}.setup-card .setup-header .delete-button svg{width:12px;height:12px}.setup-card .setup-content{padding:1rem}.setup-card .setup-form{display:flex;flex-direction:column;gap:1rem;padding:1rem}.setup-card .form-row{display:flex;gap:.75rem}.setup-card .form-row .form-group{flex:1 1}.setup-card .form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.75rem;margin-top:.5rem;border-top:1px solid hsla(0,0%,100%,.08)}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.75rem;font-weight:500;color:#a1a1aa}.form-group .label-hint{font-weight:400;color:#52525b;margin-left:.25rem}.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:.5rem .75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#fafafa;font-size:.8125rem;font-family:inherit;transition:all .2s ease}.form-group input[type=password]::placeholder,.form-group input[type=text]::placeholder,.form-group input[type=url]::placeholder,.form-group textarea::placeholder{color:#52525b}.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{outline:none;border-color:hsla(0,0%,100%,.15)}.form-group input[type=password]:disabled,.form-group input[type=text]:disabled,.form-group input[type=url]:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem}.form-group .form-hint{font-size:.6875rem;color:#52525b}.api-key-section,.auth-sync-section,.service-account-section{background:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:1rem;margin-top:1rem}.api-key-section h3,.auth-sync-section h3,.service-account-section h3{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.375rem}.api-key-section h3 svg,.auth-sync-section h3 svg,.service-account-section h3 svg{width:14px;height:14px;color:#71717a}.api-key-section .section-description,.auth-sync-section .section-description,.service-account-section .section-description{font-size:.75rem;color:#71717a;margin:0 0 1rem}.api-key-section .current-connection,.auth-sync-section .current-connection,.service-account-section .current-connection{background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;padding:.75rem;margin-bottom:1rem}.api-key-section .current-connection .connection-info,.auth-sync-section .current-connection .connection-info,.service-account-section .current-connection .connection-info{display:grid;grid-template-columns:auto 1fr;grid-gap:.25rem .75rem;gap:.25rem .75rem}.api-key-section .current-connection .connection-info .label,.auth-sync-section .current-connection .connection-info .label,.service-account-section .current-connection .connection-info .label{font-size:.6875rem;color:#52525b;text-transform:uppercase;letter-spacing:.04em}.api-key-section .current-connection .connection-info .value,.auth-sync-section .current-connection .connection-info .value,.service-account-section .current-connection .connection-info .value{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;color:#fafafa;word-break:break-all}.api-key-section .update-service-account,.auth-sync-section .update-service-account,.service-account-section .update-service-account{margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.08)}.api-key-section .update-service-account p,.auth-sync-section .update-service-account p,.service-account-section .update-service-account p{font-size:.75rem;color:#71717a;margin:0 0 .75rem}.api-key-section .api-key-input-group,.auth-sync-section .api-key-input-group,.service-account-section .api-key-input-group{display:flex;gap:.5rem}.api-key-section .api-key-input-group input,.auth-sync-section .api-key-input-group input,.service-account-section .api-key-input-group input{flex:1 1;padding:.5rem .75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#fafafa;font-size:.75rem;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;transition:all .2s ease}.api-key-section .api-key-input-group input::placeholder,.auth-sync-section .api-key-input-group input::placeholder,.service-account-section .api-key-input-group input::placeholder{color:#52525b;font-family:Epilogue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.api-key-section .api-key-input-group input:focus,.auth-sync-section .api-key-input-group input:focus,.service-account-section .api-key-input-group input:focus{outline:none;border-color:hsla(0,0%,100%,.15)}.api-key-section .test-connection-container,.auth-sync-section .test-connection-container,.service-account-section .test-connection-container{margin-bottom:1rem}.api-key-section .test-connection-button,.auth-sync-section .test-connection-button,.service-account-section .test-connection-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;color:#fafafa;font-size:.75rem;cursor:pointer;transition:all .2s ease}.api-key-section .test-connection-button:hover,.auth-sync-section .test-connection-button:hover,.service-account-section .test-connection-button:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.15)}.api-key-section .test-connection-button:disabled,.auth-sync-section .test-connection-button:disabled,.service-account-section .test-connection-button:disabled{opacity:.5;cursor:not-allowed}.api-key-section .test-connection-button .test-status-icon,.auth-sync-section .test-connection-button .test-status-icon,.service-account-section .test-connection-button .test-status-icon{display:flex;align-items:center;justify-content:center}.api-key-section .test-connection-button .test-status-icon.success,.auth-sync-section .test-connection-button .test-status-icon.success,.service-account-section .test-connection-button .test-status-icon.success{color:#22c55e}.api-key-section .test-connection-button .test-status-icon.error,.auth-sync-section .test-connection-button .test-status-icon.error,.service-account-section .test-connection-button .test-status-icon.error{color:#ef4444}.api-key-section .test-connection-button .spinner,.auth-sync-section .test-connection-button .spinner,.service-account-section .test-connection-button .spinner{animation:spin 1s linear infinite}.api-key-section .auto-sync-toggle,.auth-sync-section .auto-sync-toggle,.service-account-section .auto-sync-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px;margin-bottom:1rem}.api-key-section .auto-sync-toggle .toggle-label h4,.auth-sync-section .auto-sync-toggle .toggle-label h4,.service-account-section .auto-sync-toggle .toggle-label h4{margin:0 0 .125rem;font-size:.8125rem;font-weight:600;color:#fafafa}.api-key-section .auto-sync-toggle .toggle-label p,.auth-sync-section .auto-sync-toggle .toggle-label p,.service-account-section .auto-sync-toggle .toggle-label p{margin:0;font-size:.75rem;color:#71717a}.api-key-section .auto-sync-toggle .toggle-button,.auth-sync-section .auto-sync-toggle .toggle-button,.service-account-section .auto-sync-toggle .toggle-button{background:none;border:none;padding:0;cursor:pointer;color:#71717a;transition:color .2s ease}.api-key-section .auto-sync-toggle .toggle-button .toggle-icon.active,.auth-sync-section .auto-sync-toggle .toggle-button .toggle-icon.active,.service-account-section .auto-sync-toggle .toggle-button .toggle-icon.active{color:#22c55e}.api-key-section .sync-config-section,.auth-sync-section .sync-config-section,.service-account-section .sync-config-section{padding:.75rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:4px}.api-key-section .sync-config-section .radio-group,.auth-sync-section .sync-config-section .radio-group,.service-account-section .sync-config-section .radio-group{margin-bottom:.5rem}.api-key-section .sync-config-section .radio-label,.auth-sync-section .sync-config-section .radio-label,.service-account-section .sync-config-section .radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#fafafa}.api-key-section .sync-config-section .radio-label input[type=radio],.auth-sync-section .sync-config-section .radio-label input[type=radio],.service-account-section .sync-config-section .radio-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#1c1c1c;border:2px solid hsla(0,0%,100%,.08);border-radius:50%;cursor:pointer;transition:all .2s ease}.api-key-section .sync-config-section .radio-label input[type=radio]:checked,.auth-sync-section .sync-config-section .radio-label input[type=radio]:checked,.service-account-section .sync-config-section .radio-label input[type=radio]:checked{background:#fafafa;border-color:#fafafa}.api-key-section .sync-config-section .contact-list-select,.api-key-section .sync-config-section .new-list-input,.auth-sync-section .sync-config-section .contact-list-select,.auth-sync-section .sync-config-section .new-list-input,.service-account-section .sync-config-section .contact-list-select,.service-account-section .sync-config-section .new-list-input{margin-left:2rem;margin-bottom:1rem}.api-key-section .sync-config-section .contact-list-select input,.api-key-section .sync-config-section .contact-list-select select,.api-key-section .sync-config-section .new-list-input input,.api-key-section .sync-config-section .new-list-input select,.auth-sync-section .sync-config-section .contact-list-select input,.auth-sync-section .sync-config-section .contact-list-select select,.auth-sync-section .sync-config-section .new-list-input input,.auth-sync-section .sync-config-section .new-list-input select,.service-account-section .sync-config-section .contact-list-select input,.service-account-section .sync-config-section .contact-list-select select,.service-account-section .sync-config-section .new-list-input input,.service-account-section .sync-config-section .new-list-input select{width:100%;padding:.625rem 1rem;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#fafafa;font-size:.875rem;cursor:pointer;transition:all .2s ease}.api-key-section .sync-config-section .contact-list-select input:focus,.api-key-section .sync-config-section .contact-list-select select:focus,.api-key-section .sync-config-section .new-list-input input:focus,.api-key-section .sync-config-section .new-list-input select:focus,.auth-sync-section .sync-config-section .contact-list-select input:focus,.auth-sync-section .sync-config-section .contact-list-select select:focus,.auth-sync-section .sync-config-section .new-list-input input:focus,.auth-sync-section .sync-config-section .new-list-input select:focus,.service-account-section .sync-config-section .contact-list-select input:focus,.service-account-section .sync-config-section .contact-list-select select:focus,.service-account-section .sync-config-section .new-list-input input:focus,.service-account-section .sync-config-section .new-list-input select:focus{outline:none;border-color:#fafafa}.api-key-section .sync-config-section .contact-list-select input option,.api-key-section .sync-config-section .contact-list-select select option,.api-key-section .sync-config-section .new-list-input input option,.api-key-section .sync-config-section .new-list-input select option,.auth-sync-section .sync-config-section .contact-list-select input option,.auth-sync-section .sync-config-section .contact-list-select select option,.auth-sync-section .sync-config-section .new-list-input input option,.auth-sync-section .sync-config-section .new-list-input select option,.service-account-section .sync-config-section .contact-list-select input option,.service-account-section .sync-config-section .contact-list-select select option,.service-account-section .sync-config-section .new-list-input input option,.service-account-section .sync-config-section .new-list-input select option{background:#171717}.api-key-section .sync-config-section .manual-sync-button-container,.auth-sync-section .sync-config-section .manual-sync-button-container,.service-account-section .sync-config-section .manual-sync-button-container{margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.08)}.validation-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:.875rem}.validation-error svg{flex-shrink:0}.spinner-sm{width:16px;height:16px;border:2px solid rgba(0,0,0,0);border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite}.file-upload-section{margin-top:1rem}.file-upload-container{position:relative}.file-upload-container .file-input{display:none}.file-upload-container .file-upload-zone{border:2px dashed hsla(0,0%,100%,.08);border-radius:12px;padding:2rem;text-align:center;background:#171717;transition:all .2s ease;cursor:pointer}.file-upload-container .file-upload-zone:hover{border-color:hsla(0,0%,100%,.15);background:#1c1c1c}.file-upload-container .file-upload-zone.drag-over{border-color:#fafafa;background:rgba(250,250,250,.05)}.file-upload-container .file-upload-zone.has-file{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.05)}.file-upload-container .file-upload-zone .upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;background:#1c1c1c;border-radius:12px;color:#71717a}.file-upload-container .file-upload-zone .upload-icon svg{width:24px;height:24px}.file-upload-container .file-upload-zone .upload-text p{font-size:.9375rem;color:#fafafa;margin:0 0 .25rem}.file-upload-container .file-upload-zone .upload-text p.file-name{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;color:#22c55e}.file-upload-container .file-upload-zone .upload-text span{font-size:.8125rem;color:#52525b}.file-upload-container .file-upload-zone .file-actions{margin-top:1rem}.file-upload-container:not(:has(.file-upload-zone)){border:2px dashed hsla(0,0%,100%,.08);border-radius:12px;padding:2rem;text-align:center;background:#171717;transition:all .2s ease;cursor:pointer}.file-upload-container:not(:has(.file-upload-zone)):hover{border-color:hsla(0,0%,100%,.15);background:#1c1c1c}.file-upload-container:not(:has(.file-upload-zone)).has-file{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.05)}.file-upload-container:not(:has(.file-upload-zone)) .upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;background:#1c1c1c;border-radius:12px;color:#71717a}.file-upload-container:not(:has(.file-upload-zone)) .upload-icon svg{width:24px;height:24px}.file-upload-container:not(:has(.file-upload-zone)) .upload-text{font-size:.9375rem;color:#fafafa;margin-bottom:.5rem}.file-upload-container:not(:has(.file-upload-zone)) .upload-text span{color:#fafafa;text-decoration:underline}.file-upload-container:not(:has(.file-upload-zone)) .upload-hint{font-size:.8125rem;color:#52525b}.file-upload-container:not(:has(.file-upload-zone)) .file-info{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.file-upload-container:not(:has(.file-upload-zone)) .file-info .file-name{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875rem;color:#fafafa}.file-upload-container:not(:has(.file-upload-zone)) .file-info .remove-file{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(239,68,68,.15);border:none;border-radius:4px;color:#ef4444;cursor:pointer;transition:all .2s ease}.file-upload-container:not(:has(.file-upload-zone)) .file-info .remove-file:hover{background:rgba(239,68,68,.25)}.file-upload-container:not(:has(.file-upload-zone)) .file-info .remove-file svg{width:14px;height:14px}.file-upload-container:not(:has(.file-upload-zone)) input[type=file]{display:none}.airtable-sync-section,.firebase-sync-section,.sheets-sync-section,.supabase-sync-section,.table-syncs-section{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.airtable-sync-section .section-header,.firebase-sync-section .section-header,.sheets-sync-section .section-header,.supabase-sync-section .section-header,.table-syncs-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#171717;border-bottom:1px solid hsla(0,0%,100%,.08)}.airtable-sync-section .section-header h3,.firebase-sync-section .section-header h3,.sheets-sync-section .section-header h3,.supabase-sync-section .section-header h3,.table-syncs-section .section-header h3{margin:0;font-size:1rem;font-weight:600;color:#fafafa;display:flex;align-items:center;gap:.5rem}.airtable-sync-section .section-header h3 svg,.firebase-sync-section .section-header h3 svg,.sheets-sync-section .section-header h3 svg,.supabase-sync-section .section-header h3 svg,.table-syncs-section .section-header h3 svg{width:18px;height:18px;color:#71717a}.airtable-sync-section .section-header .sync-count,.firebase-sync-section .section-header .sync-count,.sheets-sync-section .section-header .sync-count,.supabase-sync-section .section-header .sync-count,.table-syncs-section .section-header .sync-count{font-size:.8125rem;color:#71717a;background:#1c1c1c;padding:.25rem .75rem;border-radius:12px}.airtable-sync-section .section-content,.firebase-sync-section .section-content,.sheets-sync-section .section-content,.supabase-sync-section .section-content,.table-syncs-section .section-content{padding:0}.table-syncs-list .table-sync-item{border-bottom:1px solid hsla(0,0%,100%,.08);transition:background .2s ease}.table-syncs-list .table-sync-item:last-child{border-bottom:none}.table-syncs-list .table-sync-item:hover{background:#141414}.table-syncs-list .sync-item-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer}.table-syncs-list .sync-item-header .sync-item-info{display:flex;align-items:center;gap:1rem;flex:1 1;min-width:0}.table-syncs-list .sync-item-header .sync-item-info .sync-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1c1c1c;border-radius:8px;color:#71717a;flex-shrink:0}.table-syncs-list .sync-item-header .sync-item-info .sync-icon svg{width:18px;height:18px}.table-syncs-list .sync-item-header .sync-item-info .sync-details{flex:1 1;min-width:0}.table-syncs-list .sync-item-header .sync-item-info .sync-details .sync-name{font-size:.9375rem;font-weight:500;color:#fafafa;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-syncs-list .sync-item-header .sync-item-info .sync-details .sync-meta{font-size:.8125rem;color:#71717a;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.table-syncs-list .sync-item-header .sync-item-info .sync-details .sync-meta .sync-meta-item{display:flex;align-items:center;gap:.25rem}.table-syncs-list .sync-item-header .sync-item-info .sync-details .sync-meta .sync-meta-item svg{width:12px;height:12px}.table-syncs-list .sync-item-header .sync-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.table-syncs-list .sync-item-body{padding:0 1.5rem 1rem 4.5rem;display:none}.table-syncs-list .sync-item-body.expanded{display:block}.sync-mapping-info{background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:1rem;margin-bottom:1rem}.sync-mapping-info .mapping-title{font-size:.75rem;color:#52525b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.sync-mapping-info .mapping-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.5rem;gap:.5rem;align-items:center}.sync-mapping-info .mapping-item{display:flex;align-items:center;gap:.5rem}.sync-mapping-info .mapping-item .field-name{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8125rem;color:#fafafa;background:#1c1c1c;padding:.25rem .5rem;border-radius:4px}.sync-mapping-info .mapping-arrow{color:#52525b}.sync-mapping-info .mapping-arrow svg{width:16px;height:16px}.sync-schedule-info{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#171717;border-radius:6px;margin-bottom:1rem}.sync-schedule-info .schedule-label{font-size:.8125rem;color:#71717a}.sync-schedule-info .schedule-value{font-size:.875rem;font-weight:500;color:#fafafa}.sync-schedule-info .last-sync{margin-left:auto;font-size:.8125rem;color:#52525b}.sync-now-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#fafafa;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.sync-now-button:hover{background:#262626;border-color:hsla(0,0%,100%,.15)}.sync-now-button:disabled{opacity:.5;cursor:not-allowed}.sync-now-button.syncing{color:#22c55e}.sync-now-button svg{width:14px;height:14px}.empty-syncs{padding:3rem 2rem;text-align:center}.empty-syncs .empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;background:#171717;border-radius:12px;color:#71717a}.empty-syncs .empty-icon svg{width:28px;height:28px}.empty-syncs h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#fafafa}.empty-syncs p{font-size:.875rem;color:#71717a;max-width:300px;margin:0 auto 1.5rem}.add-sync-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fafafa;border:none;border-radius:6px;color:#0a0a0a;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-sync-button:hover{background:#a1a1aa;transform:translateY(-1px)}.add-sync-button svg{width:16px;height:16px}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:#1c1c1c;border-color:hsla(0,0%,100%,.08);color:#fafafa}.icon-button.danger:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.icon-button svg{width:16px;height:16px}.delete-confirmation-modal .modal-overlay{position:fixed;inset:0;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-confirmation-modal .modal-content{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;width:100%;max-width:400px;overflow:hidden}.delete-confirmation-modal .modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.delete-confirmation-modal .modal-header .warning-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(239,68,68,.12);border-radius:10px;color:#ef4444}.delete-confirmation-modal .modal-header .warning-icon svg{width:20px;height:20px}.delete-confirmation-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fafafa}.delete-confirmation-modal .modal-body{padding:1.5rem}.delete-confirmation-modal .modal-body p{margin:0;font-size:.9375rem;color:#71717a;line-height:1.6}.delete-confirmation-modal .modal-body p strong{color:#fafafa}.delete-confirmation-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#171717;border-top:1px solid hsla(0,0%,100%,.08)}.table-sync-modal .modal-overlay{position:fixed;inset:0;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.table-sync-modal .modal-content{background:#111;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.table-sync-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.table-sync-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fafafa}.table-sync-modal .modal-header .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease}.table-sync-modal .modal-header .close-button:hover{background:#1c1c1c;color:#fafafa}.table-sync-modal .modal-header .close-button svg{width:18px;height:18px}.table-sync-modal .modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.table-sync-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#171717;border-top:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.step-indicator{gap:.5rem;margin-bottom:1.5rem}.step-indicator,.step-indicator .step{display:flex;align-items:center;justify-content:center}.step-indicator .step{width:28px;height:28px;background:#1c1c1c;border:2px solid hsla(0,0%,100%,.08);border-radius:50%;font-size:.75rem;font-weight:600;color:#71717a;transition:all .2s ease}.step-indicator .step.active{background:#fafafa;border-color:#fafafa;color:#0a0a0a}.step-indicator .step.completed{background:#22c55e;border-color:#22c55e;color:#0a0a0a}.step-indicator .step-line{width:40px;height:2px;background:hsla(0,0%,100%,.08)}.step-indicator .step-line.active{background:#fafafa}.field-mapping-section{margin-bottom:1.5rem}.field-mapping-section .mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.field-mapping-section .mapping-header h4{margin:0;font-size:.9375rem;font-weight:600;color:#fafafa}.field-mapping-section .mapping-header .auto-map-button{font-size:.8125rem;color:#71717a;background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s ease}.field-mapping-section .mapping-header .auto-map-button:hover{color:#fafafa}.field-mapping-section .mapping-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;margin-bottom:.75rem;padding:.75rem;background:#171717;border-radius:6px}.field-mapping-section .mapping-row select{width:100%;padding:.5rem .75rem;background:#1c1c1c;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;color:#fafafa;font-size:.875rem;cursor:pointer;transition:all .2s ease}.field-mapping-section .mapping-row select:focus{outline:none;border-color:#fafafa}.field-mapping-section .mapping-row select option{background:#171717}.field-mapping-section .mapping-row .mapping-arrow{color:#52525b}.field-mapping-section .mapping-row .mapping-arrow svg{width:16px;height:16px}.field-mapping-section .add-mapping-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,0,0,0);border:1px dashed hsla(0,0%,100%,.08);border-radius:6px;color:#71717a;font-size:.8125rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.field-mapping-section .add-mapping-button:hover{border-color:hsla(0,0%,100%,.15);color:#fafafa;background:#171717}.field-mapping-section .add-mapping-button svg{width:14px;height:14px}.schedule-selector{margin-bottom:1.5rem}.schedule-selector h4{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#fafafa}.schedule-selector .schedule-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem}.schedule-selector .schedule-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#171717;border:2px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.schedule-selector .schedule-option:hover{border-color:hsla(0,0%,100%,.15)}.schedule-selector .schedule-option.selected{border-color:#fafafa;background:rgba(250,250,250,.05)}.schedule-selector .schedule-option .schedule-icon{color:#71717a}.schedule-selector .schedule-option .schedule-icon svg{width:20px;height:20px}.schedule-selector .schedule-option .schedule-label{font-size:.8125rem;font-weight:500;color:#fafafa}.schedule-selector .schedule-option .schedule-desc{font-size:.75rem;color:#52525b;text-align:center}.contact-list-selector{margin-bottom:1.5rem}.contact-list-selector h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:#fafafa}.contact-list-selector .selector-hint{font-size:.8125rem;color:#71717a;margin-bottom:1rem}.contact-list-selector .list-options{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.contact-list-selector .list-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#171717;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;cursor:pointer;transition:all .2s ease}.contact-list-selector .list-option:hover{border-color:hsla(0,0%,100%,.15)}.contact-list-selector .list-option.selected{border-color:#fafafa;background:rgba(250,250,250,.05)}.contact-list-selector .list-option input[type=checkbox],.contact-list-selector .list-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#1c1c1c;border:2px solid hsla(0,0%,100%,.08);border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.contact-list-selector .list-option input[type=checkbox]:checked,.contact-list-selector .list-option input[type=radio]:checked{background:#fafafa;border-color:#fafafa}.contact-list-selector .list-option input[type=checkbox]{border-radius:4px}.contact-list-selector .list-option input[type=checkbox]:checked:after{content:"";display:block;width:4px;height:8px;border:solid #0a0a0a;border-width:0 2px 2px 0;transform:rotate(45deg);margin:1px 0 0 5px}.contact-list-selector .list-option .list-info{flex:1 1}.contact-list-selector .list-option .list-info .list-name{font-size:.875rem;font-weight:500;color:#fafafa}.contact-list-selector .list-option .list-info .list-count{font-size:.75rem;color:#71717a}.danger-zone{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.5rem;margin-top:2rem}.danger-zone h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#ef4444;display:flex;align-items:center;gap:.5rem}.danger-zone h3 svg{width:18px;height:18px}.danger-zone p{margin:0 0 1rem;font-size:.875rem;color:#71717a}.danger-zone .button--danger{background:rgba(0,0,0,0);border:1px solid #ef4444;color:#ef4444}.danger-zone .button--danger:hover{background:rgba(239,68,68,.1)}.delete-modal .modal-header,.modal-container.delete-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.delete-modal .modal-header h3,.modal-container.delete-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fafafa}.delete-modal .modal-header .close-btn,.modal-container.delete-modal .modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease}.delete-modal .modal-header .close-btn:hover,.modal-container.delete-modal .modal-header .close-btn:hover{background:#1c1c1c;color:#fafafa}.delete-modal .modal-content,.modal-container.delete-modal .modal-content{padding:2rem 1.5rem;text-align:center}.delete-modal .modal-content .warning-icon,.modal-container.delete-modal .modal-content .warning-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;background:rgba(239,68,68,.12);border-radius:14px;color:#ef4444}.delete-modal .modal-content .warning-icon svg,.modal-container.delete-modal .modal-content .warning-icon svg{width:28px;height:28px}.delete-modal .modal-content p,.modal-container.delete-modal .modal-content p{margin:0 0 .5rem;font-size:1rem;color:#fafafa}.delete-modal .modal-content p.warning-text,.modal-container.delete-modal .modal-content p.warning-text{font-size:.875rem;color:#71717a}.delete-modal .modal-content .modal-actions,.modal-container.delete-modal .modal-content .modal-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-section .spinner{width:32px;height:32px;border:3px solid hsla(0,0%,100%,.08);border-top-color:#fafafa;border-radius:50%;animation:spin .8s linear infinite}.loading-section p{margin:0;font-size:.875rem;color:#71717a}.sequence-builder{height:100vh;display:flex;flex-direction:column;background:#fafafa}.sequence-builder .builder-topbar{height:60px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:10}.sequence-builder .topbar-left{display:flex;align-items:center;gap:1.5rem}.sequence-builder .back-link{display:flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s}.sequence-builder .back-link:hover{color:#1a1a1a}.sequence-builder .sequence-title{display:flex;align-items:center;gap:.75rem}.sequence-builder .sequence-title h1{margin:0;font-size:1.125rem;font-weight:400}.sequence-builder .status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:400}.sequence-builder .status-badge.status-active{background:#e8f5e9;color:#2e7d32}.sequence-builder .status-badge.status-paused{background:#fff3e0;color:#f57c00}.sequence-builder .status-badge.status-draft{background:#f5f5f5;color:#666}.sequence-builder .topbar-right{display:flex;align-items:center;gap:.75rem}.sequence-builder .email-config-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;font-size:.75rem;color:#666}.sequence-builder .email-config-info .from-email{font-weight:400;color:#1a1a1a}.sequence-builder .email-config-info .reply-email{color:#999}.sequence-builder .zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#f5f5f5;border-radius:6px}.sequence-builder .zoom-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:400;transition:all .2s}.sequence-builder .zoom-btn:hover{background:#f9f9f9;border-color:#ccc}.sequence-builder .zoom-value{font-size:.75rem;color:#666;min-width:42px;text-align:center}.sequence-builder .canvas-container{flex:1 1;position:relative;overflow:hidden}.sequence-builder .canvas-container.dragging-canvas{cursor:-webkit-grabbing;cursor:grabbing}.sequence-builder .canvas-container:not(.dragging-canvas){cursor:-webkit-grab;cursor:grab}.sequence-builder .canvas-background{position:absolute;inset:0;background-image:radial-gradient(circle,#d0d0d0 1px,transparent 0);background-size:20px 20px}.sequence-builder .canvas-content{position:absolute;width:100%;height:100%;transform-origin:0 0}.sequence-builder .connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sequence-builder .delay-badge{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4px 10px;font-size:.7rem;color:#666;z-index:10;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.05);pointer-events:none}.sequence-builder .add-node-btn{background:#fff;border:2px dashed #d0d0d0;border-radius:8px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#666;transition:all .2s}.sequence-builder .add-node-btn:hover{border-color:#1a1a1a;color:#1a1a1a;background:#fafafa}.sequence-builder .error-toast,.sequence-builder .saving-toast{position:fixed;top:80px;right:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000}.sequence-builder .error-toast{border-color:#fee;background:#fee}.sequence-builder .error-toast button{background:none;border:none;cursor:pointer;color:#c00;padding:0;display:flex}.sequence-builder .spinner{width:16px;height:16px;border:2px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.sequence-builder .button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s}.sequence-builder .button--primary{background:#1a1a1a;color:#fff}.sequence-builder .button--primary:hover:not(:disabled){background:#000}.sequence-builder .button--secondary{background:#fff;color:#1a1a1a;border:1px solid #e0e0e0}.sequence-builder .button--secondary:hover:not(:disabled){background:#f9f9f9;border-color:#ccc}.sequence-builder .button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(1turn)}}