body,html{padding:0;margin:0;font-weight:300}body,button,html,input,select{font-family:Sora,sans-serif!important}button,input,select{font-weight:300!important}.app-container{display:grid;grid-template-columns:220px auto;min-height:100vh;background-color:#f6f6f6}.app-container .sidebar{height:calc(100vh - 20px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.app-container .sidebar .brand-logo{display:flex;align-items:center;gap:5px;margin-bottom:20px;text-decoration:none;color:#000;padding:10px}.app-container .sidebar .brand-logo .brand-info .brand-name{font-size:14px;font-weight:500}.app-container .sidebar .brand-logo .brand-info .brand-website{font-size:13px;color:#666}.app-container .sidebar .sidebar-nav{padding:10px 5px}.app-container .sidebar .sidebar-nav a{text-decoration:none;color:#494949;padding:6px 5px;font-size:.9rem;display:flex;align-items:center;gap:8px}.app-container .sidebar .sidebar-nav a svg{font-size:1.2rem}.app-container .sidebar .sidebar-nav .verification .verification-badge{font-size:11px;background-color:#000;color:#fff;padding:3px;border-radius:4px}.divider{border:.5px solid #d3d3d3;width:100%;margin:8px 0}.brand-main-content{margin:10px;background-color:#fff;box-shadow:0 0 0 1px oklch(.145 0 0/.05),0 1px 2px 0 rgba(0,0,0,.05);padding:20px;border-radius:1rem}.brand-main-content .top-header .page-title{padding:0;margin:0;font-size:1.3rem}.campaigns-table{width:100%;border-collapse:collapse;display:flex;flex-direction:column}.campaigns-table thead{background-color:color-mix(in oklab,oklch(97% 0 0deg) 50%,transparent);flex-shrink:0}.campaigns-table thead tr{display:table;width:100%;table-layout:fixed}.campaigns-table thead tr th{padding:.625rem .875rem;text-align:left;font-size:.8125rem;font-weight:600;color:oklch(.208 .042 265.755);border-bottom:1px solid oklch(.922 0 0)}.campaigns-table tbody{flex:1 1;overflow-y:auto;display:block}.campaigns-table tbody tr{display:table;width:100%;table-layout:fixed;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.campaigns-table tbody tr td{padding:.75rem .875rem;font-size:.8125rem;color:#000;border-bottom:1px solid oklch(.95 0 0)}.campaigns-table tbody tr td .stats-value{display:flex;align-items:center;gap:3px}.campaigns-table tbody tr .campaign-col .campaign-info svg{font-size:16px}.campaigns-table tbody tr .campaign-col .campaign-info .campaign-details .campaign-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaigns-table tbody tr .actions-col .action-buttons{display:flex;align-items:center;gap:4px}.campaigns-table tbody tr .actions-col .action-buttons svg{font-size:16px}.campaigns-table tbody tr .actions-col .action-buttons .action-btn{background-color:#fafafa;display:flex;padding:5px;border-radius:5px;align-items:center;gap:5px;border:1px solid #ddd;cursor:pointer;color:#000}.campaigns-table tbody tr .actions-col .action-buttons .delete-btn{border:1px solid #ddd}.campaigns-table tbody tr .actions-col .action-buttons .delete-btn svg path{stroke:red}.campaigns-table-wrapper .campaigns-table .campaign-col{width:250px;min-width:250px}.campaigns-table-wrapper .campaigns-table .bounce-col,.campaigns-table-wrapper .campaigns-table .openrate-col,.campaigns-table-wrapper .campaigns-table .recipients-col,.campaigns-table-wrapper .campaigns-table .unsub-col{width:80px}.campaigns-table-wrapper .campaigns-table .created-col{width:100px}.campaigns-table-wrapper .campaigns-table .actions-col{width:180px}.contact-lists-table-wrapper .campaigns-table thead tr th:first-child{width:35%}.contact-lists-table-wrapper .campaigns-table thead tr th:nth-child(2){width:12%}.contact-lists-table-wrapper .campaigns-table thead tr th:nth-child(3){width:15%}.contact-lists-table-wrapper .campaigns-table thead tr th:nth-child(4){width:12%}.contact-lists-table-wrapper .campaigns-table thead tr th:nth-child(5){width:26%}.contact-lists-table-wrapper .campaigns-table tbody tr td:first-child{width:35%}.contact-lists-table-wrapper .campaigns-table tbody tr td:nth-child(2){width:12%}.contact-lists-table-wrapper .campaigns-table tbody tr td:nth-child(3){width:15%}.contact-lists-table-wrapper .campaigns-table tbody tr td:nth-child(4){width:12%}.contact-lists-table-wrapper .campaigns-table tbody tr td:nth-child(5){width:26%}.contact-lists-table-wrapper .campaigns-table .campaign-col>div>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{padding:.6rem 1rem;border-radius:12.8px;color:#fff;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:0;display:inline-flex;align-items:center;justify-content:center;gap:6.4px;font-size:.76rem;font-weight:300;letter-spacing:.02em;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px -2px rgba(0,0,0,.1),0 4px 16px -4px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.1)}@media(max-width:768px){.button{padding:.52rem .8rem;font-size:.68rem;gap:4.8px}}@media(max-width:480px){.button{padding:.48rem .72rem;font-size:.64rem;border-radius:9.6px}}.button svg{width:14.4px;height:14.4px;transition:all .3s ease}@media(max-width:768px){.button svg{width:12.8px;height:12.8px}}.button:hover svg{transform:translateX(2px) scale(1.05)}.button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0,rgba(255,255,255,.05) 30%,transparent 70%);transform:scale(0);transition:transform .6s ease;border-radius:50%}.button:hover:before{transform:scale(1)}.button--primary{border-radius:14.4px;color:#fff;background:linear-gradient(145deg,#1a1a1a,#2c2c2c 25%,#1f1f1f 50%,#2a2a2a 75%,#0f0f0f);border:1px solid hsla(0,0%,100%,.2);transform:translateY(-2px)}@media(max-width:480px){.button--primary{border-radius:11.2px}}.button--primary svg path{stroke:#fff}.button--primary:after{content:"";position:absolute;inset:1px;border-radius:13.6px;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));pointer-events:none}@media(max-width:480px){.button--primary:after{border-radius:10.4px}}.button--primary:focus{outline:none;box-shadow:0 0 0 4px hsla(0,0%,100%,.15),0 8px 32px -4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.button--primary:hover{background:linear-gradient(145deg,#1a1a1a,#2c2c2c 25%,#1f1f1f 50%,#2a2a2a 75%,#0f0f0f);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 8px 32px -4px rgba(0,0,0,.25),0 4px 16px -2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.button--primary:active{transform:translateY(-1px)}.button--secondary{background:hsla(0,0%,100%,.08);color:#1a1a1a;border-radius:12.8px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid #010101}@media(max-width:480px){.button--secondary{border-radius:9.6px}}.button--secondary:after{content:"";position:absolute;inset:1px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.15),transparent 50%,rgba(255,255,255,.08));pointer-events:none}@media(max-width:480px){.button--secondary:after{border-radius:8.8px}}.button--secondary:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.12),0 4px 24px -2px rgba(0,0,0,.1)}.button--secondary:hover{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.3);color:#000;transform:translateY(-1px);box-shadow:0 4px 24px -2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.2)}.button--secondary:active{transform:translateY(0)}.button--tertiary{background:linear-gradient(145deg,#1a1a1a,#2d2d2d 50%,#232323);color:#fff;border:1px solid hsla(0,0%,100%,.06);border-radius:11.2px}@media(max-width:480px){.button--tertiary{border-radius:8px}}.button--tertiary:after{content:"";position:absolute;inset:1px;border-radius:10.4px;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 60%,rgba(255,255,255,.02));pointer-events:none}@media(max-width:480px){.button--tertiary:after{border-radius:7.2px}}.button--tertiary:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.08),0 6px 24px -2px rgba(0,0,0,.2)}.button--tertiary:hover{background:linear-gradient(145deg,#2d2d2d,#3a3a3a 50%,#333333);border-color:hsla(0,0%,100%,.12);transform:translateY(-1px);box-shadow:0 12px 48px -8px rgba(0,0,0,.3),0 6px 24px -4px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}.button--tertiary:active{transform:translateY(0)}.button--small{padding:.36rem .52rem;font-size:.64rem;border-radius:8px}@media(max-width:768px){.button--small{padding:.32rem .48rem;font-size:.6rem}}@media(max-width:480px){.button--small{padding:.28rem .4rem;font-size:.56rem;border-radius:6.4px}}.button--small:after{border-radius:0!important}.button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;filter:grayscale(.3)}.button:disabled:after,.button:disabled:before{display:none}.button--loading{pointer-events:none}.button--loading:after{content:"";position:absolute;width:14.4px;height:14.4px;border:2px solid hsla(0,0%,100%,.2);border-top-color:currentcolor;border-radius:50%;animation:smoothSpin 1.2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:768px){.button--loading:after{width:12.8px;height:12.8px}}.button--loading svg{opacity:0;transform:scale(.8)}@keyframes smoothSpin{0%{transform:rotate(0deg);opacity:1}50%{opacity:.8}to{transform:rotate(1turn);opacity:1}}.button:focus-visible{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.15),0 0 0 6px hsla(0,0%,100%,.05)}.campaigns-header{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.search-container .search-input-wrapper{position:relative}.search-container .search-input-wrapper .search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem}.search-container .search-input-wrapper input{padding:.4375rem .625rem .4375rem 2.1875rem;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;color:#000;background-color:#fff;min-width:180px;transition:all .15s cubic-bezier(.4,0,.2,1)}.form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@media(max-width:768px){.form-modal-overlay{padding:.5rem}}@media(max-width:480px){.form-modal-overlay{padding:0;align-items:flex-end}}.modal-form-container{background:#fff;border-radius:1rem;padding:1.5rem;max-width:600px;width:100%;box-shadow:0 0 0 1px oklch(.145 0 0/.05),0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);min-width:400px}@media(max-width:768px){.modal-form-container{padding:1.5rem;max-width:95%}}@media(max-width:480px){.modal-form-container{padding:1.25rem;border-radius:1rem 1rem 0 0;max-width:100%}}.modal-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid oklch(.95 0 0)}.modal-form-header h2{margin:0;font-size:1.2rem;font-weight:500;color:#1a1a1a}@media(max-width:768px){.modal-form-header h2{font-size:1.25rem}}@media(max-width:480px){.modal-form-header h2{font-size:1.125rem}}.modal-form-close{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;color:#666}.modal-form-close:hover{background:oklch(.95 0 0);color:#1a1a1a}.modal-form-close:active{transform:scale(.95)}.alert--error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#dc2626}.alert--success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#16a34a}.alert--warning{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.2);color:#d97706}.alert--info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#2563eb}.form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:.25rem}.form-required{color:#dc2626;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem 1rem;border:1px solid oklch(.922 0 0);border-radius:.5rem;font-size:.825rem;color:#1a1a1a;background-color:#fff;transition:all .2s ease;font-weight:300;box-sizing:border-box}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:oklch(.97 0 0);cursor:not-allowed;opacity:.6}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:#666}@media(max-width:480px){.form-input,.form-select,.form-textarea{padding:.625rem .875rem;font-size:.8125rem}}.form-textarea{min-height:120px;resize:vertical;font-family:Sora,sans-serif;line-height:1.5}.form-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 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select:disabled{cursor:not-allowed}.form-checkbox,.form-radio{width:1.125rem;height:1.125rem;border:1px solid oklch(.922 0 0);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.form-checkbox:checked,.form-radio:checked{background-color:#1a1a1a;border-color:#1a1a1a}.form-checkbox:focus,.form-radio:focus{outline:none;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.form-checkbox:disabled,.form-radio:disabled{cursor:not-allowed;opacity:.5}.form-radio{border-radius:50%}.form-help{margin:0;font-size:.75rem;color:#666;line-height:1.4}@media(max-width:480px){.form-help{font-size:.6875rem}}.form-error{margin:0;font-size:.75rem;color:#dc2626;line-height:1.4}.form-actions{gap:.75rem;margin-top:.5rem;padding-top:1.5rem}@media(max-width:480px){.form-actions{flex-direction:column-reverse;gap:.5rem}.form-actions .button{width:100%}}.spinner-icon{animation:spin 1s linear infinite}.form-input--small{padding:.5rem .75rem;font-size:.8125rem}.form-input--large{padding:1rem 1.25rem;font-size:1rem}.form-input-wrapper{position:relative;width:100%}.form-input-wrapper--icon-left .form-input,.form-input-wrapper--icon-left .form-select,.form-input-wrapper--icon-left .form-textarea{padding-left:2.5rem}.form-input-wrapper--icon-left .form-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.form-input-wrapper--icon-right .form-input,.form-input-wrapper--icon-right .form-select,.form-input-wrapper--icon-right .form-textarea{padding-right:2.5rem}.form-input-wrapper--icon-right .form-input-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.unified-editor{display:flex;flex-direction:column;width:100%;min-height:500px;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}@media(max-width:768px){.unified-editor{min-height:400px;border-radius:.5rem}}.editor-mode-selector{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0);gap:1rem}@media(max-width:768px){.editor-mode-selector{padding:.625rem .875rem;flex-wrap:wrap}}.mode-tabs{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:.5rem;border:1px solid oklch(.922 0 0)}@media(max-width:480px){.mode-tabs{flex:1 1;width:100%}}.mode-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:rgba(0,0,0,0);color:#666;font-size:.8125rem;font-weight:400;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-tab svg{width:16px;height:16px;flex-shrink:0}@media(max-width:480px){.mode-tab span{display:none}}.mode-tab:hover:not(:disabled){background:oklch(.97 0 0);color:#1a1a1a}.mode-tab.active{background:#1a1a1a;color:#fff;font-weight:500}.mode-tab.active svg path{stroke:#fff}.mode-tab:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.mode-tab{flex:1 1;justify-content:center;padding:.625rem}}.editor-info{display:flex;align-items:center;gap:.5rem}.editor-info .current-mode{font-size:.75rem;color:#666;font-weight:400}@media(max-width:768px){.editor-info .current-mode{display:none}}.editor-content-area{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.editorContainer{display:flex;flex-direction:column;height:100%;width:100%}.editorToolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0);flex-wrap:wrap}@media(max-width:768px){.editorToolbar{padding:.625rem .875rem;gap:.375rem}}.editorToolbar .fontFamilyContainer .fontFamilySelect{padding:.4375rem 2rem .4375rem .75rem;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;color:#1a1a1a;background-color:#fff;cursor:pointer;transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:140px}.editorToolbar .fontFamilyContainer .fontFamilySelect:hover{border-color:#666}.editorToolbar .fontFamilyContainer .fontFamilySelect:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}@media(max-width:768px){.editorToolbar .fontFamilyContainer .fontFamilySelect{min-width:120px;font-size:.75rem;padding:.375rem 1.75rem .375rem .625rem}}.editorToolbar .toolbarDivider{width:1px;height:24px;background:oklch(.922 0 0);margin:0 .25rem}@media(max-width:768px){.editorToolbar .toolbarDivider{display:none}}.editorToolbar .toolbarButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid oklch(.922 0 0);background:#fff;color:#666;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.editorToolbar .toolbarButton svg{width:16px;height:16px}.editorToolbar .toolbarButton:hover:not(:disabled){background:oklch(.97 0 0);border-color:#666;color:#1a1a1a}.editorToolbar .toolbarButton.isActive{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.editorToolbar .toolbarButton.isActive svg path{stroke:#fff}.editorToolbar .toolbarButton:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.editorToolbar .toolbarButton{width:28px;height:28px}.editorToolbar .toolbarButton svg{width:14px;height:14px}}.editorWrapper{flex:1 1;overflow-y:auto;padding:1.5rem;background:#fff}@media(max-width:768px){.editorWrapper{padding:1rem}}.tipTapEditor{min-height:400px}.tipTapEditor .ProseMirror{outline:none;font-size:.9375rem;line-height:1.6;color:#1a1a1a}.tipTapEditor .ProseMirror:focus{outline:none}.tipTapEditor .ProseMirror p.is-editor-empty:first-child:before{color:#999;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tipTapEditor .ProseMirror h2{font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem;color:#1a1a1a}.tipTapEditor .ProseMirror h3{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .75rem;color:#1a1a1a}.tipTapEditor .ProseMirror p{margin:.75rem 0}.tipTapEditor .ProseMirror ol,.tipTapEditor .ProseMirror ul{padding-left:1.5rem;margin:.75rem 0}.tipTapEditor .ProseMirror ol li,.tipTapEditor .ProseMirror ul li{margin:.25rem 0}.tipTapEditor .ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer}.tipTapEditor .ProseMirror a:hover{color:#1d4ed8}.tipTapEditor .ProseMirror .image-container{position:relative;display:inline-block;margin:1rem 0;max-width:100%}.tipTapEditor .ProseMirror .image-container img{max-width:100%;height:auto;border-radius:.5rem}.tipTapEditor .ProseMirror .image-container.ProseMirror-selectednode{outline:2px solid #1a1a1a;outline-offset:2px;border-radius:.5rem}.tipTapEditor .ProseMirror .resize-handle{position:absolute;width:10px;height:10px;background:#1a1a1a;border:2px solid #fff;border-radius:50%;cursor:pointer;z-index:10;opacity:0;transition:opacity .2s ease}.tipTapEditor .ProseMirror .resize-handle.top-left{top:-5px;left:-5px;cursor:nwse-resize}.tipTapEditor .ProseMirror .resize-handle.top-right{top:-5px;right:-5px;cursor:nesw-resize}.tipTapEditor .ProseMirror .resize-handle.bottom-left{bottom:-5px;left:-5px;cursor:nesw-resize}.tipTapEditor .ProseMirror .resize-handle.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize}.tipTapEditor .ProseMirror .resize-handle.top{top:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.tipTapEditor .ProseMirror .resize-handle.bottom{bottom:-5px;left:50%;transform:translateX(-50%);cursor:ns-resize}.tipTapEditor .ProseMirror .resize-handle.left{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.tipTapEditor .ProseMirror .resize-handle.right{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.tipTapEditor .ProseMirror .ProseMirror-selectednode .resize-handle{opacity:1}.editorLoading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#666;font-size:.875rem}.html-editor-container{display:flex;flex-direction:column;height:100%;width:100%}.html-editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0);gap:1rem}@media(max-width:768px){.html-editor-toolbar{padding:.625rem .875rem}}.html-editor-toolbar .toolbar-left{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:.5rem;border:1px solid oklch(.922 0 0)}.html-editor-toolbar .toolbar-right{display:flex;gap:.5rem}.html-editor-toolbar .toolbar-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:rgba(0,0,0,0);color:#666;font-size:.8125rem;font-weight:400;border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.html-editor-toolbar .toolbar-btn svg{width:16px;height:16px}.html-editor-toolbar .toolbar-btn:hover:not(:disabled){background:oklch(.97 0 0);color:#1a1a1a}.html-editor-toolbar .toolbar-btn.active{background:#1a1a1a;color:#fff}.html-editor-toolbar .toolbar-btn.active svg path{stroke:#fff}.html-editor-toolbar .toolbar-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.html-editor-toolbar .toolbar-btn{padding:.5rem .75rem;font-size:.75rem}}.html-editor-toolbar .format-btn{background:#fff;border:1px solid oklch(.922 0 0);color:#1a1a1a}.html-editor-toolbar .format-btn:hover:not(:disabled){border-color:#666}.html-editor-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2);color:#dc2626;font-size:.8125rem}.html-editor-error svg{width:16px;height:16px;flex-shrink:0}.html-editor-content{flex:1 1;overflow:hidden;background:#fff}.html-textarea{width:100%;height:100%;min-height:400px;padding:1.5rem;border:none;outline:none;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;color:#1a1a1a;background:#fff;resize:none;-moz-tab-size:2;tab-size:2}.html-textarea:disabled{background:oklch(.98 0 0);cursor:not-allowed;opacity:.6}@media(max-width:768px){.html-textarea{padding:1rem;font-size:.8125rem}}.html-preview{height:100%;min-height:400px;overflow-y:auto;padding:1.5rem;background:#fff}@media(max-width:768px){.html-preview{padding:1rem}}.html-preview .preview-content{max-width:600px;margin:0 auto;font-family:Arial,sans-serif;font-size:.9375rem;line-height:1.6;color:#1a1a1a}.html-preview .preview-content *{margin:0;padding:0;box-sizing:border-box}.html-preview .preview-content h1,.html-preview .preview-content h2,.html-preview .preview-content h3,.html-preview .preview-content h4,.html-preview .preview-content h5,.html-preview .preview-content h6{margin:1rem 0 .75rem;font-weight:600;line-height:1.3}.html-preview .preview-content p{margin:.75rem 0}.html-preview .preview-content img{max-width:100%;height:auto;border-radius:.5rem}.html-preview .preview-content a{color:#2563eb;text-decoration:underline}.html-preview .preview-content a:hover{color:#1d4ed8}.html-preview .preview-content ol,.html-preview .preview-content ul{margin:.75rem 0;padding-left:1.5rem}.html-preview .preview-content table{width:100%;border-collapse:collapse;margin:1rem 0}.html-preview .preview-content table td,.html-preview .preview-content table th{padding:.5rem;border:1px solid #e5e5e5}@media(max-width:768px){.unified-editor{border-radius:.5rem}.editorWrapper{padding:1rem}.tipTapEditor .ProseMirror{font-size:.875rem}.tipTapEditor .ProseMirror h2{font-size:1.25rem}.tipTapEditor .ProseMirror h3{font-size:1.125rem}}@media(max-width:480px){.unified-editor{min-height:350px}.editorWrapper{padding:.75rem}.tipTapEditor{min-height:300px}}.sc-container{max-width:1400px;margin:0 auto;padding:0}.sc-header{margin-bottom:1.25rem}.sc-header h1{margin:.625rem 0 0;font-size:1.375rem;font-weight:500;color:#1a1a1a}.sc-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.8125rem;transition:color .2s ease}.sc-back-link:hover{color:#1a1a1a}.sc-back-link svg{flex-shrink:0}.sc-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:1.25rem;border:1px solid}.sc-alert svg{flex-shrink:0}.sc-alert.sc-alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#dc2626}.sc-alert.sc-alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#16a34a}.sc-verification-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:1.25rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);color:#d97706}.sc-verification-alert svg{flex-shrink:0}.sc-main-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.25rem}@media(max-width:1100px){.sc-main-layout{grid-template-columns:1fr}}.sc-options-column,.sc-preview-column{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:1100px){.sc-preview-column{order:2}.sc-options-column{order:1}}.sc-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}@media(max-width:768px){.sc-card{padding:1rem}}.sc-card.sc-sticky{position:-webkit-sticky;position:sticky;top:1rem;align-self:flex-start}@media(max-width:1100px){.sc-card.sc-sticky{position:relative;top:0}}.sc-card.sc-card-compact{padding:1.25rem}.sc-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid oklch(.95 0 0)}.sc-card-header svg{color:#1a1a1a;flex-shrink:0}.sc-card-header h2{margin:0;font-size:.9375rem;font-weight:500;color:#1a1a1a}.sc-details-grid{gap:.625rem}.sc-detail-item,.sc-details-grid{display:flex;flex-direction:column}.sc-detail-item{gap:.25rem}.sc-detail-item .sc-detail-label{font-size:.6875rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.sc-detail-item .sc-detail-value{font-size:.8125rem;color:#1a1a1a;word-break:break-word;line-height:1.4}.sc-preview-wrapper{display:flex;flex-direction:column;gap:.75rem}.sc-preview-label{font-size:.6875rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.sc-email-preview{padding:1rem;background:oklch(.98 0 0);border:1px solid oklch(.95 0 0);border-radius:.5rem;font-family:Arial,sans-serif;font-size:.8125rem;line-height:1.6;color:#1a1a1a;max-height:400px;min-height:250px;overflow-y:auto}.sc-email-preview::-webkit-scrollbar{width:4px}.sc-email-preview::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sc-email-preview::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.sc-email-preview::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.sc-email-preview *{max-width:100%}.sc-email-preview img{max-width:100%;height:auto;border-radius:.375rem}.sc-email-preview h1,.sc-email-preview h2,.sc-email-preview h3,.sc-email-preview h4,.sc-email-preview h5,.sc-email-preview h6{margin:.75rem 0 .5rem;line-height:1.3}.sc-email-preview p{margin:.5rem 0}@media(max-width:768px){.sc-email-preview{padding:.875rem;max-height:300px;min-height:200px}}.sc-test-email-section{display:flex;flex-direction:column;gap:.75rem}.sc-test-email-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sc-test-success{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#16a34a;font-weight:500}.sc-test-success svg{flex-shrink:0}.sc-test-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.375rem;font-size:.75rem;color:#dc2626}.sc-test-error svg{flex-shrink:0}.sc-test-email-form{display:grid;grid-template-columns:1fr auto;grid-gap:.5rem;gap:.5rem}@media(max-width:480px){.sc-test-email-form{grid-template-columns:1fr}}.sc-test-help{margin:0;font-size:.6875rem;color:#666;line-height:1.4}.sc-lists{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.sc-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid oklch(.95 0 0);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sc-list-item:hover{background:oklch(.98 0 0);border-color:#666}.sc-list-item.sc-selected{border-color:#1a1a1a;background:oklch(.98 0 0)}.sc-list-item input[type=checkbox]{flex-shrink:0;cursor:pointer}.sc-list-item .sc-list-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.sc-list-item .sc-list-info .sc-list-name{font-size:.875rem;font-weight:500;color:#1a1a1a}.sc-list-item .sc-list-info .sc-list-count{font-size:.75rem;color:#666}@media(max-width:480px){.sc-list-item{padding:.625rem}}.sc-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.8125rem;color:#1e40af}.sc-summary svg{flex-shrink:0}.sc-summary strong{font-weight:600}.sc-schedule-options{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.sc-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid oklch(.95 0 0);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.sc-option:hover{border-color:#666;background:oklch(.98 0 0)}.sc-option.sc-selected{border-color:#1a1a1a;background:oklch(.98 0 0)}.sc-option input[type=radio]{flex-shrink:0;margin-top:.125rem;cursor:pointer}.sc-option .sc-option-content{display:flex;align-items:flex-start;gap:.625rem;flex:1 1}.sc-option .sc-option-content svg{flex-shrink:0;margin-top:.125rem;color:#1a1a1a;width:16px;height:16px}.sc-option .sc-option-content .sc-option-info{flex:1 1;display:flex;flex-direction:column;gap:.125rem}.sc-option .sc-option-content .sc-option-info .sc-option-title{font-size:.875rem;font-weight:500;color:#1a1a1a}.sc-option .sc-option-content .sc-option-info .sc-option-desc{font-size:.75rem;color:#666;line-height:1.4}.sc-schedule-config,.sc-warmup-config{margin-top:.75rem}.date-time-selection{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;padding:.875rem 0;background:oklch(.98 0 0);border-radius:.5rem}@media(max-width:480px){.date-time-selection{grid-template-columns:1fr}}.date-time-selection label{display:block;font-size:.75rem;font-weight:500;color:#1a1a1a;margin-bottom:.5rem}.date-time-selection .date-picker,.date-time-selection .time-picker{width:100%;padding:.625rem .75rem;border:1px solid oklch(.922 0 0);border-radius:.5rem;font-size:.8125rem;color:#1a1a1a;background-color:#fff;transition:all .2s ease;font-family:Sora,sans-serif}.date-time-selection .date-picker:focus,.date-time-selection .time-picker:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(26,26,26,.1)}.sc-warmup-options{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.sc-info-box{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.75rem;color:#1e40af;line-height:1.5}.sc-info-box svg{flex-shrink:0;margin-top:.125rem;width:14px;height:14px}.sc-warmup-config{padding:.875rem;background:oklch(.98 0 0);border-radius:.5rem}.sc-warmup-form{display:flex;flex-direction:column;gap:.75rem}.sc-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}@media(max-width:480px){.sc-form-row{grid-template-columns:1fr}}.sc-warmup-schedule{padding:.875rem;background:oklch(.98 0 0);border-radius:.5rem}.sc-warmup-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem;gap:.625rem;margin-bottom:.875rem}@media(max-width:600px){.sc-warmup-summary{grid-template-columns:1fr}}.sc-warmup-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem;background:#fff;border-radius:.5rem;border:1px solid oklch(.95 0 0);text-align:center}.sc-warmup-stat .sc-stat-value{font-size:1.125rem;font-weight:600;color:#1a1a1a}.sc-warmup-stat .sc-stat-label{font-size:.6875rem;color:#666}.sc-warmup-stages-container{background:#fff;border:1px solid oklch(.95 0 0);border-radius:.5rem;overflow:hidden}.sc-warmup-stages-header{display:grid;grid-template-columns:50px 1fr 70px 70px;grid-gap:.5rem;gap:.5rem;padding:.5rem .75rem;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0);font-size:.6875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.sc-warmup-stages-header span:last-child{text-align:right}.sc-warmup-stages{max-height:200px;overflow-y:auto}.sc-warmup-stages::-webkit-scrollbar{width:4px}.sc-warmup-stages::-webkit-scrollbar-track{background:oklch(.98 0 0)}.sc-warmup-stages::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.sc-warmup-stages::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.sc-warmup-stage{display:grid;grid-template-columns:50px 1fr 70px 70px;grid-gap:.5rem;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid oklch(.95 0 0);font-size:.75rem;color:#1a1a1a}.sc-warmup-stage:last-child{border-bottom:none}.sc-warmup-stage span:last-child{text-align:right}.sc-warmup-more{padding:.5rem .75rem;text-align:center;font-size:.6875rem;color:#666;font-style:italic;background:oklch(.98 0 0)}.sc-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1rem}@media(max-width:480px){.sc-actions{flex-direction:column-reverse}.sc-actions .sc-btn{width:100%}}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:.625rem;font-size:.875rem;font-weight:400;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid;font-family:Sora,sans-serif}.sc-btn svg{flex-shrink:0}.sc-btn:disabled{opacity:.5;cursor:not-allowed}.sc-btn.sc-btn-cancel{background:#fff;color:#666;border-color:oklch(.922 0 0)}.sc-btn.sc-btn-cancel:hover:not(:disabled){background:oklch(.98 0 0);border-color:#666;color:#1a1a1a}.sc-btn.sc-btn-confirm,.sc-btn.sc-btn-send{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.sc-btn.sc-btn-confirm:hover:not(:disabled),.sc-btn.sc-btn-send:hover:not(:disabled){background:#2c2c2c;border-color:#2c2c2c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sc-btn.sc-btn-confirm:active:not(:disabled),.sc-btn.sc-btn-send:active:not(:disabled){transform:translateY(0)}.sc-btn.sc-btn-secondary{background:#fff;color:#1a1a1a;border-color:#1a1a1a}.sc-btn.sc-btn-secondary:hover:not(:disabled){background:oklch(.98 0 0)}.sc-btn.sc-btn-primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.sc-btn.sc-btn-primary:hover:not(:disabled){background:#2c2c2c;transform:translateY(-1px)}.sc-spinner-btn{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;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,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.sc-modal{background:#fff;border-radius:.75rem;max-width:600px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:slideUp .3s ease-out}@media(max-width:480px){.sc-modal{max-width:95%}}.sc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid oklch(.95 0 0)}.sc-modal-header h3{margin:0;font-size:1.125rem;font-weight:500;color:#1a1a1a}.sc-modal-header .sc-close-btn{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;color:#666;transition:all .2s ease}.sc-modal-header .sc-close-btn:hover{background:oklch(.95 0 0);color:#1a1a1a}.sc-modal-content{padding:1.25rem}.sc-confirmation-message{text-align:center}.sc-confirmation-message .schedule-icon,.sc-confirmation-message .send-icon,.sc-confirmation-message .warmup-icon{margin:0 auto 1rem;color:#1a1a1a}.sc-confirmation-message p{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6;color:#666}.sc-campaign-summary{background:oklch(.98 0 0);border-radius:.5rem;padding:1rem;margin-bottom:1rem;text-align:left}.sc-summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.625rem 0;border-bottom:1px solid oklch(.95 0 0);font-size:.8125rem;gap:1rem}.sc-summary-item:last-child{border-bottom:none}@media(max-width:480px){.sc-summary-item{flex-direction:column;gap:.25rem}}.sc-summary-item .sc-summary-label{color:#666;font-weight:500;flex-shrink:0}.sc-summary-item .sc-summary-value{color:#1a1a1a;text-align:right;word-break:break-word}@media(max-width:480px){.sc-summary-item .sc-summary-value{text-align:left}}.sc-warmup-notice{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.75rem;color:#1e40af;line-height:1.4}.sc-warmup-notice svg{flex-shrink:0;margin-top:.125rem}.sc-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}@media(max-width:480px){.sc-modal-actions{flex-direction:column-reverse}.sc-modal-actions .sc-btn{width:100%}}.sc-empty,.sc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.sc-empty p,.sc-loading p{margin:.5rem 0 1rem;font-size:.875rem;color:#666}.sc-spinner{width:1.75rem;height:1.75rem;border:2.5px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.875rem}@media(max-width:1100px){.sc-main-layout .sc-preview-column .sc-card.sc-sticky{position:relative;top:0}}@media(max-width:768px){.sc-container .sc-header h1{font-size:1.25rem}.sc-container .sc-card{padding:1rem}.sc-container .sc-email-preview{min-height:200px;max-height:300px}}@media(max-width:480px){.sc-container .sc-header h1{font-size:1.125rem}.sc-container .sc-card{padding:.875rem}.sc-container .sc-card-header h2{font-size:.875rem}}.template-detail-container{max-width:1400px;margin:0 auto;padding:0}.detail-header{margin-bottom:1.5rem}.detail-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease;margin-bottom:1rem}.detail-header .back-link:hover{color:#1a1a1a}.template-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.template-header .template-header-content{flex:1 1}.template-header .template-header-content h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:500;color:#1a1a1a}.template-header .template-header-content .template-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.template-header .template-header-content .template-meta .subject-line{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.template-header .template-header-content .template-meta .subject-line .subject-label{color:#666;font-weight:500}.template-header .template-header-content .template-meta .subject-line .subject-value{color:#1a1a1a}.template-header .template-header-content .template-meta .template-api-key{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:oklch(.98 0 0);border-radius:.5rem;font-size:.75rem}.template-header .template-header-content .template-meta .template-api-key .key-label{color:#666;font-weight:500}.template-header .template-header-content .template-meta .template-api-key code{font-family:Courier New,monospace;color:#1a1a1a;background:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid oklch(.95 0 0)}.template-header .template-header-content .template-meta .template-api-key .copy-btn{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:#666;transition:color .2s ease}.template-header .template-header-content .template-meta .template-api-key .copy-btn:hover{color:#1a1a1a}.template-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-section,.template-actions{margin-bottom:1.5rem}.detail-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.detail-section .section-header h2{display:flex;align-items:center;gap:.625rem;margin:0;font-size:1.125rem;font-weight:500;color:#1a1a1a}.detail-section .section-header h2 svg{flex-shrink:0}.detail-section .section-header .view-all-link{font-size:.875rem;color:#1a1a1a;text-decoration:none;transition:color .2s ease}.detail-section .section-header .view-all-link:hover{color:#666}.detail-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-item .detail-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-item .detail-value{font-size:.9375rem;color:#1a1a1a;line-height:1.4}.template-variables{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid oklch(.95 0 0)}.template-variables .variables-header{margin-bottom:1rem}.template-variables .variables-header h3{margin:0;font-size:1rem;font-weight:500;color:#1a1a1a}.template-variables .variables-list{display:flex;flex-wrap:wrap;gap:.75rem}.template-variables .variable-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:oklch(.98 0 0);border:1px solid oklch(.95 0 0);border-radius:.5rem;font-size:.8125rem}.template-variables .variable-tag .variable-name{font-family:Courier New,monospace;color:#1a1a1a;font-weight:500}.template-variables .variable-tag .required-badge{font-size:.6875rem;padding:.125rem .375rem;background:#dc2626;color:#fff;border-radius:.25rem;font-weight:500}.template-variables .variable-tag .variable-description{font-size:.75rem;color:#666;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-variables .variable-tag.required{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.05)}.stats-summary-section .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.stats-summary-section .stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:.75rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}.stats-summary-section .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0}.stats-summary-section .stat-card .stat-icon.stat-icon-sent{background:rgba(59,130,246,.1);color:#2563eb}.stats-summary-section .stat-card .stat-icon.stat-icon-opened{background:rgba(34,197,94,.1);color:#16a34a}.stats-summary-section .stat-card .stat-icon.stat-icon-clicked{background:rgba(251,191,36,.1);color:#d97706}.stats-summary-section .stat-card .stat-icon.stat-icon-bounced{background:rgba(239,68,68,.1);color:#dc2626}.stats-summary-section .stat-card .stat-content{flex:1 1}.stats-summary-section .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:600;color:#1a1a1a;line-height:1;margin-bottom:.25rem}.stats-summary-section .stat-card .stat-content .stat-label{font-size:.8125rem;color:#666}.stats-summary-section .stat-card .stat-content .stat-percent{font-size:.75rem;color:#999;margin-top:.25rem}.transaction-logs-section .logs-header{display:flex;align-items:center;justify-content:space-between}.logs-table-container{background:#fff;border-radius:.75rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05);overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:oklch(.98 0 0)}.logs-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.logs-table tbody tr,.logs-table thead th{border-bottom:1px solid oklch(.95 0 0)}.logs-table tbody tr:last-child{border-bottom:none}.logs-table tbody tr:hover{background:oklch(.99 0 0)}.logs-table tbody td{padding:.875rem 1rem;font-size:.8125rem;color:#1a1a1a}.logs-table tbody td .event-indicators{display:flex;gap:.25rem}.logs-table tbody td .event-indicators .event-indicator{cursor:help}.logs-table tbody td .text-muted{color:#999;font-style:italic}.campaign-editor-page .editor-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.campaign-editor-page .editor-top-bar .editor-nav .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease}.campaign-editor-page .editor-top-bar .editor-nav .back-link:hover{color:#1a1a1a}.campaign-editor-page .editor-top-bar .editor-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.campaign-editor-page .editor-top-bar .editor-actions .status-message{padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:500}.campaign-editor-page .editor-top-bar .editor-actions .status-message.success{background:rgba(34,197,94,.1);color:#16a34a}.campaign-editor-page .editor-top-bar .editor-actions .status-message.error{background:rgba(239,68,68,.1);color:#dc2626}.campaign-editor-page .editor-top-bar .editor-actions .button-spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.campaign-editor-page .campaign-header{margin-bottom:1.5rem}.campaign-editor-page .campaign-header h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:500;color:#1a1a1a}.campaign-editor-page .campaign-header .template-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.campaign-editor-page .campaign-header .template-info .subject-line{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.campaign-editor-page .campaign-header .template-info .subject-line span:first-child{color:#666;font-weight:500}.campaign-editor-page .campaign-header .template-info .status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.campaign-editor-page .campaign-header .template-info .status-badge.active{background:rgba(34,197,94,.1);color:#16a34a}.campaign-editor-page .campaign-header .template-info .status-badge.draft{background:rgba(251,191,36,.1);color:#d97706}.campaign-editor-page .campaign-header .template-info .status-badge.inactive{background:rgba(107,114,128,.1);color:#6b7280}.campaign-editor-page .variables-section{margin-bottom:1.5rem;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}.campaign-editor-page .variables-section .variables-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.campaign-editor-page .variables-section .variables-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:500;color:#1a1a1a}.campaign-editor-page .variables-section .variables-header h3 .toggle-edit{font-size:.75rem;color:#666;font-weight:400}.campaign-editor-page .variables-section .variables-header .variables-detected{font-size:.8125rem}.campaign-editor-page .variables-section .variables-header .variables-detected .no-variables{color:#999}.campaign-editor-page .variables-section .variables-header .variables-detected .variables-count{color:#1a1a1a;font-weight:500}.campaign-editor-page .variables-section .variables-editor .variables-table-container{overflow-x:auto;margin-bottom:1rem}.campaign-editor-page .variables-section .variables-editor .variables-table{width:100%;border-collapse:collapse}.campaign-editor-page .variables-section .variables-editor .variables-table thead{background:oklch(.98 0 0)}.campaign-editor-page .variables-section .variables-editor .variables-table thead th{padding:.625rem .75rem;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid oklch(.95 0 0)}.campaign-editor-page .variables-section .variables-editor .variables-table tbody tr{border-bottom:1px solid oklch(.95 0 0)}.campaign-editor-page .variables-section .variables-editor .variables-table tbody tr:last-child{border-bottom:none}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td{padding:.625rem .75rem;font-size:.8125rem;color:#1a1a1a}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td:first-child{font-family:Courier New,monospace;font-weight:500}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td .variable-input{width:100%;padding:.5rem .75rem;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;transition:all .2s ease}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td .variable-input:focus{outline:none;border-color:#1a1a1a}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td .variable-checkbox{width:18px;height:18px;cursor:pointer}.campaign-editor-page .variables-section .variables-editor .variables-table tbody td.no-variables-message{text-align:center;color:#999;font-style:italic;padding:1.5rem}.campaign-editor-page .variables-section .variables-editor .variables-actions{display:flex;justify-content:flex-end}.campaign-editor-page .variables-section .variables-list .variables-chips{display:flex;flex-wrap:wrap;gap:.75rem}.campaign-editor-page .variables-section .variables-list .variables-chips .variable-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:oklch(.98 0 0);border:1px solid oklch(.95 0 0);border-radius:.5rem;font-size:.8125rem}.campaign-editor-page .variables-section .variables-list .variables-chips .variable-chip .variable-name{font-family:Courier New,monospace;color:#1a1a1a;font-weight:500}.campaign-editor-page .variables-section .variables-list .variables-chips .variable-chip .required-badge{font-size:.6875rem;padding:.125rem .375rem;background:#dc2626;color:#fff;border-radius:.25rem;font-weight:500}.campaign-editor-page .variables-section .variables-list .variables-chips .variable-chip.required{border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.05)}.campaign-editor-page .variables-section .variables-list .variables-placeholder{display:flex;align-items:center;gap:.5rem;padding:1rem;background:oklch(.98 0 0);border-radius:.5rem;font-size:.8125rem;color:#666}.campaign-editor-page .variables-section .variables-list .variables-placeholder svg{flex-shrink:0}.campaign-editor-page .editor-container .editor-info-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;font-size:.8125rem;color:#1e40af;margin-bottom:1rem}.campaign-editor-page .editor-container .editor-info-bar svg{flex-shrink:0}.api-docs-container{max-width:1200px;margin:0 auto;padding:0}.api-docs-header{margin-bottom:2rem}.api-docs-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease;margin-bottom:1rem}.api-docs-header .back-link:hover{color:#1a1a1a}.api-docs-header h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:500;color:#1a1a1a}.api-docs-header h1 .api-icon{color:#2563eb}.api-docs-header .template-name{margin:0;font-size:1.125rem;font-weight:400;color:#666}.api-error,.api-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid}.api-error svg,.api-warning svg{flex-shrink:0;margin-top:.125rem}.api-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#dc2626}.api-warning{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.2);color:#d97706}.api-warning h3{margin:0 0 .5rem;font-size:1rem;font-weight:500}.api-warning p{margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.api-warning .publish-link{color:#d97706;text-decoration:underline;font-weight:500;transition:color .2s ease}.api-warning .publish-link:hover{color:#b45309}.api-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.api-loading .spinner{width:2rem;height:2rem;border:3px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.api-loading p{margin:0;font-size:.9375rem;color:#666}.api-endpoint-section,.api-key-section,.api-notes-section,.api-params-section,.code-examples-section,.response-section,.template-variables-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 0 0 1px oklch(.145 0 0/.05)}.api-endpoint-section h3,.api-key-section h3,.api-notes-section h3,.api-params-section h3,.code-examples-section h3,.response-section h3,.template-variables-section h3{display:flex;align-items:center;gap:.625rem;margin:0 0 1rem;font-size:1.125rem;font-weight:500;color:#1a1a1a}.api-endpoint-section h3 svg,.api-key-section h3 svg,.api-notes-section h3 svg,.api-params-section h3 svg,.code-examples-section h3 svg,.response-section h3 svg,.template-variables-section h3 svg{flex-shrink:0}.api-key-container{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.api-key-container .api-key-field{flex:1 1;display:flex;gap:.5rem;min-width:0}.api-key-container .api-key-field .api-key-input{flex:1 1;padding:.75rem 1rem;border:1px solid oklch(.922 0 0);border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#1a1a1a;background:oklch(.98 0 0)}.api-key-container .api-key-field .copy-button{padding:.75rem 1rem;background:#fff;border:1px solid oklch(.922 0 0);border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;color:#666}.api-key-container .api-key-field .copy-button:hover{background:oklch(.98 0 0);color:#1a1a1a}.api-key-container .regenerate-button{padding:.75rem 1.25rem;background:#fff;color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.api-key-container .regenerate-button:hover:not(:disabled){background:rgba(220,38,38,.05)}.api-key-container .regenerate-button:disabled{opacity:.5;cursor:not-allowed}.api-key-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(251,191,36,.1);border-radius:.5rem;font-size:.8125rem;color:#d97706}.api-key-warning svg{flex-shrink:0}.endpoint-url{display:flex;align-items:center;gap:.75rem;padding:1rem;background:oklch(.98 0 0);border:1px solid oklch(.95 0 0);border-radius:.5rem}.endpoint-url code{flex:1 1;font-family:Courier New,monospace;font-size:.875rem;color:#1a1a1a}.endpoint-url .copy-button{padding:.5rem;background:#fff;border:1px solid oklch(.922 0 0);border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;color:#666}.endpoint-url .copy-button:hover{background:oklch(.98 0 0);color:#1a1a1a}.api-params-table-container,.template-variables-table-container{overflow-x:auto;border:1px solid oklch(.95 0 0);border-radius:.5rem}.api-params-table,.template-variables-table{width:100%;border-collapse:collapse}.api-params-table thead,.template-variables-table thead{background:oklch(.98 0 0)}.api-params-table thead th,.template-variables-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid oklch(.95 0 0)}.api-params-table tbody tr,.template-variables-table tbody tr{border-bottom:1px solid oklch(.95 0 0)}.api-params-table tbody tr:last-child,.template-variables-table tbody tr:last-child{border-bottom:none}.api-params-table tbody td,.template-variables-table tbody td{padding:.875rem 1rem;font-size:.8125rem;color:#1a1a1a;vertical-align:top}.api-params-table tbody td code,.template-variables-table tbody td code{font-family:Courier New,monospace;font-size:.8125rem;padding:.125rem .375rem;background:oklch(.98 0 0);border-radius:.25rem}.code-tab-container{border:1px solid oklch(.95 0 0);border-radius:.75rem;overflow:hidden}.code-tabs{display:flex;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0);padding:.5rem;gap:.5rem}.code-tabs .code-tab{padding:.625rem 1.25rem;background:rgba(0,0,0,0);border:none;border-radius:.375rem;font-size:.875rem;font-weight:400;color:#666;cursor:pointer;transition:all .2s ease}.code-tabs .code-tab:hover{background:#fff;color:#1a1a1a}.code-tabs .code-tab.active{background:#1a1a1a;color:#fff;font-weight:500}.code-examples{position:relative}.code-example{display:none}.code-example.active{display:block}.code-example .code-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:oklch(.98 0 0);border-bottom:1px solid oklch(.95 0 0)}.code-example .code-header span{font-size:.875rem;font-weight:500;color:#1a1a1a}.code-example .code-header .copy-button{padding:.5rem;background:#fff;border:1px solid oklch(.922 0 0);border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;color:#666}.code-example .code-header .copy-button:hover{background:oklch(.98 0 0);color:#1a1a1a}.code-example .code-block{margin:0;padding:1.5rem;background:#1a1a1a;overflow-x:auto;font-family:Courier New,monospace;font-size:.8125rem;line-height:1.6}.code-example .code-block code{color:#e5e7eb}.code-example .code-block::-webkit-scrollbar{height:8px}.code-example .code-block::-webkit-scrollbar-track{background:#0f0f0f}.code-example .code-block::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.code-example .code-block::-webkit-scrollbar-thumb:hover{background:#525252}.response-examples{display:flex;flex-direction:column;gap:1.25rem}.response-examples .response-example h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:#1a1a1a}.api-notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.api-notes-list li{padding-left:1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:#1a1a1a}.api-notes-list li:before{content:"→";position:absolute;left:0;color:#2563eb;font-weight:700}.api-notes-list li strong{font-weight:600;color:#1a1a1a}.template-edit-container{max-width:900px;margin:0 auto;padding:0}.template-edit-container .edit-header{margin-bottom:2rem}.template-edit-container .edit-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease;margin-bottom:1rem}.template-edit-container .edit-header .back-link:hover{color:#1a1a1a}.template-edit-container .edit-header h1{margin:0;font-size:1.5rem;font-weight:500;color:#1a1a1a}.template-edit-container .alert{margin-bottom:1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state .icon-wrapper{margin-bottom:1.5rem;color:#666}.empty-state h2{margin:0 0 .75rem;font-size:1.25rem;font-weight:500;color:#1a1a1a}.empty-state p{margin:0 0 1.5rem;font-size:.9375rem;color:#666;max-width:400px}.modal-container{border-radius:.75rem;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-container .modal-header{padding:1.25rem 1.5rem}.modal-container .modal-header h2{margin:0;font-size:1.125rem;font-weight:500;color:#1a1a1a}.modal-container .modal-header .close-btn{padding:.5rem;align-items:center;justify-content:center;border-radius:.375rem;font-size:1.5rem;line-height:1;transition:all .2s ease}.modal-container .modal-header .close-btn:hover{background:oklch(.95 0 0);color:#1a1a1a}.modal-container .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.status-badge{gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500}.status-badge svg{flex-shrink:0;width:14px;height:14px}.status-badge.active{background:rgba(34,197,94,.1);color:#16a34a}.status-badge.draft{background:rgba(251,191,36,.1);color:#d97706}.status-badge.inactive{background:rgba(107,114,128,.1);color:#6b7280}.status-badge.delivered,.status-badge.sent,.status-badge.status-delivered,.status-badge.status-sent{background:rgba(34,197,94,.1);color:#16a34a}.status-badge.failed,.status-badge.status-failed{background:rgba(239,68,68,.1);color:#dc2626}.status-badge.pending,.status-badge.status-pending{background:rgba(251,191,36,.1);color:#d97706}@media(max-width:768px){.template-actions .btn{font-size:.8125rem;padding:.5rem .875rem}.detail-grid,.stats-summary-section .stats-cards{grid-template-columns:1fr}.logs-table{font-size:.75rem}.logs-table td,.logs-table th{padding:.625rem .75rem}.api-key-container{flex-direction:column}.api-key-container .api-key-field{width:100%}.code-tabs .code-tab{padding:.5rem 1rem;font-size:.8125rem}}@media(max-width:480px){.template-header .template-header-content h1{font-size:1.25rem}.template-header .template-header-content .template-meta{flex-direction:column;align-items:flex-start}.template-actions{width:100%}.template-actions .btn{flex:1 1;justify-content:center}.campaign-editor-page .editor-top-bar .editor-actions{width:100%;flex-direction:column}.code-example .code-block{padding:1rem;font-size:.75rem}.modal-container{max-width:95%;max-height:95vh}.modal-container .modal-body,.modal-container .modal-header{padding:1rem}}.integrations-container{max-width:1200px;margin:0 auto;padding:0}.integrations-header{margin-bottom:2rem}.integrations-header h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:500;color:#1a1a1a}.integrations-header p{margin:0;font-size:.875rem;color:#666;line-height:1.5}.integration-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1rem;gap:1rem}@media(max-width:768px){.integration-cards{grid-template-columns:1fr}}.integration-card{display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid oklch(.922 0 0);border-radius:.5rem;transition:all .2s ease}.integration-card:hover:not(.disabled){border-color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.08)}.integration-card.disabled{opacity:.5;cursor:not-allowed;background:oklch(.99 0 0)}.integration-card.disabled .integration-button{pointer-events:none}@media(max-width:480px){.integration-card{padding:1.25rem}}.integration-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.5rem;flex-shrink:0;margin-bottom:1rem;border:1px solid oklch(.95 0 0)}.integration-icon svg{width:24px;height:24px}.integration-icon.firebase{background:#fff7ed;color:#ff6f00;border-color:#ffedd5}.integration-icon.airtable{background:#fef3c7;color:#f59e0b;border-color:#fde68a}.integration-icon.google-sheets{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.integration-icon.supabase{background:#d1fae5;color:#059669;border-color:#a7f3d0}.integration-icon.auth0{background:#fee2e2;color:#dc2626;border-color:#fecaca}@media(max-width:480px){.integration-icon{width:40px;height:40px}.integration-icon svg{width:20px;height:20px}}.integration-info{flex:1 1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.integration-info h3{margin:0;font-size:1rem;font-weight:500;color:#1a1a1a;line-height:1.3}.integration-info p{margin:0;font-size:.8125rem;color:#666;line-height:1.5}.integration-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 0 0;border-top:1px solid oklch(.95 0 0);flex-wrap:wrap}.integration-status .integration-date{font-size:.75rem;color:#999}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid}.status-badge.badge-success{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.status-badge.badge-warning{background:#fef3c7;color:#a16207;border-color:#fde68a}.status-badge.badge-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.status-badge.badge-default{background:oklch(.97 0 0);color:#666;border-color:oklch(.922 0 0)}.integration-action{display:flex;align-items:center;padding-top:.75rem;border-top:1px solid oklch(.95 0 0)}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-section .spinner{width:2rem;height:2rem;border:3px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.loading-section p{margin:0;font-size:.9375rem;color:#666}@media(max-width:768px){.integrations-header{margin-bottom:1.5rem}.integrations-header h1{font-size:1.25rem}.integrations-header p{font-size:.8125rem}}@media(max-width:480px){.integrations-header h1{font-size:1.125rem}.integration-card{padding:1rem}}.firebase-integration-container{max-width:800px;margin:0 auto;padding:0}.integration-header{margin-bottom:1.5rem}.integration-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease;margin-bottom:1rem}.integration-header .back-link:hover{color:#1a1a1a}.integration-header .header-content{display:flex;align-items:center;gap:1rem}.integration-header .header-content .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff7ed;color:#ff6f00;border:1px solid #ffedd5;border-radius:.5rem;flex-shrink:0}.integration-header .header-content .header-icon svg{width:24px;height:24px}.integration-header .header-content .header-text h1{margin:0 0 .25rem;font-size:1.25rem;font-weight:500;color:#1a1a1a}.integration-header .header-content .header-text p{margin:0;font-size:.8125rem;color:#666}.alert .close-alert{padding:.25rem}.integration-status-panel{padding:.875rem 1rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:.5rem;margin-bottom:1rem}.integration-status-panel .status-indicator{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:500;color:#15803d}.integration-status-panel .status-indicator .status-dot{width:6px;height:6px;background:#16a34a;border-radius:50%;animation:pulse 2s ease-in-out infinite}.integration-status-panel .status-meta{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:#15803d;margin-top:.25rem;padding-left:1rem}@media(max-width:480px){.integration-status-panel .status-meta{flex-wrap:wrap}}.integration-setup-container{margin-bottom:1.5rem}.setup-card{background:#fff;border:1px solid oklch(.922 0 0);border-radius:.5rem}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid oklch(.95 0 0)}.setup-header h2{margin:0;font-size:1rem;font-weight:500;color:#1a1a1a}.setup-header .delete-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:rgba(0,0,0,0);color:#dc2626;border:1px solid rgba(220,38,38,.3);border-radius:.375rem;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.setup-header .delete-button:hover:not(:disabled){background:rgba(220,38,38,.1)}.setup-header .delete-button:disabled{opacity:.5;cursor:not-allowed}.setup-header .delete-button svg{width:14px;height:14px}.setup-form{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.form-group input[type=text],.form-group select{padding:.625rem .75rem;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;color:#1a1a1a;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#1a1a1a}.form-group input[type=text]:disabled,.form-group select:disabled{background:oklch(.98 0 0);cursor:not-allowed;opacity:.6}.service-account-section h3{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#1a1a1a}.service-account-section .section-description{margin:0 0 1rem;font-size:.8125rem;color:#666;line-height:1.4}.current-connection{padding:1rem;background:oklch(.99 0 0);border:1px solid oklch(.95 0 0);border-radius:.375rem;margin-bottom:1rem}.current-connection .connection-info{display:grid;grid-template-columns:auto 1fr;grid-gap:.5rem 1rem;gap:.5rem 1rem;margin-bottom:1rem;font-size:.8125rem}.current-connection .connection-info .label{font-weight:500;color:#666}.current-connection .connection-info .value{color:#1a1a1a;word-break:break-all}.current-connection .update-service-account{padding-top:1rem;border-top:1px solid oklch(.95 0 0)}.current-connection .update-service-account p{margin:0 0 .75rem;font-size:.75rem;color:#666}.file-upload-section .instruction-note{display:flex;gap:.625rem;padding:.75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;margin-bottom:1rem}.file-upload-section .instruction-note svg{flex-shrink:0;margin-top:.125rem;color:#2563eb;width:14px;height:14px}.file-upload-section .instruction-note p{margin:0;font-size:.75rem;color:#1e40af;line-height:1.4}.file-upload-container{position:relative}.file-upload-container .file-input{display:none}.file-upload-container .file-upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;border:2px dashed oklch(.922 0 0);border-radius:.5rem;background:oklch(.99 0 0);cursor:pointer;transition:all .2s ease}.file-upload-container .file-upload-zone:hover{border-color:#1a1a1a;background:#fff}.file-upload-container .file-upload-zone.drag-over{border-color:#1a1a1a;background:#f0f9ff;border-style:solid}.file-upload-container .file-upload-zone.has-file{border-color:#16a34a;background:#dcfce7;border-style:solid}.file-upload-container .file-upload-zone .upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border:1px solid oklch(.95 0 0);border-radius:.5rem;color:#666}.file-upload-container .file-upload-zone .upload-icon svg{width:20px;height:20px}.file-upload-container .file-upload-zone .upload-text{text-align:center}.file-upload-container .file-upload-zone .upload-text p{margin:0;font-size:.875rem;color:#1a1a1a;font-weight:500}.file-upload-container .file-upload-zone .upload-text p.file-name{color:#16a34a}.file-upload-container .file-upload-zone .upload-text span{font-size:.75rem;color:#666}.file-upload-container .file-upload-zone .file-actions,.validation-error{display:flex;gap:.5rem;margin-top:.5rem}.validation-error{align-items:center;padding:.625rem .75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.375rem;font-size:.75rem;color:#dc2626}.validation-error svg{flex-shrink:0;width:14px;height:14px}.auth-sync-section h3{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#1a1a1a}.auth-sync-section .section-description{margin:0 0 1rem;font-size:.8125rem;color:#666;line-height:1.4}.test-connection-container{margin-bottom:1rem}.test-connection-container .test-connection-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;color:#1a1a1a;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.test-connection-container .test-connection-button:hover:not(:disabled){border-color:#1a1a1a}.test-connection-container .test-connection-button:disabled{opacity:.6;cursor:not-allowed}.test-connection-container .test-connection-button .test-status-icon{display:flex;width:14px;height:14px}.test-connection-container .test-connection-button .test-status-icon.success{color:#16a34a}.test-connection-container .test-connection-button .test-status-icon.error{color:#dc2626}.test-connection-container .test-connection-button .spinner{animation:spin .8s linear infinite}.auto-sync-toggle{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:oklch(.99 0 0);border:1px solid oklch(.95 0 0);border-radius:.375rem;margin-bottom:1rem}.auto-sync-toggle .toggle-label{flex:1 1}.auto-sync-toggle .toggle-label h4{margin:0 0 .125rem;font-size:.875rem;font-weight:500;color:#1a1a1a}.auto-sync-toggle .toggle-label p{margin:0;font-size:.75rem;color:#666}.auto-sync-toggle .toggle-button{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.25rem;display:flex;transition:transform .2s ease}.auto-sync-toggle .toggle-button:hover{transform:scale(1.05)}.auto-sync-toggle .toggle-button:disabled{opacity:.5;cursor:not-allowed}.auto-sync-toggle .toggle-button .toggle-icon{color:#999}.auto-sync-toggle .toggle-button .toggle-icon.active{color:#16a34a}.sync-config-section{padding:1rem;background:oklch(.99 0 0);border:1px solid oklch(.95 0 0);border-radius:.375rem}.sync-config-section .radio-group{margin-bottom:.75rem}.sync-config-section .radio-group .radio-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#1a1a1a;cursor:pointer}.sync-config-section .radio-group .radio-label input[type=radio]{width:14px;height:14px;cursor:pointer}.sync-config-section .contact-list-select,.sync-config-section .new-list-input{margin:.5rem 0 1rem 1.375rem}.sync-config-section .contact-list-select input,.sync-config-section .contact-list-select select,.sync-config-section .new-list-input input,.sync-config-section .new-list-input select{width:100%}.sync-config-section .manual-sync-button-container{margin-top:1rem;padding-top:1rem;border-top:1px solid oklch(.95 0 0)}.sync-config-section .sync-info-note{display:flex;gap:.5rem;padding:.625rem .75rem;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.375rem;margin-top:1rem}.sync-config-section .sync-info-note svg{flex-shrink:0;margin-top:.125rem;color:#2563eb;width:14px;height:14px}.sync-config-section .sync-info-note p{margin:0;font-size:.75rem;color:#1e40af;line-height:1.4}.form-actions{justify-content:flex-end;padding-top:1rem;border-top:1px solid oklch(.95 0 0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:.5rem;max-width:450px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);animation:slideUp .3s ease-out}.modal-container.delete-modal .modal-content{text-align:center}.modal-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid oklch(.95 0 0)}.modal-container .modal-header h3{margin:0;font-size:1rem;font-weight:500;color:#1a1a1a}.modal-container .modal-header .close-btn{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.25rem;display:flex;color:#666}.modal-container .modal-header .close-btn:hover:not(:disabled){color:#1a1a1a}.modal-container .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-container .modal-content{padding:1.25rem}.modal-container .modal-content .warning-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#d97706}.modal-container .modal-content p{margin:0 0 .625rem;font-size:.875rem;color:#1a1a1a;line-height:1.5}.modal-container .modal-content p.warning-text{font-size:.8125rem;color:#666}.modal-container .modal-content p:last-of-type{margin-bottom:0}.modal-container .modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}@media(max-width:480px){.modal-container .modal-actions{flex-direction:column-reverse}.modal-container .modal-actions .button{width:100%}}.spinner-sm{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.integration-header .header-content .header-icon{width:40px;height:40px}.integration-header .header-content .header-icon svg{width:20px;height:20px}.integration-header .header-content .header-text h1{font-size:1.125rem}.setup-header{flex-direction:column;align-items:flex-start;gap:.75rem}.setup-header .delete-button{width:100%;justify-content:center}.current-connection .connection-info{grid-template-columns:1fr;gap:.25rem}}.settings-container{max-width:900px;margin:0 auto;padding:0}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.settings-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease}.settings-header .back-link:hover{color:#1a1a1a}.settings-header h1{margin:0;font-size:1.25rem;font-weight:500;color:#1a1a1a}.alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.8125rem;margin-bottom:1rem}.alert svg{flex-shrink:0}.alert .close-alert{margin-left:auto;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;display:flex;color:inherit;font-size:1.25rem;line-height:1;opacity:.7}.alert .close-alert:hover{opacity:1}.alert.alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#dc2626}.alert.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#16a34a}.settings-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid oklch(.95 0 0);overflow-x:auto}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.settings-tabs .tab-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);font-size:.875rem;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.settings-tabs .tab-item svg{flex-shrink:0}.settings-tabs .tab-item:hover{color:#1a1a1a;background:oklch(.99 0 0)}.settings-tabs .tab-item.active{color:#1a1a1a;font-weight:500;border-bottom-color:#1a1a1a}.settings-content{min-width:0}.settings-panel{background:#fff;border:1px solid oklch(.922 0 0);border-radius:.5rem;padding:1.5rem}@media(max-width:480px){.settings-panel{padding:1.25rem}}.advanced-settings{gap:2rem}.advanced-settings,.settings-form{display:flex;flex-direction:column}.settings-form{gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8125rem;font-weight:500;color:#1a1a1a}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{padding:.625rem .75rem;border:1px solid oklch(.922 0 0);border-radius:.375rem;font-size:.8125rem;color:#1a1a1a;transition:border-color .2s ease}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#1a1a1a}.form-group input[type=email]:disabled,.form-group input[type=password]:disabled,.form-group input[type=text]:disabled,.form-group select:disabled{background:oklch(.98 0 0);cursor:not-allowed;opacity:.6}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-actions{display:flex;justify-content:flex-start;padding-top:.5rem}@media(max-width:480px){.form-actions .button{width:100%;justify-content:center}}.verification-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:.375rem;font-size:.8125rem;color:#d97706;margin-bottom:1.25rem}.verification-banner svg{flex-shrink:0}.verification-banner span{flex:1 1}@media(max-width:480px){.verification-banner{flex-wrap:wrap}.verification-banner .button{width:100%}}.color-settings{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:480px){.color-settings{grid-template-columns:1fr}}.color-picker-wrapper{display:flex;gap:.5rem}.color-picker-wrapper input[type=color]{width:50px;height:38px;border:1px solid oklch(.922 0 0);border-radius:.375rem;cursor:pointer;padding:.125rem}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.color-picker-wrapper .color-text-input{flex:1 1}.danger-zone{padding:1.5rem;border:1px solid rgba(220,38,38,.3);border-radius:.5rem;background:rgba(220,38,38,.05)}.danger-zone .danger-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(220,38,38,.2)}.danger-zone .danger-header svg{color:#dc2626;flex-shrink:0}.danger-zone .danger-header h3{margin:0;font-size:.9375rem;font-weight:500;color:#dc2626}.danger-zone .danger-content p{margin:0 0 1rem;font-size:.8125rem;color:#991b1b;line-height:1.5}.delete-confirm{margin-top:1rem;padding:1rem;background:#fff;border:1px solid rgba(220,38,38,.2);border-radius:.375rem}.delete-confirm .confirm-label{margin:0 0 .75rem;font-size:.8125rem;font-weight:500;color:#991b1b}.delete-confirm input{width:100%;margin-bottom:1rem}.delete-confirm .delete-actions{display:flex;gap:.75rem}@media(max-width:480px){.delete-confirm .delete-actions{flex-direction:column-reverse}.delete-confirm .delete-actions .button{width:100%}}@media(max-width:768px){.settings-header h1{font-size:1.125rem}.settings-tabs .tab-item{padding:.625rem .875rem;font-size:.8125rem}.settings-tabs .tab-item svg{width:14px;height:14px}}.verify-container{max-width:600px;margin:0 auto}.verify-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.verify-header .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.875rem}.verify-header .back-link:hover{color:#1a1a1a}.verify-header h1{margin:0;font-size:1.5rem;font-weight:500;color:#1a1a1a}.steps{justify-content:center;gap:0;margin-bottom:2rem}.steps,.steps .step{display:flex;align-items:center}.steps .step{flex-direction:column;gap:.5rem}.steps .step .step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f5f5f5;color:#999;font-size:.875rem;font-weight:500}.steps .step span{font-size:.75rem;color:#999}.steps .step.active .step-num{background:#1a1a1a;color:#fff}.steps .step.active span{color:#1a1a1a}.steps .step.done .step-num{background:#16a34a;color:#fff}.steps .step.done span{color:#16a34a}.steps .step-line{width:60px;height:2px;background:#e5e5e5;margin:0 .5rem -1.25rem}.verify-card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:2rem}@media(max-width:480px){.verify-card{padding:1.5rem}}.verify-form{display:flex;flex-direction:column;gap:1.25rem}.verify-form .form-group{display:flex;flex-direction:column;gap:.5rem}.verify-form .form-group label{font-size:.875rem;font-weight:500;color:#1a1a1a}.verify-form .form-group input,.verify-form .form-group select{padding:.75rem;border:1px solid #e5e5e5;border-radius:.375rem;font-size:.875rem}.verify-form .form-group input:focus,.verify-form .form-group select:focus{outline:none;border-color:#1a1a1a}.verify-form .form-group input:disabled,.verify-form .form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.verify-form .form-group select{cursor:pointer}.verify-form .email-input{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:.375rem;overflow:hidden}.verify-form .email-input input{flex:1 1;border:none;padding:.75rem}.verify-form .email-input input:focus{outline:none}.verify-form .email-input span{padding:.75rem;background:#f5f5f5;font-size:.875rem;color:#666;border-left:1px solid #e5e5e5}.dns-setup{display:flex;flex-direction:column;gap:1.5rem}.dns-setup .status-row{display:flex;gap:.75rem}@media(max-width:480px){.dns-setup .status-row{flex-direction:column}}.dns-setup .status-row .status-pill{flex:1 1;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:.375rem;font-size:.8125rem;font-weight:500}.dns-setup .status-row .status-pill svg{flex-shrink:0}.dns-setup .status-row .status-pill.verified{background:#dcfce7;color:#15803d}.dns-setup .status-row .status-pill.pending{background:#fef3c7;color:#a16207}.dns-setup .dns-section h4{margin:0 0 1rem;font-size:.875rem;font-weight:500;color:#1a1a1a}.copy-field{position:relative;display:inline-block;cursor:pointer;width:100%}.copy-field .copyable{display:block;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e5e5;border-radius:.25rem;font-size:.75rem;color:#1a1a1a;word-break:break-all;line-height:1.4;transition:all .2s ease}.copy-field .copyable:hover{background:#f3f4f6;border-color:#1a1a1a}.copy-field code.copyable{font-family:Courier New,monospace}.copy-field .tooltip{top:-32px;padding:.375rem .75rem;background:#1a1a1a;color:#fff;font-size:.6875rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;z-index:10;animation:tooltipFadeIn .15s ease}.copy-field .tooltip,.copy-field .tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.copy-field .tooltip:after{content:"";top:100%;border:4px solid rgba(0,0,0,0);border-top-color:#1a1a1a}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dns-table-container{border:1px solid #e5e5e5;border-radius:.5rem;overflow:hidden;margin-bottom:1rem}.dns-table{width:100%;border-collapse:collapse;background:#fff}.dns-table thead{background:#f9fafb;border-bottom:1px solid #e5e5e5}.dns-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.dns-table tbody tr{border-bottom:1px solid #e5e5e5}.dns-table tbody tr:last-child{border-bottom:none}.dns-table tbody tr:hover{background:#fafafa}.dns-table tbody td{padding:1rem;font-size:.8125rem;vertical-align:middle}.dns-table tbody td .record-type{display:inline-block;padding:.25rem .625rem;background:#1a1a1a;color:#fff;font-size:.6875rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.dns-table tbody td.record-name{color:#666;font-size:.75rem}@media(max-width:768px){.dns-table thead{display:none}.dns-table tbody tr{display:block;padding:1rem;margin-bottom:.75rem;border:1px solid #e5e5e5;border-radius:.375rem}.dns-table tbody tr:last-child{margin-bottom:0}.dns-table tbody td{display:block;padding:.5rem 0;border:none}.dns-table tbody td:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:#666;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.dns-table tbody td.record-name:before{content:"Name"}.dns-table tbody td .copy-field .copyable{margin-top:.25rem}}@media(max-width:480px){.verify-header h1{font-size:1.25rem}.steps .step-line{width:40px}}.brands-page{min-height:100vh;background:#fafafa;display:flex;flex-direction:column}.page-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:1rem 2rem}@media(max-width:768px){.page-header{padding:1rem}}.page-header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.page-header .brand-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:1.125rem;transition:opacity .2s ease}.page-header .brand-logo svg{font-size:20px}.page-header .brand-logo:hover{opacity:.7}.page-header .header-right{display:flex;align-items:center;gap:.75rem}.page-header .header-right .user-section{display:flex;align-items:center;gap:.625rem}@media(max-width:480px){.page-header .header-right .user-section .user-name{display:none}}.page-header .header-right .user-avatar{width:36px;height:36px;border-radius:50%;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.page-header .header-right .user-name{font-size:.875rem;color:#1a1a1a;font-weight:500}.page-header .header-right .btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.375rem;background:rgba(0,0,0,0);border:1px solid #e5e5e5;color:#666;cursor:pointer;transition:all .2s ease}.page-header .header-right .btn-icon:hover{background:#f5f5f5;border-color:#1a1a1a;color:#1a1a1a}.page-main{flex:1 1;padding:2rem}@media(max-width:768px){.page-main{padding:1.5rem 1rem}}.page-container{max-width:1200px;margin:0 auto}.title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.title-bar h1{margin:0;font-size:1.3rem;font-weight:500;color:#1a1a1a}@media(max-width:768px){.title-bar h1{font-size:1.5rem}}@media(max-width:480px){.title-bar{flex-direction:column;align-items:stretch;gap:1rem}.title-bar .button{width:100%;justify-content:center}}.form-card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:2rem}@media(max-width:480px){.form-card{padding:1.5rem}}.empty-view{flex-direction:column;padding:4rem 2rem;background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;text-align:center}.empty-view,.empty-view .empty-icon{display:flex;align-items:center;justify-content:center}.empty-view .empty-icon{width:80px;height:80px;border-radius:50%;background:#f5f5f5;margin-bottom:1.5rem}.empty-view .empty-icon svg{color:#999}.empty-view h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:500;color:#1a1a1a}.empty-view p{margin:0 0 1.5rem;font-size:.875rem;color:#666}.table-container{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;overflow:hidden}.brands-table{width:100%;border-collapse:collapse}.brands-table thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.brands-table thead th{padding:.875rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.brands-table thead th:first-child{padding-left:1.5rem}.brands-table thead th:last-child{padding-right:1.5rem}.brands-table tbody tr{border-bottom:1px solid #e5e5e5;cursor:pointer;transition:background .15s ease}.brands-table tbody tr:last-child{border-bottom:none}.brands-table tbody tr:hover{background:#fafafa}.brands-table tbody td{padding:1rem 1.25rem;font-size:.875rem;color:#1a1a1a;vertical-align:middle}.brands-table tbody td:first-child{padding-left:1.5rem}.brands-table tbody td:last-child{padding-right:1.5rem}.brands-table .brand-cell{display:flex;align-items:center;gap:.75rem}.brands-table .brand-cell .brand-favicon{width:32px;height:32px;border-radius:.375rem;object-fit:cover;flex-shrink:0;border:1px solid #e5e5e5}.brands-table .brand-cell .brand-name{font-weight:500;color:#1a1a1a}.brands-table .brand-date,.brands-table .brand-website{color:#666}.brands-table .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.brands-table .status-badge.status-active{background:#dcfce7;color:#15803d}.brands-table .status-badge.status-warning{background:#fef3c7;color:#a16207}.brands-table .status-badge.status-pending{background:#fee2e2;color:#b91c1c}.brands-table .status-badge.status-inactive{background:#f5f5f5;color:#666}@media(max-width:768px){.brands-table thead{display:none}.brands-table tbody tr{display:block;padding:1rem;border:none;border-bottom:1px solid #e5e5e5}.brands-table tbody tr:hover{background:#fff}.brands-table tbody td{display:block;padding:.5rem 0;border:none}.brands-table tbody td:first-child{padding-left:0;padding-top:0}.brands-table tbody td:last-child{padding-right:0;padding-bottom:0}.brands-table tbody td:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.brands-table tbody td:first-child:before{content:"Brand"}.brands-table tbody td:nth-child(2):before{content:"Website"}.brands-table tbody td:nth-child(3):before{content:"Status"}.brands-table tbody td:nth-child(4):before{content:"Created"}.brands-table tbody .brand-cell{margin-bottom:.5rem}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-screen .spinner{width:40px;height:40px;border:3px solid #f5f5f5;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.loading-screen p{margin:0;font-size:.875rem;color:#666}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:2rem 1rem}.auth-container{width:100%;max-width:420px}.auth-card{background:#fff;border:1px solid #e5e5e5;border-radius:.5rem;padding:2.5rem}@media(max-width:480px){.auth-card{padding:2rem 1.5rem}}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-bottom:2rem;font-size:1.25rem;font-weight:600;color:#1a1a1a}.auth-logo svg{flex-shrink:0}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.auth-header p{margin:0;font-size:.875rem;color:#666}.auth-loading{display:flex;justify-content:center;padding:2rem 0}.auth-loading .spinner{color:#1a1a1a}.auth-form{gap:1.25rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-form .form-group label{font-size:.875rem;font-weight:500;color:#1a1a1a}.auth-form .form-group input{padding:.75rem;border:1px solid #e5e5e5;border-radius:.375rem;font-size:.875rem}.auth-form .form-group input:focus{outline:none;border-color:#1a1a1a}.auth-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.auth-form .form-group input::placeholder{color:#999}.auth-forgot{margin-top:-.5rem;text-align:right}.auth-forgot a{font-size:.8125rem;color:#666;text-decoration:none}.auth-forgot a:hover{color:#1a1a1a;text-decoration:underline}.auth-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e5e5;text-align:center}.auth-footer p{margin:0;font-size:.875rem;color:#666}.auth-footer p a{color:#1a1a1a;text-decoration:none;font-weight:500}.auth-footer p a:hover{text-decoration:underline}.alert{padding:.875rem 1rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1.5rem;border:1px solid}.alert.alert-error{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.alert.alert-success{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.button--full{width:100%;justify-content:center}.spinner{animation:spin .8s linear infinite}.sidebar-footer{padding:0;margin-top:auto}.sidebar-footer .quota-container{padding:16px;background:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.08);transition:all .2s ease}.sidebar-footer .quota-container:hover{background:rgba(0,0,0,.04)}.sidebar-footer .quota-container .quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sidebar-footer .quota-container .quota-header .quota-label{font-size:11px;font-weight:500;color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px}.sidebar-footer .quota-container .quota-header .quota-percentage{font-size:13px;font-weight:600;transition:color .3s ease}.sidebar-footer .quota-container .quota-bar-container{height:4px;background:rgba(0,0,0,.08);border-radius:2px;overflow:hidden;margin-bottom:10px;position:relative}.sidebar-footer .quota-container .quota-bar-container .quota-bar{height:100%;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .3s ease;position:relative}.sidebar-footer .quota-container .quota-bar-container .quota-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.sidebar-footer .quota-container .quota-details{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(0,0,0,.5);margin-bottom:6px}.sidebar-footer .quota-container .quota-details .quota-sent{font-weight:600;color:rgba(0,0,0,.75)}.sidebar-footer .quota-container .quota-details .quota-total{color:rgba(0,0,0,.45)}.sidebar-footer .quota-container .quota-remaining{font-size:11px;color:rgba(0,0,0,.45);text-align:center;padding-top:6px;border-top:1px solid rgba(0,0,0,.06)}.sidebar-footer .quota-loading{padding:16px;text-align:center;font-size:12px;color:rgba(0,0,0,.45);border-top:1px solid rgba(0,0,0,.08)}.sidebar-footer .quota-loading .spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.4);border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.sidebar-footer .nav-item.secondary{margin:0;border-top:1px solid rgba(0,0,0,.08);border-radius:0;color:rgba(0,0,0,.6)}.sidebar-footer .nav-item.secondary:hover{background:rgba(0,0,0,.04);color:rgba(0,0,0,.8)}.quota-container.quota-low .quota-bar{background:linear-gradient(90deg,#10b981,#059669)}.quota-container.quota-low .quota-percentage{color:#059669}.quota-container.quota-medium .quota-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.quota-container.quota-medium .quota-percentage{color:#d97706}.quota-container.quota-high .quota-bar{background:linear-gradient(90deg,#f97316,#ea580c)}.quota-container.quota-high .quota-percentage{color:#ea580c}.quota-container.quota-critical .quota-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.quota-container.quota-critical .quota-percentage{color:#dc2626}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.sidebar-footer .quota-container{padding:12px}.sidebar-footer .quota-container .quota-label{font-size:10px}.sidebar-footer .quota-container .quota-details{font-size:11px}.sidebar-footer .quota-container .quota-remaining{font-size:10px}}