:root{--accent-color:gold;--accent-hover:#e6c200;--bg-primary:#fff;--bg-secondary:#f8f9fa}[data-theme=dark]{--accent-color:gold;--accent-hover:#ffc107;--bg-primary:#1a1d23;--bg-secondary:#0f1115;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#2f3337;--success-color:#28a745;--danger-color:#dc3545}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg-secondary);color:#2c3e50;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Poppins,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:450px;padding:3rem;text-align:center;width:100%}.auth-header{margin-bottom:2rem}.auth-logo{height:auto;margin-bottom:1rem;width:80px}.auth-header h1{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.auth-header h2{color:#333;font-size:1.4rem;font-weight:500;margin:0 0 1rem}.auth-header p{color:#666;font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{text-align:left}.form-group label{color:#333}.form-group input{border:2px solid #e1e5e9;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.auth-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.auth-links{display:flex;justify-content:center;margin-top:1rem}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.link-button:hover{color:#5a6fd8}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:.8rem;text-align:center}.success-message{background:#efe;border:1px solid #cfc;border-radius:6px;color:#363;font-size:.9rem;padding:1rem;text-align:left}.success-message p{margin:0 0 .5rem}.success-message p:last-child{margin:0}.auth-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.auth-footer p{color:#666;font-size:.85rem;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.loading-spinner p{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem}.auth-header h1{font-size:1.6rem}}.admin-sidebar{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffff80;border-right:1px solid #ffffff4d;box-shadow:0 8px 32px #00000014,inset 0 1px 0 #ffffff80;overflow-x:hidden;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar .sidebar-header{background:#ffffff1a;border-bottom:1px solid #ffffff4d;box-sizing:border-box;padding:2rem 1.5rem;width:100%}.admin-sidebar .sidebar-brand{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:100%}.admin-sidebar .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));flex-shrink:0;height:164px;object-fit:contain;transition:all .3s ease;width:164px}.admin-sidebar .sidebar-brand:hover .sidebar-logo{filter:drop-shadow(0 6px 20px rgba(255,215,0,.3));transform:scale(1.05)}.admin-sidebar .sidebar-text{min-width:0;text-align:center}.admin-sidebar .sidebar-title{color:#1f2937;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar .sidebar-subtitle{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.admin-sidebar .sidebar-nav{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0;scrollbar-color:#ffd7004d #0000;scrollbar-width:thin;width:100%}.admin-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar .sidebar-nav::-webkit-scrollbar-track{background:#0000}.admin-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}.admin-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffd70080}.admin-sidebar .nav-item{align-items:center;background:#0000;border-left:3px solid #0000;border-radius:0;box-sizing:border-box;color:#6b7280;display:flex;flex-direction:row;font-size:.875rem;font-weight:500;gap:1rem;margin:0;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.admin-sidebar .nav-item svg{color:#9ca3af;flex-shrink:0;height:18px;order:0;transition:all .25s ease;width:18px}.admin-sidebar .nav-item span{order:1;overflow:hidden;text-overflow:ellipsis;transition:all .25s ease;white-space:nowrap}.admin-sidebar .nav-item:before{background:linear-gradient(90deg,#0000,#ffd70066 50%,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.admin-sidebar .nav-item:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-left-color:gold;color:gold}.admin-sidebar .nav-item:hover:before{opacity:1}.admin-sidebar .nav-item:hover svg{color:gold;transform:translateX(2px)}.admin-sidebar .nav-item.active{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border-left-color:gold;box-shadow:inset 0 1px 0 #ffffff80,0 2px 8px #ffd7001a;color:gold;font-weight:600}.admin-sidebar .nav-item.active:before{background:linear-gradient(90deg,#0000,gold 50%,#0000);opacity:1}.admin-sidebar .nav-item.active svg{color:gold}.admin-sidebar .nav-section{box-sizing:border-box;margin-top:1rem;width:100%}.admin-sidebar .nav-section-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-left:3px solid #0000;border-radius:0;box-sizing:border-box;color:#9ca3af;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;justify-content:space-between;letter-spacing:.1em;margin:0;overflow:hidden;padding:.75rem 1.5rem;text-align:left;text-transform:uppercase;transition:all .25s ease;white-space:nowrap;width:100%}.admin-sidebar .nav-section-header:hover{background:#fff6;border-left-color:#ffd70080;color:#6b7280}.admin-sidebar .nav-section-header.expanded{background:#ffffff80;border-left-color:gold;color:gold}.admin-sidebar .nav-section-title{align-items:center;display:flex;gap:.5rem;overflow:hidden;text-overflow:ellipsis}.admin-sidebar .nav-section-items{border-left:none;box-sizing:border-box;margin:0;padding:0;width:100%}.admin-sidebar .nav-sub-item{font-size:.813rem;gap:.875rem;padding-left:3.5rem}.admin-sidebar .sidebar-footer{background:#ffffff1a;border-top:1px solid #ffffff4d;padding:1.5rem 1rem}.admin-sidebar .logout-btn,.admin-sidebar .sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;width:100%}.admin-sidebar .logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .25s ease;white-space:nowrap}.admin-sidebar .logout-btn:hover{background:#ef444433;border-color:#ef444480;box-shadow:0 4px 12px #ef444433;color:#b91c1c;transform:translateY(-2px)}.admin-sidebar .logout-btn svg{transition:transform .25s ease}.admin-sidebar .logout-btn:hover svg{transform:translateX(-3px)}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-sidebar .nav-item,.admin-sidebar .nav-section-header{animation:slideInLeft .3s ease-out}:root{--primary-color:gold;--primary-dark:#e6c200;--secondary-color:#2c3e50;--background-color:#f8f9fa;--sidebar-bg:#fff;--text-primary:#2c3e50;--text-secondary:#6c757d;--border-color:#e9ecef;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107}.admin-body{background-color:#f8f9fa;background-color:var(--background-color);color:#2c3e50;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}.admin-dashboard{display:flex;min-height:100vh}.admin-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e9ecef;border-right:1px solid var(--border-color);box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);padding:2rem 1.5rem 1.5rem;text-align:center}.sidebar-logo{border-radius:8px;height:auto;margin-bottom:1rem;width:60px}.sidebar-title{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.sidebar-subtitle{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#2c3e50;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f8f9fa}.nav-item.active,.nav-item:hover{border-left-color:gold;border-left-color:var(--primary-color);color:gold;color:var(--primary-color)}.nav-item.active{background-color:#ffd7001a;font-weight:600}.nav-icon{flex-shrink:0;margin-right:12px}.sidebar-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);padding:1rem 1.5rem}.logout-btn{align-items:center;background:none;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.logout-btn:hover{background-color:#dc3545;background-color:var(--danger-color);border-color:#dc3545;border-color:var(--danger-color);color:#fff}.nav-section{margin:.5rem 0}.nav-section-header{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#2c3e50;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.nav-section-header:hover{background-color:#f8f9fa;border-left-color:gold;border-left-color:var(--primary-color);color:gold;color:var(--primary-color)}.nav-section-header.expanded{background-color:#ffd7000d;color:gold;color:var(--primary-color)}.nav-section-title{align-items:center;display:flex;gap:12px}.nav-section-items{border-left:2px solid #e9ecef;border-left:2px solid var(--border-color);margin-left:1.5rem;padding-left:1rem}.nav-sub-item{color:#6c757d!important;color:var(--text-secondary)!important;font-size:.85rem!important;padding-left:2rem!important}.nav-sub-item.active,.nav-sub-item:hover{color:gold!important;color:var(--primary-color)!important}.nav-sub-item.active{background-color:#ffd70014!important}.marketing-area-card{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.marketing-area-card,.marketing-area-card:hover{color:#2c3e50;color:var(--text-primary);text-decoration:none}.marketing-area-card:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #ffd70026;transform:translateY(-2px)}.marketing-area-card h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.marketing-area-card p{color:#6c757d;color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.marketing-area-card>svg:first-child{color:gold;color:var(--primary-color);flex-shrink:0}.marketing-area-card>svg:last-child{color:#6c757d;color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.marketing-area-card:hover>svg:last-child{transform:translateX(4px)}.feature-preview{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.feature-preview:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #ffd7001a}.feature-preview h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.feature-preview p{color:#6c757d;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.feature-preview>svg{flex-shrink:0;margin-top:2px}.admin-main{background-color:#f8f9fa;background-color:var(--background-color);flex:1 1;margin-left:280px;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.dashboard-subtitle{color:#6c757d;color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #0000000d;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-header{justify-content:space-between;margin-bottom:1rem}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;color:#fff;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.subscribers{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.emails{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.opens{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.clicks{background:linear-gradient(135deg,gold,#e6c200);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.stat-value{color:#2c3e50;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.stat-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .5rem}.stat-change{font-size:.8rem;font-weight:600}.stat-change.positive{color:#28a745;color:var(--success-color)}.stat-change.negative{color:#dc3545;color:var(--danger-color)}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.content-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.card-header{background:#fafbfc;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);padding:1.5rem}.card-title{color:#2c3e50;margin:0}.card-content{padding:1.5rem}.table-container{border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}table{background:#fff;border-collapse:collapse;width:100%}table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color)}table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}table td,table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);color:#2c3e50;color:var(--text-primary);padding:1rem}table td{font-size:.9rem}table tbody tr:hover{background-color:#f8f9fa}table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.table-container{font-size:.8rem}table td,table th{padding:.5rem}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:gold;background-color:var(--primary-color);border:1px solid gold;border:1px solid var(--primary-color);color:#2c3e50;color:var(--text-primary)}.btn-primary:hover{background-color:#e6c200;background-color:var(--primary-dark);border-color:#e6c200;border-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);color:#2c3e50;color:var(--text-primary)}.btn-secondary:hover{background-color:#f8f9fa;border-color:#6c757d;border-color:var(--text-secondary)}.btn-success{background-color:#28a745;background-color:var(--success-color);border:1px solid #28a745;border:1px solid var(--success-color);color:#fff}.btn-success:hover{background-color:#218838;border-color:#218838;transform:translateY(-1px)}.btn-danger{background-color:#dc3545;background-color:var(--danger-color);border:1px solid #dc3545;border:1px solid var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;transform:translateY(-1px)}.btn-outline{background-color:initial;border:1px solid}.btn-outline:hover{background-color:currentColor;color:#fff}.btn-icon{align-items:center;background:#0000;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:6px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.btn-icon:hover{background-color:gold;background-color:var(--primary-color);border-color:gold;border-color:var(--primary-color);color:#2c3e50;color:var(--text-primary)}.btn-icon.btn-danger{border-color:#dc3545;border-color:var(--danger-color);color:#dc3545;color:var(--danger-color)}.btn-icon.btn-danger:hover{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.btn-group{display:flex;gap:.5rem}input,select,textarea{background-color:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}input::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.alert{border:1px solid;border-radius:8px;font-size:.9rem;padding:1rem}.alert-info{background-color:#17a2b81a;border-color:#17a2b833;color:#0c5460}.mobile-nav-toggle{background:gold;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#2c3e50;color:var(--text-primary);cursor:pointer;display:none;font-size:1.2rem;height:44px;left:1rem;position:fixed;top:1rem;width:44px;z-index:1100}.sidebar-overlay{display:none;z-index:999}.modal,.sidebar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modal{align-items:center;display:flex;justify-content:center;padding:1rem;z-index:2000}.modal-content{box-shadow:0 20px 40px #0000001a}.modal-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color)}.modal-header h3{color:#2c3e50;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close:hover{background-color:#f8f9fa;color:#2c3e50;color:var(--text-primary)}.modal-footer{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);padding:1rem 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd7001a}.spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.mobile-nav-toggle{display:block}.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay.active{display:block}.admin-main{margin-left:0;padding:5rem 1rem 1rem}.content-grid,.stats-grid{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}}.status-badge{align-items:center;display:inline-flex;gap:.25rem;letter-spacing:.025em;text-transform:uppercase}.status-badge.confirmed{background-color:#def7ec;color:#047857}.status-badge.unconfirmed{background-color:#fef3c7;color:#d97706}.source-badge{background-color:#f3f4f6;border-radius:.375rem;color:#4b5563;display:inline-block;padding:.25rem .5rem}.filter-toolbar{display:flex;flex-direction:column;gap:1rem}.search-container{max-width:400px;position:relative}.search-icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.search-input:focus{border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-group{display:flex;flex-wrap:wrap;gap:1rem}.filter-item{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.filter-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;padding:.625rem 2rem .625rem .75rem;transition:all .2s}.filter-select:focus{border-color:gold;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.large{max-width:800px}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:#111827;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.modal-close{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body,.modal-footer{background:#fff;padding:1.5rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}.form-group{margin-bottom:1rem}.form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-input,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-error{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.form-textarea{min-height:100px;resize:vertical}.tag{background-color:#4f46e5;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;width:16px}.tag-remove:hover{background-color:#fff3}.error-box,.info-box,.preview-box{border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.info-box{background-color:#ebf8ff;border:1px solid #90cdf4;color:#2b6cb0}.error-box{background-color:#fed7d7;border:1px solid #fca5a5;color:#c53030}.preview-box{background-color:#f0fdf4;border:1px solid #86efac;color:#15803d}.error-box h4,.info-box h4,.preview-box h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.error-box p,.info-box p,.preview-box p{font-size:.8rem;margin:0}.error-box ul{margin:0;padding-left:1rem}.error-box li{font-size:.8rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;display:inline-block;height:20px;width:20px}.source-badge{align-items:center;background-color:#e9ecef;border:1px solid #dee2e6;border-radius:6px;color:#495057;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 8px}.action-card{align-items:center;background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.action-card:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #ffd70026;transform:translateY(-2px)}.action-card:active{transform:translateY(0)}.action-card h4{color:#2c3e50;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-card p{color:#6c757d;color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.newsletter-editor,.newsletter-page{margin:0 auto;max-width:1200px;padding:1rem}.editor-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.editor-content{margin-top:1.5rem}.email-preview,.template-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.template-card{transition:all .3s ease}.template-card:hover{border-color:gold;border-color:var(--primary-color);box-shadow:0 4px 12px #ffd70026;transform:translateY(-2px)}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.draft{background-color:#fef3c7;color:#d97706}.status-badge.sent{background-color:#def7ec;color:#047857}.status-badge.scheduled{background-color:#e0e7ff;color:#4338ca}@media (max-width:480px){.admin-main{padding:5rem .75rem .75rem}.card-content{padding:1rem}.modal-content{margin:.5rem}.action-card{flex-direction:column;gap:1rem;text-align:center}.newsletter-editor,.newsletter-page{padding:.5rem}.editor-header{align-items:stretch;flex-direction:column;gap:1rem}.editor-header>div{display:flex;flex-wrap:wrap;gap:.5rem}}.employee-detail{margin:0 auto;max-width:1400px;padding:24px}.detail-header{justify-content:space-between;margin-bottom:24px}.back-button,.detail-header{align-items:center;display:flex}.back-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.back-button:hover{background:var(--bg-primary);border-color:var(--accent-color)}.detail-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}}.detail-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:24px}.card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 16px}.status-card{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.status-header{gap:20px}.avatar-large,.status-header{align-items:center;display:flex}.avatar-large{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:50%;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar-large img{height:100%;object-fit:cover;width:100%}.status-info h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.info-value{align-items:center;background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);display:flex;font-size:14px;gap:8px;padding:8px}.bio-text{line-height:1.6;white-space:pre-wrap}.company-email-display{background:var(--bg-secondary);border-radius:8px;padding:16px}.company-email-creator{display:flex;flex-direction:column;gap:12px}.email-input-group{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:0;overflow:hidden}.email-prefix-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 16px}.email-domain{background:var(--accent-color);color:#fff;font-size:14px;font-weight:600;padding:12px 16px}[data-theme=dark] .email-domain{color:#0f172a}.create-email-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.create-email-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.create-email-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .create-email-btn{color:#0f172a}.help-text{color:var(--text-secondary);font-size:12px;margin:0}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{border:none;border-radius:8px;font-size:14px;font-weight:600;gap:8px;padding:12px 16px}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669;transform:translateY(-2px)}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626;transform:translateY(-2px)}.deactivate-btn{background:#f59e0b;color:#fff}.deactivate-btn:hover{background:#d97706;transform:translateY(-2px)}.secondary-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.secondary-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}[data-theme=dark] .secondary-btn:hover{color:#0f172a}.meta-info{gap:16px}.meta-info,.meta-item{display:flex;flex-direction:column}.meta-item{gap:8px}.meta-item label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.meta-value{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.card-title-with-help{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.help-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.help-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}[data-theme=dark] .help-button:hover{color:#0f172a}.tutorial-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:20px}.tutorial-box h5{font-size:16px;font-weight:600;margin:0 0 16px}.tutorial-box ol{margin:0;padding-left:20px}.tutorial-box li{line-height:1.6;margin-bottom:16px}.tutorial-box li:last-child{margin-bottom:0}.tutorial-box a{color:gold;font-weight:600;text-decoration:underline}.tutorial-box code{background:#fff3;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.tutorial-note{background:#ffffff26;border-radius:8px;font-size:13px;margin-bottom:0;margin-top:16px;padding:12px}.email-credentials-form{display:flex;flex-direction:column;gap:16px}.form-group label{color:var(--text-primary);font-size:13px}.credentials-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px;transition:all .2s}.credentials-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}.credentials-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s}.credentials-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffd7001a;outline:none}.password-input-group{display:flex;position:relative}.password-input-group .credentials-input{flex:1 1;padding-right:48px}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.password-toggle:hover{color:var(--accent-color)}.campaigns-list{background:#fafafa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.campaigns-list .campaigns-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.campaigns-list .campaigns-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .25rem}.campaigns-list .campaigns-subtitle{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.campaigns-list .create-campaign-btn{align-items:center;background:#111827;border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .15s ease}.campaigns-list .create-campaign-btn:hover{background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.campaigns-list .campaigns-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.campaigns-list .stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.campaigns-list .stat-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.campaigns-list .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.campaigns-list .stat-content{flex:1 1}.campaigns-list .stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.campaigns-list .stat-value{color:#111827;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.campaigns-list .campaigns-filters{margin-bottom:1.5rem}.campaigns-list .filter-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:.5rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.campaigns-list .filter-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.813rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.campaigns-list .filter-tab:hover{background:#f9fafb;color:#111827}.campaigns-list .filter-tab.active{background:#111827;color:#fff}.campaigns-list .campaigns-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.campaigns-list .campaigns-table{border-collapse:collapse;width:100%}.campaigns-list .campaigns-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb}.campaigns-list .campaigns-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1.25rem;text-align:left;text-transform:uppercase}.campaigns-list .campaign-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.campaigns-list .campaign-row:hover{background:#fafafa}.campaigns-list .campaign-row:last-child{border-bottom:none}.campaigns-list .campaigns-table td{color:#111827;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.campaigns-list .campaign-info{align-items:center;display:flex;gap:1rem}.campaigns-list .campaign-thumbnail{background-color:#f3f4f6;background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;height:56px;width:56px}.campaigns-list .campaign-title{color:#111827;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.campaigns-list .campaign-meta{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.75rem}.campaigns-list .campaign-slug{background:#f3f4f6;border-radius:4px;color:#374151;font-family:Monaco,Courier New,monospace;padding:.125rem .5rem}.campaigns-list .campaign-calculator{font-size:.75rem}.campaigns-list .status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.35rem .75rem}.campaigns-list .performance-metrics{align-items:center;display:flex;gap:1rem}.campaigns-list .metric{align-items:center;color:#6b7280;display:flex;font-size:.813rem;gap:.35rem}.campaigns-list .metric svg{opacity:.6}.campaigns-list .conversion-badge{background:#10b98115;border-radius:6px;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.campaigns-list .campaign-dates{align-items:center;color:#6b7280;display:flex;font-size:.813rem;gap:.5rem}.campaigns-list .campaign-dates svg{opacity:.6}.campaigns-list .actions-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.campaigns-list .actions-btn:hover{background:#f3f4f6;color:#111827}.campaigns-list .empty-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:5rem 2rem}.campaigns-list .empty-icon{align-items:center;background:#f9fafb;border-radius:16px;display:flex;height:80px;justify-content:center;width:80px}.campaigns-list .empty-title{color:#111827;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin:0}.campaigns-list .empty-subtitle{color:#6b7280;font-size:.875rem;margin:0;max-width:400px;text-align:center}.campaigns-list .empty-cta{align-items:center;background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .15s ease}.campaigns-list .empty-cta:hover{background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.campaigns-list .loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.campaigns-list .spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#111827;height:40px;width:40px}.campaigns-list .loading-state p{color:#6b7280;font-size:.875rem}@media (max-width:1200px){.campaigns-list .campaigns-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.campaigns-list{padding:1rem}.campaigns-list .campaigns-header{flex-direction:column;gap:1rem}.campaigns-list .create-campaign-btn{justify-content:center;width:100%}.campaigns-list .campaigns-stats{grid-template-columns:1fr}.campaigns-list .filter-tabs{overflow-x:auto;width:100%}.campaigns-list .campaigns-table thead{display:none}.campaigns-list .campaign-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.campaigns-list .campaigns-table td{padding:0}}.channel-selector{padding:1.5rem}.channel-selector .selector-header{margin-bottom:2rem}.channel-selector .selector-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.channel-selector .selector-header .subtitle{color:#666;font-size:.95rem}.channel-selector .channels-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.channel-selector .channels-list{display:flex;flex-direction:column;gap:1rem}.channel-selector .channel-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.channel-selector .channel-card:before{background:#6b7280;background:var(--channel-color,#6b7280);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.channel-selector .channel-card:hover{border-color:#6b7280;border-color:var(--channel-color,#6b7280);box-shadow:0 4px 12px #00000014}.channel-selector .channel-card:hover:before{opacity:1}.channel-selector .channel-card.selected{background:linear-gradient(135deg,#6b72800d,#6b728005);background:linear-gradient(135deg,rgba(var(--channel-color-rgb,107,114,128),.05),rgba(var(--channel-color-rgb,107,114,128),.02));border-color:#6b7280;border-color:var(--channel-color,#6b7280)}.channel-selector .channel-card.selected:before{opacity:1}.channel-selector .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.channel-selector .channel-icon{align-items:center;background-color:#6b7280;background-color:var(--channel-color,#6b7280);border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.channel-selector .selected-badge{align-items:center;animation:scaleIn .2s ease;background:#10b981;background:var(--channel-color,#10b981);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.channel-selector .card-body h4{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.channel-selector .card-body .description{color:#666;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.channel-selector .features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.channel-selector .feature-tag{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.channel-selector .category-badge{background:#6b72801a;background:rgba(var(--channel-color-rgb,107,114,128),.1);border-radius:20px;color:#6b7280;color:var(--channel-color,#6b7280);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.channel-selector .selection-summary{background:#f9fafb;border-radius:8px;color:#374151;font-size:.95rem;margin-top:2rem;padding:1rem;text-align:center}.channel-selector .selection-summary strong{color:#1a1a1a;font-size:1.25rem}.channel-selector-categories{padding:1.5rem}.channel-selector .category-section{margin-bottom:2rem}.channel-selector .category-title{color:#1a1a1a;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.channel-selector .channel-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.channel-selector .channel-button:hover{background:#f9fafb;border-color:#6b7280;border-color:var(--channel-color,#6b7280)}.channel-selector .channel-button.selected{background:#6b7280;background:var(--channel-color,#6b7280);border-color:#6b7280;border-color:var(--channel-color,#6b7280);color:#fff}.channel-selector .channel-button .check-icon{margin-left:auto}@media (max-width:768px){.channel-selector .channels-grid{grid-template-columns:1fr}.channel-selector .channel-card{padding:1.25rem}.channel-selector .channel-icon{height:40px;width:40px}}.campaign-wizard{background:#fafafa;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.campaign-wizard .wizard-header{margin-bottom:2rem}.campaign-wizard .back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .15s ease}.campaign-wizard .back-button:hover{background:#f9fafb;border-color:#d1d5db}.campaign-wizard .wizard-title-section{margin-bottom:2rem}.campaign-wizard .wizard-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .25rem}.campaign-wizard .wizard-subtitle{color:#6b7280;font-size:.875rem;margin:0}.campaign-wizard .wizard-progress{background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;position:relative}.campaign-wizard .wizard-progress:before{background:#f3f4f6;content:"";height:2px;left:4rem;position:absolute;right:4rem;top:50%;transform:translateY(-50%);z-index:0}.campaign-wizard .progress-step{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:all .2s ease;z-index:1}.campaign-wizard .step-indicator{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#9ca3af;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.campaign-wizard .progress-step.active .step-indicator{background:#111827;border-color:#111827;color:#fff}.campaign-wizard .progress-step.completed .step-indicator{background:#10b981;border-color:#10b981;color:#fff}.campaign-wizard .step-label{color:#9ca3af;font-size:.75rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.campaign-wizard .progress-step.active .step-label{color:#111827;font-weight:600}.campaign-wizard .progress-step.completed .step-label{color:#10b981}.campaign-wizard .progress-step.disabled{opacity:.4;pointer-events:none}.campaign-wizard .progress-step.disabled .step-indicator{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.campaign-wizard .progress-step.disabled .step-label{color:#d1d5db}.campaign-wizard .wizard-content{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:1.5rem;min-height:500px;padding:2rem}.campaign-wizard .wizard-step{animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.campaign-wizard .step-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.campaign-wizard .step-description{color:#6b7280;font-size:.875rem;margin:0 0 2rem}.campaign-wizard .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.campaign-wizard .form-group{display:flex;flex-direction:column}.campaign-wizard .form-group.full-width{grid-column:span 2}.campaign-wizard .form-label{color:#374151;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:.25rem;margin-bottom:.5rem}.campaign-wizard .label-hint{color:#9ca3af;font-size:.75rem;font-weight:400}.campaign-wizard .form-input,.campaign-wizard .form-select,.campaign-wizard .form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827!important;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .15s ease}.campaign-wizard .form-input:focus,.campaign-wizard .form-select:focus,.campaign-wizard .form-textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271a;color:#111827!important;outline:none}.campaign-wizard .form-textarea{min-height:80px;resize:vertical}.campaign-wizard .form-color{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;height:44px;transition:all .15s ease;width:100%}.campaign-wizard .form-color:hover{border-color:#d1d5db}.campaign-wizard .info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;gap:1rem;padding:1.25rem}.campaign-wizard .info-box-neutral{background:#f9fafb;border-color:#e5e7eb;color:#6b7280}.campaign-wizard .info-box strong{display:block;font-size:.875rem;margin-bottom:.25rem}.campaign-wizard .info-box p{font-size:.875rem;margin:0}.campaign-wizard .review-sections{grid-gap:2rem;display:grid;gap:2rem}.campaign-wizard .review-section{border-bottom:1px solid #f3f4f6;padding-bottom:2rem}.campaign-wizard .review-section:last-child{border-bottom:none;padding-bottom:0}.campaign-wizard .review-section h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.campaign-wizard .review-list{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:140px 1fr;margin:0}.campaign-wizard .review-list dt{color:#6b7280;font-size:.875rem;font-weight:500}.campaign-wizard .review-list dd{color:#111827;font-size:.875rem;margin:0}.campaign-wizard .wizard-footer{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.campaign-wizard .footer-info{color:#6b7280;font-size:.875rem;font-weight:500}.campaign-wizard .wizard-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s ease}.campaign-wizard .wizard-btn.primary{background:#111827;box-shadow:0 1px 2px #0000000d;color:#fff}.campaign-wizard .wizard-btn.primary:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.campaign-wizard .wizard-btn.secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.campaign-wizard .wizard-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.campaign-wizard .wizard-btn:disabled{cursor:not-allowed;opacity:.5}.campaign-wizard .wizard-btn-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;padding:0;transition:all .15s ease;width:44px}.campaign-wizard .wizard-btn-icon:hover{background:#fef2f2;border-color:#fca5a5}@media (max-width:768px){.campaign-wizard{padding:1rem}.campaign-wizard .wizard-progress{flex-wrap:wrap;gap:1rem}.campaign-wizard .wizard-progress:before{display:none}.campaign-wizard .form-grid{grid-template-columns:1fr}.campaign-wizard .form-group.full-width{grid-column:span 1}.campaign-wizard .wizard-footer{flex-direction:column;gap:1rem}.campaign-wizard .wizard-btn{justify-content:center;width:100%}.campaign-wizard .footer-info{order:-1}}.campaign-detail{background:#f9fafb;min-height:100vh;padding:32px}.campaign-detail.loading{align-items:center;display:flex;justify-content:center}.campaign-detail .loading-spinner{color:#9ca3af;font-size:1.2rem}.campaign-detail .detail-header{align-items:flex-start;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:32px}.campaign-detail .back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .15s ease}.campaign-detail .back-button:hover{background:#f9fafb;border-color:#d1d5db}.campaign-detail .header-content{flex:1 1}.campaign-detail .header-main{align-items:center;display:flex;gap:12px;margin-bottom:8px}.campaign-detail .campaign-title{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.campaign-detail .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.campaign-detail .status-badge.active{background:#d1fae5;color:#065f46}.campaign-detail .status-badge.draft{background:#fef3c7;color:#92400e}.campaign-detail .campaign-description{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.campaign-detail .edit-button{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .15s ease}.campaign-detail .edit-button:hover{background:#059669;transform:translateY(-1px)}.campaign-detail .detail-tabs{background:#fff;border:1px solid #f3f4f6;border-radius:8px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.campaign-detail .tab-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s ease}.campaign-detail .tab-button:hover{background:#f9fafb;color:#374151}.campaign-detail .tab-button.active{background:#111827;color:#fff}.campaign-detail .tab-content{background:#fff;border:1px solid #f3f4f6;border-radius:12px;min-height:500px;padding:32px}.campaign-detail .tab-overview{display:flex;flex-direction:column;gap:32px}.campaign-detail .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.campaign-detail .stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .15s ease}.campaign-detail .stat-card:hover{border-color:#10b981;transform:translateY(-2px)}.campaign-detail .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.campaign-detail .stat-icon.leads{background:linear-gradient(135deg,#10b981,#059669)}.campaign-detail .stat-icon.views{background:linear-gradient(135deg,#3b82f6,#2563eb)}.campaign-detail .stat-icon.conversion{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.campaign-detail .stat-icon.channels{background:linear-gradient(135deg,#f59e0b,#d97706)}.campaign-detail .stat-content{flex:1 1}.campaign-detail .stat-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.campaign-detail .stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1}.campaign-detail .stat-progress{align-items:center;display:flex;gap:12px;margin-top:12px}.campaign-detail .progress-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.campaign-detail .progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.campaign-detail .progress-text{color:#6b7280;font-size:.75rem;font-weight:600}.campaign-detail .info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.campaign-detail .info-section h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 20px}.campaign-detail .info-list{grid-gap:16px;grid-row-gap:16px;display:grid;gap:16px;grid-template-columns:150px 1fr;row-gap:16px}.campaign-detail .info-list dt{color:#6b7280;font-size:.875rem;font-weight:600}.campaign-detail .info-list dd{color:#111827;font-size:.875rem;margin:0}.campaign-detail .info-list code{background:#e5e7eb;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.8rem;padding:4px 8px}.campaign-detail .info-list a{color:#10b981;font-weight:500;text-decoration:none}.campaign-detail .info-list a:hover{text-decoration:underline}.campaign-detail .tab-landing-page{display:flex;flex-direction:column;gap:24px}.campaign-detail .landing-preview{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.campaign-detail .preview-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.campaign-detail .preview-header h3{color:#111827;font-size:1rem;font-weight:600;margin:0}.campaign-detail .preview-link{align-items:center;background:#10b981;border-radius:6px;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .15s ease}.campaign-detail .preview-link:hover{background:#059669}.campaign-detail .preview-content{padding:24px}.campaign-detail .hero-preview{border-radius:8px;margin-bottom:24px;overflow:hidden;position:relative}.campaign-detail .hero-preview img{height:300px;object-fit:cover;width:100%}.campaign-detail .hero-overlay{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;color:#fff;left:0;padding:32px;position:absolute;right:0}.campaign-detail .hero-overlay h2{font-size:1.75rem;font-weight:700;margin:0 0 8px}.campaign-detail .hero-overlay p{font-size:1rem;margin:0;opacity:.9}.campaign-detail .content-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.campaign-detail .section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.campaign-detail .section h4{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.campaign-detail .benefits-list{list-style:none;margin:0;padding:0}.campaign-detail .benefits-list li{color:#111827;font-size:.875rem;padding:8px 0 8px 24px;position:relative}.campaign-detail .benefits-list li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.campaign-detail .cta-preview{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:default;font-size:.875rem;font-weight:600;padding:12px 24px}.campaign-detail .tab-channels{display:flex;flex-direction:column;gap:24px}.campaign-detail .tab-channels h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.campaign-detail .channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.campaign-detail .channel-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .15s ease}.campaign-detail .channel-card:hover{border-color:#10b981;transform:translateY(-2px)}.campaign-detail .channel-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.campaign-detail .channel-header svg{color:#10b981}.campaign-detail .channel-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.campaign-detail .channel-card p{color:#6b7280;font-size:.875rem;margin:0}.campaign-detail .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.campaign-detail .empty-state svg{color:#d1d5db;margin-bottom:16px}.campaign-detail .empty-state p{color:#9ca3af;font-size:1rem}.campaign-detail .tab-analytics{display:flex;flex-direction:column;gap:32px}.campaign-detail .analytics-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.campaign-detail .metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.campaign-detail .metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center}.campaign-detail .metric-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.campaign-detail .metric-value{color:#111827;font-size:2rem;font-weight:700}.campaign-detail .chart-placeholder{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.campaign-detail .chart-placeholder svg{color:#d1d5db;margin-bottom:16px}.campaign-detail .chart-placeholder p{color:#6b7280;font-size:1rem;font-weight:600;margin:0 0 8px}.campaign-detail .chart-placeholder small{color:#9ca3af;font-size:.875rem}.campaign-detail .channels-header{margin-bottom:24px}.campaign-detail .channels-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 4px}.campaign-detail .channels-list{display:flex;flex-direction:column;gap:12px}.campaign-detail .channel-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .15s ease}.campaign-detail .channel-item.active{background:#fff;border-color:#d1d5db}.campaign-detail .channel-item.inactive{opacity:.6}.campaign-detail .channel-info{align-items:center;display:flex;gap:12px}.campaign-detail .channel-icon{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.campaign-detail .channel-edit-btn{align-items:center;background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease}.campaign-detail .channel-edit-btn:hover{background:#000;transform:translateY(-1px)}@media (max-width:768px){.campaign-detail{padding:16px}.campaign-detail .detail-header{flex-direction:column}.campaign-detail .info-list,.campaign-detail .stats-grid{grid-template-columns:1fr}.campaign-detail .detail-tabs{overflow-x:auto}.campaign-detail .tab-button{flex-shrink:0}}.batch-upload{display:flex;flex-direction:column;gap:24px}.batch-upload .upload-status{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.batch-upload .status-info{align-items:center;color:#15803d;display:flex;font-size:14px;font-weight:500;gap:8px}.batch-upload .download-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.batch-upload .download-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.batch-upload .drop-zone{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;transition:all .3s}.batch-upload .drop-zone:hover{background:#f9fafb;border-color:#9ca3af}.batch-upload .drop-zone.dragging{background:#f3f4f6;border-color:#111827}.batch-upload .drop-zone h3{color:#111827;font-size:16px;font-weight:600;margin:0}.batch-upload .drop-zone p{color:#6b7280;font-size:14px;margin:0}.batch-upload .naming-hint{align-items:center;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:8px 12px}.batch-upload .upload-label-btn{background:#111827;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:10px 20px;transition:background .2s}.batch-upload .upload-label-btn:hover{background:#000}.batch-upload .banner-preview-section{display:flex;flex-direction:column;gap:16px}.batch-upload .banner-preview-section h4{color:#111827;font-size:16px;font-weight:600;margin:0}.batch-upload .banner-preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.batch-upload .banner-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.batch-upload .banner-preview-card:hover{box-shadow:0 4px 6px -1px #0000001a}.batch-upload .banner-preview-card.uploading{opacity:.7}.batch-upload .banner-preview-card.success{border-color:#86efac}.batch-upload .banner-preview-card.error{border-color:#fca5a5}.batch-upload .preview-image{aspect-ratio:3/2;background:#f3f4f6;overflow:hidden;position:relative;width:100%}.batch-upload .preview-image img{height:100%;object-fit:cover;width:100%}.batch-upload .error-overlay,.batch-upload .success-overlay,.batch-upload .upload-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.batch-upload .success-overlay{background:#10b981cc;color:#fff}.batch-upload .error-overlay{background:#ef4444cc;color:#fff}.batch-upload .btn-spinner,.batch-upload .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.batch-upload .btn-spinner{border-width:2px;height:14px;width:14px}.batch-upload .preview-info{display:flex;flex-direction:column;gap:4px;padding:12px}.batch-upload .info-row{align-items:center;display:flex;justify-content:space-between}.batch-upload .banner-size{background:#f3f4f6;border-radius:4px;color:#111827;font-size:13px;font-weight:600;padding:2px 8px}.batch-upload .remove-btn{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s}.batch-upload .remove-btn:hover{background:#fee2e2;color:#dc2626}.batch-upload .remove-btn:disabled{cursor:not-allowed;opacity:.5}.batch-upload .file-name{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-upload .file-size{color:#9ca3af;font-size:11px}.batch-upload .error-message{color:#dc2626;font-size:11px;font-weight:500}.batch-upload .upload-all-btn{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background .2s;width:100%}.batch-upload .upload-all-btn:hover:not(:disabled){background:#000}.batch-upload .upload-all-btn:disabled{background:#d1d5db;cursor:not-allowed}.batch-upload .existing-banners-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-top:24px}.batch-upload .existing-banners-section h4{color:#111827;font-size:16px;font-weight:600;margin:0}.batch-upload .existing-banners-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.batch-upload .existing-banner-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.batch-upload .existing-banner-card:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.batch-upload .existing-banner-card img{aspect-ratio:3/2;background:#f3f4f6;object-fit:cover;width:100%}.batch-upload .existing-banner-info{display:flex;flex-direction:column;gap:2px;padding:8px}@media (max-width:768px){.batch-upload .banner-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.batch-upload .existing-banners-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.google-ads-channel{background:#f9fafb;min-height:100vh}.google-ads-channel .channel-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.google-ads-channel .back-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:6px 12px;transition:color .2s}.google-ads-channel .back-btn:hover{color:#111827}.google-ads-channel .header-content{margin:0 auto;max-width:1200px}.google-ads-channel .header-title{align-items:center;display:flex;gap:12px;margin-bottom:4px}.google-ads-channel .header-title h1{color:#111827;font-size:24px;font-weight:600;margin:0}.google-ads-channel .info-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s}.google-ads-channel .info-btn:hover{background:#e5e7eb;color:#111827}.google-ads-channel .header-subtitle{color:#6b7280;font-size:14px;margin:0}.google-ads-channel .info-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:24px auto;max-width:1200px;padding:20px}.google-ads-channel .info-panel h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.google-ads-channel .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.google-ads-channel .info-grid h4{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.google-ads-channel .info-grid code{background:#f3f4f6;border-radius:4px;color:#111827;font-size:13px;padding:4px 8px}.google-ads-channel .info-grid p{color:#111827;font-size:14px;margin:0}.google-ads-channel .format-selector{display:flex;gap:12px;margin:24px auto;max-width:1200px;padding:0 24px}.google-ads-channel .format-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.google-ads-channel .format-btn:hover{border-color:#d1d5db;color:#111827}.google-ads-channel .format-btn.active{background:#111827;border-color:#111827;color:#fff}.google-ads-channel .format-content{margin:0 auto;max-width:1200px;padding:0 24px 48px}.google-ads-channel .ads-section h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 8px}.google-ads-channel .section-description{color:#6b7280;font-size:14px;margin:0 0 24px}.google-ads-channel .section-header-with-action{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.google-ads-channel .upload-new-btn{align-items:center;background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.google-ads-channel .upload-new-btn:hover{background:#000}.google-ads-channel .banner-formats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:32px}.google-ads-channel .format-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.google-ads-channel .format-info-card:hover{box-shadow:0 2px 4px #0000000d}.google-ads-channel .format-info-card.uploaded{background:#f0fdf4;border-color:#86efac}.google-ads-channel .format-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.google-ads-channel .format-name-size h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.google-ads-channel .format-size{color:#6b7280;font-size:12px}.google-ads-channel .format-filename{margin-bottom:12px}.google-ads-channel .format-filename code{background:#f3f4f6;border-radius:3px;color:#6b7280;font-size:11px;padding:2px 6px}.google-ads-channel .format-preview{aspect-ratio:3/2;background:#f9fafb;border-radius:6px;overflow:hidden;position:relative;width:100%}.google-ads-channel .format-preview img{height:100%;object-fit:cover;width:100%}.google-ads-channel .format-file-size{background:#000000b3;border-radius:4px;bottom:6px;color:#fff;font-size:11px;padding:3px 8px;position:absolute;right:6px}.google-ads-channel .format-placeholder{align-items:center;aspect-ratio:3/2;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.google-ads-channel .format-placeholder span{color:#9ca3af;font-size:12px}.google-ads-channel .upload-instructions{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:20px}.google-ads-channel .upload-instructions h4{color:#92400e;font-size:14px;font-weight:600;margin:0 0 12px}.google-ads-channel .upload-instructions ol{color:#78350f;margin:0;padding-left:20px}.google-ads-channel .upload-instructions li{font-size:13px;line-height:1.5;margin-bottom:8px}.google-ads-channel .upload-instructions code{background:#fef3c7;border-radius:3px;font-size:12px;padding:2px 6px}.google-ads-channel .upload-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.google-ads-channel .upload-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.google-ads-channel .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.google-ads-channel .modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.google-ads-channel .modal-close-btn{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:6px;transition:all .2s}.google-ads-channel .modal-close-btn:hover{background:#f3f4f6;color:#111827}.google-ads-channel .ad-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.google-ads-channel .ad-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.google-ads-channel .ad-type-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.google-ads-channel .ad-type-specs{color:#6b7280;font-size:13px}.google-ads-channel .upload-area{width:100%}.google-ads-channel .upload-box{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;transition:all .2s}.google-ads-channel .upload-box:hover{background:#f3f4f6;border-color:#d1d5db}.google-ads-channel .upload-box p{color:#6b7280;font-size:14px;margin:0}.google-ads-channel .upload-btn{align-items:center;background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.google-ads-channel .upload-btn:hover{background:#000}.google-ads-channel .upload-btn-small{align-items:center;background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:background .2s}.google-ads-channel .upload-btn-small:hover{background:#000}.google-ads-channel .banner-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.google-ads-channel .banner-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.google-ads-channel .banner-header{margin-bottom:12px}.google-ads-channel .banner-header h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.google-ads-channel .banner-size{color:#6b7280;font-size:12px}.google-ads-channel .banner-upload{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:20px}.google-ads-channel .form-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.google-ads-channel .form-group{display:flex;flex-direction:column;gap:6px}.google-ads-channel .form-group.full-width{grid-column:1/-1}.google-ads-channel .form-group label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:500;justify-content:space-between}.google-ads-channel .char-limit{color:#9ca3af;font-size:12px;font-weight:400}.google-ads-channel .form-group input,.google-ads-channel .form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.google-ads-channel .form-group input:focus,.google-ads-channel .form-group textarea:focus{border-color:#111827;outline:none}.google-ads-channel .form-group textarea{resize:vertical}.google-ads-channel .responsive-assets{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.google-ads-channel .asset-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.google-ads-channel .asset-card h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.google-ads-channel .asset-specs{color:#6b7280;font-size:12px;margin:0 0 12px}.google-ads-channel .upload-box-small{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:24px}.google-ads-channel .save-btn-large{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background .2s;width:100%}.google-ads-channel .save-btn-large:hover{background:#000}.google-ads-channel .loading{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:center;min-height:100vh}@media (max-width:768px){.google-ads-channel .format-selector{flex-direction:column}.google-ads-channel .banner-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.google-ads-channel .info-grid{grid-template-columns:1fr}}.jobs-list{background:#fafafa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.jobs-list .jobs-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.jobs-list .jobs-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .25rem}.jobs-list .jobs-subtitle{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.jobs-list .create-job-btn,.jobs-list .upload-test-btn{align-items:center;background:#111827;border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .15s ease}.jobs-list .upload-test-btn{background:#3b82f6}.jobs-list .create-job-btn:hover,.jobs-list .upload-test-btn:hover{background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.jobs-list .upload-test-btn:hover{background:#2563eb}.jobs-list .upload-test-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.jobs-list .jobs-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.jobs-list .stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.jobs-list .stat-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.jobs-list .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.jobs-list .stat-content{flex:1 1}.jobs-list .stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.jobs-list .stat-value{color:#111827;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.jobs-list .jobs-filters{margin-bottom:1.5rem}.jobs-list .filter-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:.5rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.jobs-list .filter-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.813rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.jobs-list .filter-tab:hover{background:#f9fafb;color:#111827}.jobs-list .filter-tab.active{background:#111827;color:#fff}.jobs-list .jobs-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.jobs-list .jobs-table{border-collapse:collapse;width:100%}.jobs-list .jobs-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb}.jobs-list .jobs-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1.25rem;text-align:left;text-transform:uppercase}.jobs-list .job-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.jobs-list .job-row:hover{background:#fafafa}.jobs-list .job-row:last-child{border-bottom:none}.jobs-list .jobs-table td{color:#111827;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.jobs-list .job-title-cell{color:#111827;font-size:.875rem;font-weight:600}.jobs-list .category-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.35rem .75rem}.jobs-list .category-badge.category-montage{background:#fef3c7;color:#92400e}.jobs-list .category-badge.category-planung{background:#dbeafe;color:#1e40af}.jobs-list .category-badge.category-verwaltung{background:#e9d5ff;color:#6b21a8}.jobs-list .status-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.35rem .75rem}.jobs-list .status-badge.active{background:#d1fae5;color:#065f46}.jobs-list .status-badge.inactive{background:#fee2e2;color:#991b1b}.jobs-list .job-slug{background:#f3f4f6;border-radius:4px;color:#374151;font-family:Monaco,Courier New,monospace;font-size:.75rem;padding:.125rem .5rem}.jobs-list .job-actions{display:flex;gap:.5rem}.jobs-list .action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.jobs-list .action-btn:hover{background:#f9fafb;border-color:#d1d5db}.jobs-list .edit-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.jobs-list .preview-btn:hover{background:#f5f3ff;border-color:#8b5cf6;color:#8b5cf6}.jobs-list .delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.jobs-list .empty-state{flex-direction:column;gap:1.5rem;padding:5rem 2rem}.jobs-list .empty-icon,.jobs-list .empty-state{align-items:center;display:flex;justify-content:center}.jobs-list .empty-icon{background:#f9fafb;border-radius:16px;height:80px;width:80px}.jobs-list .empty-title{color:#111827;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin:0}.jobs-list .empty-subtitle{color:#6b7280;font-size:.875rem;margin:0;max-width:400px;text-align:center}.jobs-list .empty-cta{align-items:center;background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .15s ease}.jobs-list .empty-cta:hover{background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.jobs-list .loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.jobs-list .spinner{animation:jobs-list-spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#111827;height:40px;width:40px}@keyframes jobs-list-spin{to{transform:rotate(1turn)}}.jobs-list .loading-state p{color:#6b7280;font-size:.875rem}@media (max-width:1200px){.jobs-list .jobs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.jobs-list{padding:1rem}.jobs-list .jobs-header{flex-direction:column;gap:1rem}.jobs-list .create-job-btn{justify-content:center;width:100%}.jobs-list .jobs-stats{grid-template-columns:1fr}.jobs-list .filter-tabs{overflow-x:auto;width:100%}.jobs-list .jobs-table thead{display:none}.jobs-list .job-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.jobs-list .jobs-table td{padding:0}}.jobs-wizard{background:#fafafa;margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.jobs-wizard .wizard-header{margin-bottom:2rem}.jobs-wizard .back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .15s ease}.jobs-wizard .back-button:hover{background:#f9fafb;border-color:#d1d5db}.jobs-wizard .wizard-title-section{margin-bottom:2rem}.jobs-wizard .wizard-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .25rem}.jobs-wizard .wizard-subtitle{color:#6b7280;font-size:.875rem;margin:0}.jobs-wizard .wizard-form{display:flex;flex-direction:column;gap:1.5rem}.jobs-wizard .form-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:2rem}.jobs-wizard .form-section h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.jobs-wizard .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.jobs-wizard .form-row:last-child{margin-bottom:0}.jobs-wizard .form-group{display:flex;flex-direction:column;gap:.5rem}.jobs-wizard .form-group label{color:#374151;font-size:.875rem;font-weight:500}.jobs-wizard .form-group input,.jobs-wizard .form-group select,.jobs-wizard .form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:.875rem;padding:.75rem;transition:all .15s ease}.jobs-wizard .form-group input:focus,.jobs-wizard .form-group select:focus,.jobs-wizard .form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 3px #1118270d;outline:none}.jobs-wizard .form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.jobs-wizard .form-group small{color:#6b7280;font-size:.75rem}.jobs-wizard .form-group small strong{color:#111827;font-family:Monaco,Courier New,monospace}.jobs-wizard .list-item{display:flex;gap:.75rem;margin-bottom:.75rem}.jobs-wizard .list-item:last-child{margin-bottom:1rem}.jobs-wizard .list-item input{border:1px solid #e5e7eb;border-radius:8px;color:#111827;flex:1 1;font-size:.875rem;padding:.75rem;transition:all .15s ease}.jobs-wizard .list-item input:focus{border-color:#111827;box-shadow:0 0 0 3px #1118270d;outline:none}.jobs-wizard .btn-remove{background:#fff;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .15s ease;white-space:nowrap}.jobs-wizard .btn-remove:hover{background:#fef2f2;border-color:#fecaca}.jobs-wizard .btn-add{background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .15s ease;width:100%}.jobs-wizard .btn-add:hover{background:#f9fafb;border-color:#111827;color:#111827}.jobs-wizard .form-group-checkbox{align-items:center;display:flex;gap:.75rem}.jobs-wizard .form-group-checkbox input[type=checkbox]{accent-color:#111827;cursor:pointer;height:20px;width:20px}.jobs-wizard .form-group-checkbox label{color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;margin:0}.jobs-wizard .wizard-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 0}.jobs-wizard .btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease}.jobs-wizard .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.jobs-wizard .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.jobs-wizard .btn-primary{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s ease}.jobs-wizard .btn-primary:hover:not(:disabled){background:#000;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.jobs-wizard .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.jobs-wizard .loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.jobs-wizard .spinner{animation:jobs-wizard-spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#111827;height:40px;width:40px}@keyframes jobs-wizard-spin{to{transform:rotate(1turn)}}.jobs-wizard .loading-state p{color:#6b7280;font-size:.875rem}@media (max-width:768px){.jobs-wizard{padding:1rem}.jobs-wizard .form-section{padding:1.5rem}.jobs-wizard .form-row{grid-template-columns:1fr}.jobs-wizard .list-item{flex-direction:column}.jobs-wizard .btn-remove{width:100%}.jobs-wizard .wizard-footer{flex-direction:column}.jobs-wizard .wizard-footer button{width:100%}}.leads-dashboard{background:#fafafa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem;position:relative}.leads-dashboard .refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .2s ease;width:40px;z-index:100}.leads-dashboard .refresh-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.leads-dashboard .refresh-btn:disabled{cursor:not-allowed;opacity:.5}.leads-dashboard .refresh-btn .spinning{animation:spin 1s linear infinite}.leads-dashboard .dashboard-header{margin-bottom:2rem}.leads-dashboard .dashboard-title{color:#111827;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .25rem}.leads-dashboard .dashboard-subtitle{color:#6b7280;font-size:.875rem;font-weight:400;margin:0}.leads-dashboard .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.leads-dashboard .stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.leads-dashboard .stat-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.leads-dashboard .stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.leads-dashboard .stat-content{flex:1 1}.leads-dashboard .stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.leads-dashboard .stat-value{color:#111827;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.leads-dashboard .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.leads-dashboard .search-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;height:42px;min-width:300px;padding:0 1rem;position:relative}.leads-dashboard .search-box svg{flex-shrink:0}.leads-dashboard .search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:.875rem;margin-left:.75rem;outline:none}.leads-dashboard .search-input::placeholder{color:#9ca3af}.leads-dashboard .filter-buttons{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:.5rem;padding:.25rem}.leads-dashboard .filter-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.813rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease;white-space:nowrap}.leads-dashboard .filter-btn:hover{background:#f9fafb;color:#111827}.leads-dashboard .filter-btn.active{background:#111827;color:#fff}.leads-dashboard .leads-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.leads-dashboard .leads-table{border-collapse:collapse;width:100%}.leads-dashboard .leads-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb}.leads-dashboard .leads-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1.25rem;text-align:left;text-transform:uppercase}.leads-dashboard .lead-row{border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s ease}.leads-dashboard .lead-row:hover{background:#fafafa}.leads-dashboard .lead-row:last-child{border-bottom:none}.leads-dashboard .leads-table td{color:#111827;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.leads-dashboard .contact-info{display:flex;flex-direction:column;gap:.35rem}.leads-dashboard .contact-name{color:#111827;font-size:.875rem;font-weight:600}.leads-dashboard .contact-details{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.4rem}.leads-dashboard .contact-details svg{opacity:.6}.leads-dashboard .contact-details .dot{opacity:.3}.leads-dashboard .source-badge{background:#f3f4f6;color:#374151;font-weight:500}.leads-dashboard .source-badge,.leads-dashboard .status-badge{border-radius:6px;display:inline-block;font-size:.75rem;padding:.35rem .75rem}.leads-dashboard .status-badge{font-weight:600;letter-spacing:.02em}.leads-dashboard .priority-badge{font-size:.75rem;font-weight:600;text-transform:capitalize}.leads-dashboard .product-info{display:flex;flex-direction:column;gap:.35rem}.leads-dashboard .location{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.35rem}.leads-dashboard .time-info{color:#6b7280;display:flex;flex-direction:column;font-size:.813rem;gap:.35rem}.leads-dashboard .time-info svg{display:inline;margin-right:.35rem;opacity:.6}.leads-dashboard .callback-indicator{align-items:center;display:flex;font-size:.75rem;gap:.35rem;margin-top:.25rem}.leads-dashboard .view-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.leads-dashboard .view-btn:hover{background:#111827;color:#fff}.leads-dashboard .loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.leads-dashboard .spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#111827;height:40px;width:40px}.leads-dashboard .loading-state p{color:#6b7280;font-size:.875rem}.leads-dashboard .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.leads-dashboard .empty-title{color:#111827;font-size:1rem;font-weight:600;margin:0}.leads-dashboard .empty-subtitle{color:#6b7280;font-size:.875rem;margin:0}.leads-dashboard .load-more-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:2rem 0}.leads-dashboard .load-more-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.leads-dashboard .load-more-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.leads-dashboard .load-more-btn:disabled{cursor:not-allowed;opacity:.5}.leads-dashboard .load-more-hint{color:#9ca3af;font-size:.75rem;margin:0}.leads-dashboard .end-of-list{padding:2rem 0;text-align:center}.leads-dashboard .end-of-list p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:1200px){.leads-dashboard .leads-table{font-size:.813rem}.leads-dashboard .leads-table td,.leads-dashboard .leads-table th{padding:.75rem 1rem}}@media (max-width:768px){.leads-dashboard{padding:1rem}.leads-dashboard .stats-grid{grid-template-columns:1fr}.leads-dashboard .filters-bar{flex-direction:column}.leads-dashboard .search-box{width:100%}.leads-dashboard .filter-buttons{overflow-x:auto;width:100%}.leads-dashboard .leads-table thead{display:none}.leads-dashboard .lead-row{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.leads-dashboard .leads-table td{align-items:center;display:flex;justify-content:space-between;padding:0}.leads-dashboard .leads-table td:before{color:#6b7280;content:attr(data-label);font-size:.75rem;font-weight:600}}.lead-detail{background:#fafafa;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.lead-detail .detail-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.lead-detail .back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .15s ease}.lead-detail .back-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.lead-detail .header-info{flex:1 1}.lead-detail .lead-name{color:#111827;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .25rem}.lead-detail .lead-source{color:#6b7280;font-size:.875rem;margin:0}.lead-detail .detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.lead-detail .action-card,.lead-detail .info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.lead-detail .timeline-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000001a;padding:1.5rem 1rem}.lead-detail .card-title{color:#111827;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.25rem;text-transform:uppercase}.lead-detail .info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem}.lead-detail .info-item{align-items:flex-start;display:flex;gap:1rem}.lead-detail .info-item svg{flex-shrink:0;margin-top:.125rem}.lead-detail .info-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem;text-transform:uppercase}.lead-detail .info-value{color:#111827;font-size:.875rem;font-weight:500;margin:0}.lead-detail .info-value.link{color:#3b82f6;text-decoration:none;transition:color .15s ease}.lead-detail .info-value.link:hover{color:#2563eb;text-decoration:underline}.lead-detail .callback-alert{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.lead-detail .callback-title{color:#92400e;font-size:.813rem;font-weight:600;margin:0 0 .25rem}.lead-detail .callback-time{color:#78350f;font-size:.75rem;margin:0}.lead-detail .timeline{padding-left:2rem;position:relative}.lead-detail .timeline:before{background:#e5e7eb;bottom:.5rem;content:"";left:.3125rem;position:absolute;top:.5rem;width:2px}.lead-detail .timeline-item{margin-bottom:1.5rem;position:relative}.lead-detail .timeline-item:last-child{margin-bottom:0}.lead-detail .timeline-dot{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:10px;left:-1.9375rem;position:absolute;top:.3125rem;width:10px}.lead-detail .timeline-action{color:#111827;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.lead-detail .timeline-time{color:#6b7280;font-size:.75rem;margin:0}.lead-detail .timeline-note{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:8px;color:#374151;font-size:.813rem;margin:.5rem 0 0;padding:.75rem}.lead-detail .submissions-list{display:flex;flex-direction:column;gap:1rem}.lead-detail .submission-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:1rem}.lead-detail .submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.lead-detail .submission-type{color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.lead-detail .submission-time{color:#6b7280;font-size:.75rem}.lead-detail .submission-message{color:#111827;font-size:.813rem;line-height:1.5;margin:0}.lead-detail .status-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.lead-detail .status-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:600;padding:.625rem 1rem;text-transform:capitalize;transition:all .15s ease}.lead-detail .status-btn:hover{background:#f9fafb;border-color:#d1d5db}.lead-detail .status-btn.active{background:#111827;border-color:#111827;color:#fff}.lead-detail .status-btn:disabled{cursor:not-allowed;opacity:.5}.lead-detail .priority-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.lead-detail .priority-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:600;padding:.625rem 1rem;text-transform:capitalize;transition:all .15s ease}.lead-detail .priority-btn:hover{background:#f9fafb}.lead-detail .priority-btn.active{background:currentColor;border-color:currentColor;color:#fff}.lead-detail .priority-btn[data-priority=niedrig].active{background:#6b7280;border-color:#6b7280}.lead-detail .priority-btn[data-priority=mittel].active{background:#f59e0b;border-color:#f59e0b}.lead-detail .priority-btn[data-priority=hoch].active{background:#ef4444;border-color:#ef4444}.lead-detail .priority-btn[data-priority=dringend].active{background:#dc2626;border-color:#dc2626}.lead-detail .note-input{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:border-color .15s ease;width:100%}.lead-detail .note-input:focus{border-color:#3b82f6;outline:none}.lead-detail .note-input::placeholder{color:#9ca3af}.lead-detail .add-note-btn{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem 1rem;transition:background .15s ease;width:100%}.lead-detail .add-note-btn:hover{background:#000}.lead-detail .add-note-btn:disabled{cursor:not-allowed;opacity:.5}.lead-detail .notes-history{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.lead-detail .notes-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.lead-detail .notes-content{background:#fff;border:1px solid #f3f4f6;border-radius:8px;color:#374151;font-family:inherit;font-size:.813rem;line-height:1.6;margin:0;padding:.75rem;white-space:pre-wrap}.lead-detail .meta-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.lead-detail .meta-item{align-items:flex-start;display:flex;gap:.75rem;padding:.75rem 0}.lead-detail .meta-item:first-child{padding-top:0}.lead-detail .meta-item:last-child{border-bottom:none;padding-bottom:0}.lead-detail .meta-item+.meta-item{border-top:1px solid #e5e7eb}.lead-detail .meta-label{color:#6b7280;font-size:.75rem;font-weight:500;margin:0 0 .125rem}.lead-detail .meta-value{color:#111827;font-size:.813rem;font-weight:500;margin:0}.lead-detail .error-container,.lead-detail .loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.lead-detail .spinner{animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#111827;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.lead-detail .error-container p,.lead-detail .loading-container p{color:#6b7280;font-size:.875rem}.lead-detail .error-container button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.lead-detail .timeline-section{margin-bottom:1.5rem}.lead-detail .timeline-title{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.lead-detail .timeline-scroll-container{max-height:300px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffd7004d #0000;scrollbar-width:thin}.lead-detail .timeline-scroll-container::-webkit-scrollbar{width:6px}.lead-detail .timeline-scroll-container::-webkit-scrollbar-track{background:#0000}.lead-detail .timeline-scroll-container::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.lead-detail .timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd70080}.lead-detail .notes-input-row{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1.25rem}.lead-detail .notes-input-row .note-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:.875rem;min-height:70px;padding:.75rem;resize:vertical;transition:border-color .15s ease}.lead-detail .notes-input-row .note-input:focus{border-color:gold;outline:none}.lead-detail .notes-input-row .add-note-btn{align-items:center;background:gold;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.25rem;transition:all .15s ease;white-space:nowrap}.lead-detail .notes-input-row .add-note-btn:hover{background:#ffc700;transform:translateY(-1px)}.lead-detail .notes-input-row .add-note-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.lead-detail .notes-history-compact{border-top:1px solid #e5e7eb;padding-top:1rem}.lead-detail .notes-history-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.lead-detail .notes-scroll-container{max-height:150px;overflow-y:auto;padding-right:.5rem;scrollbar-color:#6b72804d #0000;scrollbar-width:thin}.lead-detail .notes-scroll-container::-webkit-scrollbar{width:6px}.lead-detail .notes-scroll-container::-webkit-scrollbar-track{background:#0000}.lead-detail .notes-scroll-container::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:3px}.lead-detail .notes-scroll-container::-webkit-scrollbar-thumb:hover{background:#6b728080}.lead-detail .notes-scroll-container .notes-content{word-wrap:break-word;color:#374151;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}@media (max-width:1024px){.lead-detail .detail-grid{grid-template-columns:1fr}.lead-detail .detail-sidebar{order:-1}}@media (max-width:768px){.lead-detail{padding:1rem}.lead-detail .detail-header{align-items:flex-start;flex-direction:column}.lead-detail .action-card,.lead-detail .info-card{padding:1.25rem}.lead-detail .priority-buttons,.lead-detail .status-buttons{grid-template-columns:1fr}}.timeline-3d .timeline-snap-wrapper{align-items:center;display:flex;height:240px;max-height:240px;overflow:hidden;position:relative}.timeline-3d .timeline-snap-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:scroll;padding:90px .5rem;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.timeline-3d .timeline-snap-container::-webkit-scrollbar{display:none}.timeline-3d .timeline-snap-item{margin-bottom:-55px;min-height:80px;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-3d .timeline-card{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#111827b3;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 2px 8px #00000026,inset 0 1px 0 #ffffff08;cursor:pointer;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-3d .timeline-snap-item.active{z-index:100}.timeline-3d .timeline-snap-item.active .timeline-card{background:#111827f2;border-color:#ffd70059;box-shadow:0 12px 40px #0006,0 0 0 1px #ffd70033,inset 0 1px 0 #ffffff1f;opacity:1;transform:scale(1) translateY(0)}.timeline-3d .timeline-snap-item.above{z-index:50}.timeline-3d .timeline-snap-item.above .timeline-card{background:#111827b3;border-color:#ffffff0f;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff08;opacity:.4;transform:scale(.92) translateY(-8px)}.timeline-3d .timeline-snap-item.below{z-index:50}.timeline-3d .timeline-snap-item.below .timeline-card{background:#111827b3;border-color:#ffffff0f;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff08;opacity:.4;transform:scale(.92) translateY(8px)}.timeline-3d .timeline-snap-item.hidden{z-index:10}.timeline-3d .timeline-snap-item.hidden .timeline-card{opacity:0;pointer-events:none;transform:scale(.85)}.timeline-3d .timeline-card:hover{border-color:#ffd70059!important;box-shadow:0 10px 28px #0000004d,0 0 0 1px #ffd70026,inset 0 1px 0 #ffffff1a!important}.timeline-3d .timeline-card.expanded{background:#111827f2!important;border-color:#ffd70080!important;box-shadow:0 12px 32px #00000059,0 0 0 2px #ffd70040,inset 0 1px 0 #ffffff1f!important}.timeline-3d .timeline-header{align-items:center;display:flex;gap:.625rem}.timeline-3d .timeline-icon-wrapper{align-items:center;background:#ffd7001f;border:1px solid #ffd70033;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.timeline-3d .timeline-icon{color:gold}.timeline-3d .timeline-info{flex:1 1;min-width:0}.timeline-3d .timeline-action{color:#fff;font-size:.8125rem;font-weight:500;line-height:1.3;margin:0 0 2px}.timeline-3d .timeline-time{color:#d1d5db;font-size:.6875rem;margin:0}.timeline-3d .timeline-expand-icon{color:#d1d5db;flex-shrink:0;transition:color .15s ease}.timeline-3d .timeline-card:hover .timeline-expand-icon{color:gold}.timeline-3d .timeline-details{border-top:1px solid #ffffff0f;margin-top:.75rem;overflow:hidden;padding-top:.75rem}.timeline-3d .timeline-note{color:#f3f4f6;font-size:.8125rem;line-height:1.5;margin:0 0 .5rem;white-space:pre-wrap}.timeline-3d .timeline-by{color:#d1d5db;font-size:.75rem;font-style:italic;margin:0}.timeline-3d-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;text-align:center}.timeline-3d-empty p{color:#d1d5db;font-size:.875rem;margin:.75rem 0 0}.qr-manager .qr-code-manager{margin:0 auto;max-width:1400px;padding:2rem}.qr-manager .qr-code-manager .dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.qr-manager .qr-code-manager .dashboard-title{align-items:center;color:#333;display:flex;font-size:2rem;margin:0}.qr-manager .qr-code-manager .dashboard-subtitle{color:#666;font-size:1rem;margin:.5rem 0 0}.qr-manager .qr-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.qr-manager .qr-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s ease}.qr-manager .qr-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.qr-manager .qr-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.qr-manager .qr-preview canvas{background:#fff;border-radius:8px;height:auto!important;max-width:100%;padding:.5rem}.qr-manager .qr-details h4{color:#212529;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.qr-manager .qr-url{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:1rem;padding:.5rem;word-break:break-all}.qr-manager .qr-short-link{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.qr-manager .qr-short-link:hover{box-shadow:0 4px 12px #007bff4d;transform:scale(1.02)}.qr-manager .qr-short-link:active{transform:scale(.98)}.qr-manager .qr-stats{align-items:center;border-bottom:2px solid #e9ecef;border-top:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 0}.qr-manager .qr-stats span strong{color:#007bff;font-size:1.25rem;font-weight:700}.qr-manager .qr-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.qr-manager .qr-status.active{background:#28a745;color:#fff}.qr-manager .qr-status.inactive{background:#dc3545;color:#fff}.qr-manager .qr-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.qr-manager .btn-sm{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;justify-content:center;padding:.6rem .8rem;transition:all .2s ease}.qr-manager .btn-sm:hover{transform:translateY(-2px)}.qr-manager .btn-danger{background-color:#dc3545;border:none;color:#fff}.qr-manager .btn-danger:hover{background-color:#c82333}.qr-manager .empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:4rem 2rem;text-align:center}.qr-manager .empty-state h3{color:#212529;font-size:1.5rem;margin:1rem 0 .5rem}.qr-manager .empty-state p{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.qr-manager .loading{color:#6c757d;font-size:1.2rem;padding:4rem;text-align:center}.qr-manager .modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:10000}.qr-manager .modal.show{display:flex;opacity:1}.qr-manager .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;width:90%}.qr-manager .modal.show .modal-content{transform:scale(1)}.qr-manager .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e9ecef;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.qr-manager .modal-header h3{color:#212529;font-size:1.5rem;font-weight:700;margin:0}.qr-manager .modal .close{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.qr-manager .modal .close:hover{background:#dc3545;border-color:#dc3545;color:#fff;transform:rotate(90deg)}.qr-manager .modal-body{padding:2rem}.qr-manager .modal-body h4{border-bottom:3px solid #007bff;color:#212529;font-size:1.1rem;font-weight:700;margin:2rem 0 1rem;padding-bottom:.5rem}.qr-manager .modal-body h4:first-of-type{margin-top:0}.qr-manager .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.qr-manager .form-group{margin-bottom:1.5rem}.qr-manager .form-group label{color:#212529;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.qr-manager .form-group input[type=text],.qr-manager .form-group input[type=url],.qr-manager .form-group select{border:2px solid #ced4da;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.qr-manager .form-group input:focus,.qr-manager .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.qr-manager .design-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.qr-manager .color-input{align-items:center;display:flex;gap:1rem}.qr-manager .color-input input[type=color]{border:3px solid #dee2e6;border-radius:12px;cursor:pointer;height:60px;padding:0;transition:all .2s;width:60px}.qr-manager .color-input input[type=color]:hover{border-color:#007bff;transform:scale(1.05)}.qr-manager .color-input span{color:#495057;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.qr-manager .modal-actions{border-top:2px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}@media (max-width:768px){.qr-manager .qr-code-manager{padding:1rem}.qr-manager .design-options,.qr-manager .form-row,.qr-manager .qr-grid{grid-template-columns:1fr}.qr-manager .modal-content{max-height:95vh;width:95%}.qr-manager .modal-body,.qr-manager .modal-header{padding:1rem}.qr-manager .qr-actions{grid-template-columns:1fr}.qr-manager .qr-code-manager .dashboard-header{align-items:stretch;flex-direction:column}}.positions-settings{margin:0 auto;max-width:1200px;padding:24px}.settings-header{justify-content:space-between}.settings-header h2{color:var(--text-primary);font-size:1.875rem;margin:0}.add-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.add-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}[data-theme=dark] .add-btn{background:var(--accent-color);color:#0f172a}[data-theme=dark] .add-btn:hover{background:var(--accent-hover)}.positions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.position-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.position-card:hover{box-shadow:0 4px 12px #0000001a}.position-card.editing,.position-card:hover{border-color:var(--accent-color)}.position-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.position-color{border-radius:8px;height:40px;width:40px}.position-header h3{color:var(--text-primary);font-size:1.125rem;margin:0}.position-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.position-actions{display:flex;gap:8px}.delete-btn,.edit-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.edit-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.delete-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.position-form{gap:16px}.form-group,.position-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus{border-color:var(--accent-color);outline:none}.form-group input[type=color]{cursor:pointer;height:44px}.form-actions{display:flex;gap:8px;margin-top:8px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.save-btn{background:var(--accent-color);color:#fff}.save-btn:hover{background:var(--accent-hover)}[data-theme=dark] .save-btn{background:var(--accent-color);color:#0f172a}[data-theme=dark] .save-btn:hover{background:var(--accent-hover)}.cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.settings-page{margin:0 auto;max-width:1200px;padding:32px}.settings-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.settings-header svg{color:var(--accent-color)}.settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.settings-header p{color:var(--text-secondary);margin:4px 0 0}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px}.settings-card{align-items:flex-start;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:24px;text-decoration:none;transition:all .2s}.settings-card:hover{border-color:var(--accent-color);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.settings-card.disabled{cursor:not-allowed;opacity:.5}.settings-card.disabled:hover{border-color:var(--border-color);box-shadow:none;transform:none}.settings-card-icon{align-items:center;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}[data-theme=dark] .settings-card-icon{color:#0f172a}.settings-card-content h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 8px}.settings-card-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.coming-soon{color:var(--text-secondary);font-size:1.125rem;padding:80px 32px;text-align:center}.upload-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upload-dialog{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.dialog-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.dialog-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.close-btn:hover{background:var(--bg-primary);border-color:var(--accent-color)}.dialog-content{flex:1 1;overflow-y:auto;padding:24px}.form-section{margin-bottom:20px}.form-section label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.file-upload-zone{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:block;padding:32px;text-align:center;transition:all .2s;width:100%}.file-upload-zone:hover{background:var(--bg-primary);border-color:var(--accent-color)}.file-placeholder,.file-selected{align-items:center;display:flex;flex-direction:column;gap:8px}.file-placeholder svg{color:var(--text-secondary)}.file-selected svg{color:var(--accent-color)}.file-placeholder span,.file-selected span{color:var(--text-primary);font-weight:600}.file-placeholder small,.file-selected small{color:var(--text-secondary);font-size:.75rem}.select-input,.text-input,.textarea-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;outline:none;padding:10px 14px;transition:all .2s;width:100%}.select-input:focus,.text-input:focus,.textarea-input:focus{background:var(--bg-primary);border-color:var(--accent-color)}.textarea-input{font-family:inherit;min-height:80px;resize:vertical}.positions-checkboxes{display:flex;flex-direction:column;gap:10px;margin-top:12px}.for-all-checkbox{background:linear-gradient(135deg,#10b98120,#10b98110)!important;border:2px solid #10b981!important;margin-bottom:8px}.checkbox-label{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.checkbox-label:hover:not(.disabled){background:var(--bg-primary);border-color:var(--accent-color)}.checkbox-label.disabled{cursor:not-allowed;opacity:.5}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.position-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.checkbox-label span{color:var(--text-primary);font-size:.9375rem}.check-icon{color:var(--accent-color);margin-left:auto}.upload-progress{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.progress-bar{background:var(--border-color);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:var(--accent-color);height:100%;transition:width .3s}.upload-progress span{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.dialog-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px}.cancel-btn,.submit-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.cancel-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-color)}.submit-btn{background:var(--accent-color);border:none;color:#fff}.submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}[data-theme=dark] .submit-btn{background:var(--accent-color);color:#0f172a}[data-theme=dark] .submit-btn:hover:not(:disabled){background:var(--accent-hover)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}.documents-manager{margin:0 auto;max-width:1400px;padding:32px}.documents-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.documents-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 8px}.documents-header p{color:var(--text-secondary);margin:0}.upload-btn{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.upload-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}[data-theme=dark] .upload-btn{background:var(--accent-color);color:#0f172a}[data-theme=dark] .upload-btn:hover{background:var(--accent-hover)}.documents-filters{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.documents-filters svg{color:var(--text-secondary)}.position-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;outline:none;padding:8px 16px;transition:all .2s}.position-filter:focus,.position-filter:hover{border-color:var(--accent-color)}.empty-state{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.empty-state svg{color:var(--text-secondary);margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin:0}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.document-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.document-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.document-icon{align-items:center;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}[data-theme=dark] .document-icon{color:#0f172a}.document-info{flex:1 1;min-width:0}.document-info h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-date,.document-meta,.document-positions{color:var(--text-secondary);font-size:.8125rem;margin:4px 0}.document-positions{color:var(--accent-color)}.document-actions{display:flex;flex-direction:column;gap:8px}.action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s;width:36px}.action-btn:hover:not(:disabled){background:var(--bg-primary);transform:scale(1.1)}.action-btn.download:hover{border-color:#3b82f6;color:#3b82f6}.action-btn.edit:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b}.action-btn.delete:hover{border-color:#ef4444;color:#ef4444}.action-btn:disabled{cursor:not-allowed;opacity:.3}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}