@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2333;--bg-card:#1c2333;--bg-card-hover:#222d3f;--bg-input:#0d1117;--navy-deep:#16213e;--navy:#0f3460;--teal:#1b998b;--teal-light:#23c4b2;--purple:#533483;--purple-bright:#7b2fbe;--red:#e84855;--yellow:#f6c90e;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-accent:#1b998b;--border:#30363d;--border-light:#21262d;--status-up:#3fb950;--status-down:#f85149;--status-provisioning:#d29922;--status-deactivated:#8b949e;--sidebar-width:260px;--header-height:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}a{color:var(--teal);transition:color var(--transition);text-decoration:none}a:hover{color:var(--teal-light)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:100vh;max-width:calc(100vw - var(--sidebar-width));flex:1;padding:32px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-brand h1{letter-spacing:-.5px;background:linear-gradient(135deg,var(--yellow)0%,var(--teal)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.sidebar-brand span{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{color:var(--teal);border-left:3px solid var(--teal);background:linear-gradient(135deg,#1b998b26,#53348326)}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:16px 20px;font-size:11px}.page-header h2{letter-spacing:-.3px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--teal),var(--purple-bright));opacity:0;height:3px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 4px 20px #1b998b1a}.stat-card:hover:before{opacity:1}.stat-card .stat-icon{margin-bottom:12px;font-size:24px}.stat-card .stat-value{letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--text-secondary);margin-top:6px;font-size:13px}.data-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-light);padding:12px 16px;font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-up{color:var(--status-up);background:#3fb95026}.badge-down{color:var(--status-down);background:#f8514926}.badge-provisioning{color:var(--status-provisioning);background:#d2992226}.badge-deactivated{color:var(--status-deactivated);background:#8b949e26}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge-provisioning .badge-dot{animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--teal)0%,var(--teal-light)100%);color:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--teal);background:var(--bg-card-hover)}.btn-danger{color:var(--red);background:#f8514926;border:1px solid #f851494d}.btn-danger:hover{background:#f8514940}.btn-sm{padding:6px 12px;font-size:12px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition);padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1b998b26}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:80px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.card-header h3{font-size:16px;font-weight:600}.slot-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:20px}.slot-group-header{align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.slot-group-header .slot-indicator{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.slot-1 .slot-indicator{background:var(--teal)}.slot-2 .slot-indicator{background:var(--navy)}.slot-3 .slot-indicator{background:var(--purple)}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.progress-slots{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.progress-slot{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:20px}.progress-slot.slot-up{border-color:var(--status-up);background:#3fb9500d}.progress-slot.slot-activating{border-color:var(--status-provisioning);background:#d299220d}.progress-slot-icon{margin-bottom:8px;font-size:28px}.progress-slot-name{margin-bottom:4px;font-size:14px;font-weight:600}.progress-slot-step{color:var(--text-secondary);justify-content:center;align-items:center;min-height:36px;font-size:12px;display:flex}.toggle{cursor:pointer;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-tertiary);border:1px solid var(--border);transition:all var(--transition);border-radius:22px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-secondary);width:16px;height:16px;transition:all var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{border-color:var(--teal);background:#1b998b4d}.toggle input:checked+.toggle-slider:before{background:var(--teal);transform:translate(18px)}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}.activity-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-text{font-size:13px}.activity-time{color:var(--text-muted);margin-top:2px;font-size:11px}.section-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.pool-bar{border-radius:var(--radius-sm);gap:2px;margin-bottom:20px;display:flex;overflow:hidden}.pool-segment{height:6px;transition:all var(--transition);flex:1}.pool-segment.active{background:var(--status-up)}.pool-segment.inactive{background:var(--border)}@media (max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px;padding:24px}.progress-slots{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.form-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}.sidebar-brand{align-items:center;gap:10px;display:flex}.brand-icon{font-size:24px}.brand-text{background:linear-gradient(135deg,var(--yellow)0%,var(--teal)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{color:var(--teal);background:#1b998b1f}.nav-icon{font-size:18px}.sidebar-version{color:var(--text-muted);font-size:11px}.instance-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.instance-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:20px}.instance-card:hover{border-color:var(--teal);box-shadow:0 4px 20px #1b998b14}.instance-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.instance-phone{font-size:18px;font-weight:700}.instance-status{font-size:13px;font-weight:600}.instance-name{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.instance-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge-green{color:var(--status-up);background:#3fb9501f}.badge-gray{color:var(--text-muted);background:#8b949e1f}.instance-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.btn-action{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600}.btn-action:hover{border-color:var(--teal);background:var(--bg-tertiary)}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-open{border-color:var(--teal);color:var(--teal)}.btn-pairing{border-color:var(--purple-bright);color:var(--purple-bright)}.btn-delete{border-color:var(--red);color:var(--red)}.btn-delete:hover{background:#f851491a}.instance-meta{color:var(--text-muted);font-size:11px}.web-phone{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.web-phone-header{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.web-phone-icon{font-size:18px}.web-phone-number{color:var(--text-secondary)}.web-phone-status{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.web-phone-status.loading{color:var(--text-muted)}.web-phone-status.error{color:var(--red)}.web-phone-status.ready{color:var(--status-up)}.web-phone-status.ringing{color:var(--yellow)}.web-phone-status.active{color:var(--red)}.web-phone-actions{gap:8px;margin-top:8px;display:flex}.btn-answer,.btn-decline,.btn-end{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.btn-answer{background:var(--status-up);color:#fff}.btn-answer:hover{filter:brightness(1.1)}.btn-decline{background:var(--red);color:#fff}.btn-decline:hover{filter:brightness(1.1)}.btn-end{background:var(--red);color:#fff}.btn-end:hover{filter:brightness(1.1)}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;display:inline-block}.pulse-dot.green{background:var(--status-up)}.pulse-dot.orange{background:var(--yellow)}.pulse-dot.red{background:var(--red)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.android-screen-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:90vw;max-width:900px;max-height:95vh;display:flex;overflow:hidden}.android-screen-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.android-screen-header h3{font-size:16px;font-weight:600}.btn-close{border:1px solid var(--border);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-close:hover{border-color:var(--red);color:var(--red)}.android-screen-body{flex:1;overflow:hidden}.android-vnc-iframe{background:#000;border:none;width:100%;height:75vh}.android-loading,.android-error{text-align:center;color:var(--text-muted);padding:40px}.android-error{color:var(--red)}.android-screen-footer{border-top:1px solid var(--border);padding:12px 16px}.pairing-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:90vw;max-width:420px;overflow:hidden}.pairing-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pairing-header h3{font-size:16px;font-weight:600}.pairing-body{text-align:center;padding:24px}.pairing-code{letter-spacing:8px;color:var(--teal);background:var(--bg-primary);border:2px dashed var(--teal);border-radius:var(--radius-md);margin-bottom:16px;padding:16px;font-family:Courier New,monospace;font-size:36px;font-weight:800}.pairing-countdown{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.pairing-countdown.urgent{color:var(--red);font-weight:600}.pairing-instructions{text-align:left;color:var(--text-secondary);font-size:13px}.pairing-instructions ol{margin-top:8px;margin-left:20px}.pairing-instructions li{margin-bottom:4px}.pairing-loading{color:var(--text-muted);padding:20px}.pairing-error{color:var(--red);padding:20px}.create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.create-form h3{margin-bottom:16px;font-size:16px;font-weight:600}.create-form .form-row{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.create-form label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.create-form input[type=text],.create-form input[type=password]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition);padding:10px 14px;font-family:inherit;font-size:14px}.create-form input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #1b998b26}.checkbox-row{align-items:center;flex-direction:row!important;gap:8px!important}.checkbox-row label{align-items:center;gap:8px;display:flex;text-transform:none!important}.checkbox-row input[type=checkbox]{width:16px;height:16px}.twilio-creds-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:14px;padding:16px}.form-error{border-radius:var(--radius-sm);color:var(--red);background:#f851491a;border:1px solid #f851494d;margin-bottom:14px;padding:10px 14px;font-size:13px}.form-success{border-radius:var(--radius-sm);color:var(--status-up);background:#3fb9501a;border:1px solid #3fb9504d;margin-bottom:14px;padding:10px 14px;font-size:13px}.btn-primary{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,var(--teal)0%,var(--teal-light)100%);color:#fff;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #1b998b59}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-state{text-align:center;color:var(--text-muted);padding:40px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px}.empty-state p{margin-bottom:20px}.optional-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0f;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px}.boot-progress-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 30px;display:flex}.boot-progress-icon{font-size:48px;animation:1.5s ease-in-out infinite pulse}.boot-progress-label{color:var(--text-secondary);font-size:15px;font-weight:500}.boot-progress-bar{background:#ffffff14;border-radius:3px;width:260px;height:6px;overflow:hidden}.boot-progress-fill{background:linear-gradient(90deg,var(--teal),var(--purple-bright));border-radius:3px;height:100%;transition:width .8s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.scrcpy-hint{color:var(--text-secondary);text-align:center;background:#00d1b21a;border:1px solid #00d1b240;border-radius:6px;margin-bottom:8px;padding:8px 14px;font-size:13px}.scrcpy-hint strong{color:var(--teal)}.scrcpy-fallback{color:var(--text-muted);text-align:center;padding:4px 14px 6px;font-size:12px}.scrcpy-fallback-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{font-size:20px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:48px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.template-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.template-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-card-header h3{font-size:15px;font-weight:600}.template-name-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}.template-body-preview{color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-tertiary);border-radius:var(--radius-md);max-height:120px;margin-bottom:10px;padding:12px;font-size:13px;overflow:hidden}.template-variables{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.variable-badge{background:var(--teal);color:#000;border-radius:4px;align-items:center;gap:2px;padding:2px 8px;font-family:monospace;font-size:11px;display:inline-flex}.required-dot{color:var(--red);font-weight:700}.template-card-actions{gap:8px;display:flex}.btn-sm{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;padding:4px 12px;font-size:12px}.btn-sm:hover{background:var(--border)}.btn-danger{color:var(--red);border-color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.template-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.template-form h3{margin-bottom:16px;font-size:16px;font-weight:600}.template-form textarea{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;padding:10px 12px;font-family:monospace;font-size:13px}.variables-list{flex-direction:column;gap:8px;display:flex}.variable-row{align-items:center;gap:10px;display:flex}.variable-key{color:var(--teal);min-width:100px;font-family:monospace;font-size:13px}.checkbox-inline{white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.form-actions{gap:10px;margin-top:16px;display:flex}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:13px}.btn-secondary:hover{background:var(--border)}.auth-layout{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-container{width:100%;max-width:400px;padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px}.login-header{text-align:center;margin-bottom:32px}.login-logo{margin-bottom:12px;font-size:48px;display:block}.login-header h1{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:13px}.login-error{border:1px solid var(--red);color:var(--red);border-radius:var(--radius-sm);background:#e848551a;margin-bottom:16px;padding:10px 14px;font-size:13px}.login-btn{width:100%;margin-top:8px;padding:12px;font-size:15px}.sidebar-user{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.sidebar-user-info{flex-direction:column;gap:4px;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.sidebar-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:600}.role-admin{color:var(--purple-bright);background:#7b2fbe33}.role-seller{color:var(--teal-light);background:#1b998b33}.sidebar-logout{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:18px}.sidebar-logout:hover{background:var(--bg-tertiary);color:var(--red)}.users-page{padding:0}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:12px 16px;font-size:11px;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);padding:12px 16px;font-size:13px}.data-table tr:hover td{background:var(--bg-card-hover)}.badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-admin{color:var(--purple-bright);background:#7b2fbe33}.badge-seller{color:var(--teal-light);background:#1b998b33}.badge-active{color:var(--status-up);background:#3fb95026}.badge-blocked{color:var(--status-down);background:#f8514926}.table-actions{gap:6px;display:flex}.btn-icon{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;padding:4px 8px;font-size:13px}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-icon.danger:hover{color:var(--red);border-color:var(--red)}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:32px;overflow-y:auto}.modal-content h3{color:var(--text-primary);margin-bottom:20px;font-size:18px;font-weight:600}.conversations-layout{height:100vh;display:flex;overflow:hidden}.contact-list{border-right:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;width:340px;min-width:340px;display:flex}.contact-list-header{border-bottom:1px solid var(--border);padding:16px}.contact-list-header h2{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:700}.contact-search{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 12px;font-size:13px}.contact-search::placeholder{color:var(--text-muted)}.contact-search-row{align-items:center;gap:6px;display:flex}.contact-search-row .contact-search{flex:1}.filter-toggle-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;padding:8px 10px;font-size:14px}.filter-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-toggle-btn.active{border-color:var(--accent);color:var(--accent)}.contact-filters{flex-direction:column;gap:8px;padding:10px 0 0;display:flex}.filter-row{flex-direction:column;gap:4px;display:flex}.filter-row label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.filter-row select,.filter-row input[type=date]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 8px;font-size:12px}.filter-date-range{align-items:center;gap:6px;display:flex}.filter-date-range span{color:var(--text-secondary);font-size:11px}.filter-date-range input{flex:1;min-width:0}.filter-clear-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 8px;font-size:11px}.filter-clear-btn:hover{color:var(--accent)}.contact-items{flex:1;overflow-y:auto}.contact-item{cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.contact-item:hover{background:var(--bg-card-hover)}.contact-item.active{background:var(--bg-tertiary);border-left:3px solid var(--teal)}.contact-avatar{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.contact-info{flex:1;min-width:0}.contact-name{color:var(--text-primary);font-size:14px;font-weight:600}.contact-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.contact-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.contact-time{color:var(--text-muted);font-size:11px}.contact-unread{background:var(--teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.crm-link{opacity:.7;margin-left:8px;font-size:14px;text-decoration:none;transition:opacity .15s}.crm-link:hover{opacity:1}.unread-badge{background:var(--teal);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.unread-time{color:var(--teal)!important}.contact-item.unread .contact-preview{color:var(--text-primary)}.font-bold{font-weight:600}.chat-panel{background:var(--bg-primary);flex-direction:column;flex:1;display:flex}.chat-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.chat-empty p{font-size:15px}.chat-loading{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-loading-older{text-align:center;color:var(--text-secondary);padding:8px;font-size:12px}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-header-info h3{color:var(--text-primary);font-size:15px;font-weight:600}.chat-header-info span{color:var(--text-secondary);font-size:12px}.chat-header-info{flex:1;min-width:0}.owner-selector{flex-shrink:0;margin-left:auto;position:relative}.owner-selector-btn{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:border-color .15s;display:flex}.owner-selector-btn:hover{border-color:var(--accent);color:var(--text-primary)}.owner-selector-arrow{opacity:.6;font-size:10px}.owner-selector-dropdown{background:var(--bg-secondary);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:200px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000004d}.owner-selector-option{color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.owner-selector-option:hover{background:var(--bg-hover)}.owner-selector-option.active{background:var(--accent);color:#fff}.owner-selector-email{color:var(--text-secondary);margin-left:8px;font-size:11px}.owner-selector-option.active .owner-selector-email{color:#ffffffb3}.contact-info-toggle{border:1px solid var(--border);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-style:italic;font-weight:600;transition:all .15s;display:flex}.contact-info-toggle:hover{border-color:var(--accent);color:var(--accent)}.contact-info-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.contact-details-panel{border-left:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;width:320px;min-width:320px;display:flex;overflow-y:auto}.contact-details-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px;display:flex}.contact-details-header h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.contact-details-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.contact-details-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.contact-details-close:hover{color:var(--text-primary)}.contact-details-section{border-bottom:1px solid var(--border);padding:16px}.contact-details-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.contact-detail-row{margin-bottom:12px}.contact-detail-row label{color:var(--text-secondary);margin-bottom:2px;font-size:11px;display:block}.contact-detail-value{color:var(--text-primary);padding:2px 0;font-size:13px;display:block}.contact-detail-value.editable{cursor:pointer;border-bottom:1px dashed #0000}.contact-detail-value.editable:hover{border-bottom-color:var(--accent)}.contact-detail-row input{background:var(--bg-input);border:1px solid var(--accent);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px;font-size:13px}.contact-detail-custom{align-items:center;gap:4px;display:flex}.contact-detail-custom .contact-detail-value{flex:1}.contact-detail-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:11px;transition:opacity .15s}.contact-detail-row:hover .contact-detail-remove{opacity:1}.contact-detail-remove:hover{color:var(--danger,#e74c3c)}.contact-detail-crm-link{color:var(--accent);font-size:13px;text-decoration:none}.contact-detail-crm-link:hover{text-decoration:underline}.contact-detail-add{gap:6px;display:flex}.contact-detail-add input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;flex:1;min-width:0;padding:4px 8px;font-size:12px}.contact-detail-add button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:600}.contact-detail-add button:disabled{opacity:.5;cursor:not-allowed}.chat-messages{flex-direction:column;flex:1;gap:4px;padding:20px;display:flex;overflow-y:auto}.chat-date-divider{text-align:center;margin:16px 0}.chat-date-divider span{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:4px 12px;font-size:11px}.message-bubble{border-radius:12px;max-width:65%;padding:8px 12px;font-size:14px;line-height:1.4;position:relative}.message-bubble.outbound{color:#e9edef;background:#005c4b;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.inbound{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.message-sender{color:var(--teal-light);margin-bottom:2px;font-size:11px;font-weight:600}.message-media{border-radius:8px;max-width:100%;margin-bottom:4px}.message-media img,.message-media video{border-radius:8px;max-width:100%}.message-media audio{width:100%}.message-sticker{text-align:center;padding:8px;font-size:64px;line-height:1}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.message-time{color:#ffffff80;font-size:11px}.inbound .message-time{color:var(--text-muted)}.message-status{font-size:12px}.message-status.sent{color:#fff6}.message-status.delivered{color:#fff9}.message-status.read{color:#53bdeb}.message-status.failed{color:var(--red)}.message-instance{color:#ffffff59;margin-top:2px;font-size:10px}.chat-input-area{border-top:1px solid var(--border);background:var(--bg-secondary);align-items:flex-end;gap:8px;padding:12px 20px;display:flex}.chat-input-actions{gap:4px;display:flex}.chat-action-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:8px;font-size:18px}.chat-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-input-field{resize:none;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:20px;flex:1;min-height:40px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.4}.chat-input-field::placeholder{color:var(--text-muted)}.chat-send-btn{background:var(--teal);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.chat-send-btn:hover{background:var(--teal-light)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-area-wrapper{border-top:1px solid var(--border);background:var(--bg-secondary)}.chat-input-area-wrapper .chat-input-area{border-top:none}.attachment-preview{align-items:center;gap:8px;padding:8px 20px;display:flex;position:relative}.attachment-preview img{border-radius:var(--radius-sm);object-fit:cover;max-width:200px;max-height:120px}.attachment-file-info{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.attachment-remove{background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;top:4px;right:16px}.attachment-remove:hover{background:var(--danger);color:#fff}.recording-indicator{color:var(--danger);flex:1;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.recording-dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite pulse-recording}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.3}}.template-picker-overlay{z-index:900;background:#0006;position:fixed;inset:0}.template-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:901;flex-direction:column;width:380px;max-height:500px;display:flex;position:fixed;bottom:80px;right:20px;overflow:hidden}.template-picker-header{border-bottom:1px solid var(--border);color:var(--text-primary);padding:14px 16px;font-size:14px;font-weight:600}.template-picker-list{flex:1;padding:8px;overflow-y:auto}.template-picker-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:10px 12px}.template-picker-item:hover{background:var(--bg-card-hover)}.template-picker-item h4{color:var(--text-primary);margin-bottom:4px;font-size:13px}.template-picker-item p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.main-content:has(.conversations-layout){overflow:hidden;padding:0!important}.analytics-page{max-width:1400px;padding:0}.analytics-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.analytics-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:500}.analytics-tab:hover{color:var(--text-primary)}.analytics-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.filter-builder{margin-bottom:24px}.filter-group-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-and{color:var(--text-muted);text-transform:uppercase;padding:0 2px;font-size:11px;font-weight:600}.filter-or-divider{text-align:center;color:var(--teal);text-transform:uppercase;letter-spacing:1px;padding:6px 0;font-size:12px;font-weight:700}.filter-chip{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.filter-chip--builtin{border-left:3px solid var(--teal)}.filter-chip--custom{border-left:3px solid var(--purple-bright)}.filter-chip-field{color:var(--text-secondary);font-weight:600}.filter-chip-eq{color:var(--text-muted)}.filter-chip-value{color:var(--text-primary)}.filter-chip-x{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:0 2px;font-size:14px;line-height:1}.filter-chip-x:hover{color:var(--red);background:#e8485526}.filter-add-inline{align-items:center;gap:4px;display:inline-flex}.filter-add-inline select,.filter-add-inline input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:100px;padding:4px 8px;font-size:12px}.btn-sm{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;padding:2px 8px;font-size:14px}.btn-confirm{color:var(--teal);border-color:var(--teal)}.btn-confirm:hover{background:#1b998b26}.btn-confirm:disabled{opacity:.4;cursor:not-allowed}.btn-cancel{color:var(--text-muted)}.btn-cancel:hover{color:var(--red)}.btn-add-filter{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px}.btn-add-filter:hover{border-color:var(--teal);color:var(--teal)}.filter-actions{align-items:center;gap:10px;margin-top:10px;display:flex}.btn-add-group{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;padding:4px 12px;font-size:12px}.btn-add-group:hover{border-color:var(--teal);color:var(--teal)}.filter-apply{padding:6px 16px;font-size:13px}.analytics-loading{text-align:center;color:var(--text-secondary);padding:60px 0}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:28px;display:grid}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:16px}.analytics-card--red{border-left:3px solid var(--red)}.analytics-card--green{border-left:3px solid var(--status-up)}.analytics-card--teal{border-left:3px solid var(--teal)}.analytics-card--purple{border-left:3px solid var(--purple-bright)}.analytics-card--yellow{border-left:3px solid var(--yellow)}.analytics-card-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}.analytics-card-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:600}.analytics-card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.analytics-table-wrap{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.analytics-table-wrap h2{border-bottom:1px solid var(--border);color:var(--text-primary);padding:14px 16px;font-size:14px;font-weight:600}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-tertiary);padding:10px 14px;font-size:11px;font-weight:600}.analytics-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);padding:10px 14px;font-size:13px}.analytics-table tbody tr:hover{background:var(--bg-card-hover)}.text-red{color:var(--red)}.text-green{color:var(--status-up)}.text-teal{color:var(--teal)}.text-purple{color:var(--purple-bright)}.text-yellow{color:var(--yellow)}.template-name-sub{color:var(--text-muted);font-size:11px;display:block}.analytics-empty{text-align:center;color:var(--text-secondary);padding:40px}.campaigns-page,.campaign-wizard,.campaign-detail{max-width:1200px;padding:24px 32px}.campaigns-loading,.campaigns-empty{text-align:center;color:var(--text-secondary);padding:40px}.campaigns-table-wrap{margin-top:16px;overflow-x:auto}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table th,.campaigns-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px}.campaigns-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.campaigns-table tbody tr:hover{background:var(--bg-card-hover)}.campaign-name-link{color:var(--teal);font-weight:600}.campaign-status-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.campaign-status-badge--lg{padding:5px 14px;font-size:12px}.campaign-status-pulse{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.campaign-progress{align-items:center;gap:8px;display:flex}.campaign-progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;display:flex;overflow:hidden}.campaign-progress-bar--lg{border-radius:5px;height:10px}.campaign-progress-fill{height:100%;transition:width .5s}.campaign-progress-fill:first-child,.campaign-progress-fill--sent{background:var(--status-up)}.campaign-progress-fill--failed{background:var(--status-down)}.campaign-progress-text{color:var(--text-secondary);white-space:nowrap;font-size:12px}.campaign-progress-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.campaign-actions{gap:6px;display:flex}.wizard-steps{gap:4px;margin-bottom:24px;display:flex}.wizard-step{border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.wizard-step--active{background:var(--teal);color:#fff}.wizard-step--done{background:var(--bg-tertiary);color:var(--teal)}.wizard-step-num{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.wizard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:24px}.wizard-card h2{margin-bottom:16px;font-size:16px}.wizard-hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.wizard-nav{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--teal);outline:none}.template-preview{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:16px;padding:16px}.template-preview label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.template-preview-body{white-space:pre-wrap;font-size:14px;line-height:1.6}.template-var-highlight{color:var(--teal-light);background:#1b998b40;border-radius:3px;padding:1px 4px}.template-preview-vars{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.template-var-badge{background:var(--bg-tertiary);color:var(--teal);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px}.csv-upload-area{margin-bottom:16px}.csv-upload-area input[type=file]{color:var(--text-primary)}.csv-info{flex-direction:column;gap:12px;display:flex}.csv-summary{font-size:14px}.csv-columns{font-size:13px}.csv-column-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.csv-column-chip{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:flex}.csv-column-chip--builtin{color:#60a5fa;background:#3b82f626}.csv-column-chip--variable{color:var(--teal-light);background:#1b998b26}.csv-column-chip--custom{color:var(--text-secondary);background:#8b949e26}.csv-chip-tag{opacity:.7;font-size:10px}.csv-var-mapping{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.csv-var-status{border-radius:4px;padding:2px 8px;font-size:11px}.csv-var-status--ok{color:#3fb950;background:#3fb95026}.csv-var-status--missing{color:#f85149;background:#f8514926}.csv-var-status--optional{color:var(--text-muted);background:#8b949e1a}.csv-preview-table-wrap{font-size:13px;overflow-x:auto}.csv-preview-table{border-collapse:collapse;width:100%;margin-top:8px}.csv-preview-table th,.csv-preview-table td{border:1px solid var(--border);padding:6px 10px;font-size:12px}.csv-preview-table th{background:var(--bg-secondary);color:var(--text-secondary)}.csv-warnings{color:var(--yellow);font-size:12px}.csv-warnings ul{margin-top:4px;padding-left:20px}.schedule-options{flex-direction:column;gap:12px;display:flex}.schedule-option{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition);gap:12px;padding:16px;display:flex}.schedule-option--active{border-color:var(--teal);background:#1b998b0d}.schedule-option input[type=radio]{margin-top:3px}.schedule-option strong{margin-bottom:4px;display:block}.schedule-option p{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.review-summary{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.review-row{gap:12px;font-size:14px;display:flex}.review-label{color:var(--text-secondary);min-width:100px}.review-value{font-weight:600}.review-preview{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:16px;padding:16px}.review-preview strong{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.review-preview-body{white-space:pre-wrap;font-size:14px}.review-info{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--teal);background:#1b998b14;margin-bottom:16px;padding:12px 16px;font-size:13px}.campaign-error{color:#f85149;border-radius:var(--radius-sm);background:#f851491a;margin-bottom:16px;padding:12px 16px;font-size:13px}.campaign-back-link{color:var(--text-secondary);font-size:13px}.campaign-detail-status{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.campaign-detail-template,.campaign-detail-scheduled{color:var(--text-secondary);font-size:13px}.campaign-detail-progress{margin-bottom:24px}.campaign-detail-actions{gap:8px;display:flex}.campaign-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.campaign-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:16px}.campaign-metric-card--green{border-color:#3fb9504d}.campaign-metric-card--red{border-color:#f851494d}.campaign-metric-card--amber{border-color:#f59e0b4d}.campaign-metric-value{font-size:28px;font-weight:700}.campaign-metric-card--green .campaign-metric-value{color:#3fb950}.campaign-metric-card--red .campaign-metric-value{color:#f85149}.campaign-metric-card--amber .campaign-metric-value{color:#f59e0b}.campaign-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12px}.campaign-messages{margin-top:24px}.campaign-messages h2{margin-bottom:12px;font-size:16px}.campaign-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.msg-status{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.msg-status--pending{color:var(--text-secondary);background:#8b949e26}.msg-status--sent{color:#60a5fa;background:#3b82f626}.msg-status--delivered{color:#3fb950;background:#3fb95026}.msg-status--read{color:var(--teal-light);background:#1b998b26}.msg-status--failed{color:#f85149;background:#f8514926}.btn-warning{color:#000;border-radius:var(--radius-sm);cursor:pointer;background:#f59e0b;border:none;padding:8px 16px;font-size:13px;font-weight:600}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}.btn-lg{padding:12px 24px;font-size:15px}.btn-sm.btn-view{background:var(--bg-tertiary);color:var(--teal);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:12px}.btn-sm.btn-danger{padding:4px 10px;font-size:12px}