*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f0fdf4;color:#166534;line-height:1.6;min-height:100vh;margin:0}.logotype{font-family:Open Sans,sans-serif;font-weight:600}.app{min-height:100vh;display:flex;flex-direction:column}.container{display:flex;flex:1;min-height:calc(100vh - 80px)}.navbar{background:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:2rem;position:relative}.navbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.navbar-brand{display:flex;align-items:center}.brand-content{display:flex;align-items:center;gap:1rem}.monster-icon{display:flex;align-items:center;justify-content:center;animation:bounce 2s ease-in-out infinite}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.navbar-brand h1{font-size:1.75rem;font-weight:600;color:#15803d;margin:0;line-height:1.2}.tagline{font-size:.875rem;color:#16a34a;font-weight:400;margin-top:.25rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gentle-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.sidebar{width:280px;background:#ffffff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:2rem 0}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;color:#64748b;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;text-align:left;transition:all .2s ease;text-decoration:none}.sidebar-item:hover{background:#f8fafc;color:#334155}.sidebar-item.active{background:#dcfce7;color:#16a34a;font-weight:600}.sidebar-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px}.main-content{flex:1;padding:2rem;overflow-y:auto;background:#f0fdf4}.tabs{display:none}.dark-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dark-mode-toggle:hover{background:#e2e8f0}.card{background:#ffffff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.page-header{margin-bottom:2.5rem!important}.card h4{font-size:1.125rem;font-weight:600;color:#334155;margin-bottom:1rem}.envelope-steps{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;gap:1rem}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.875rem;background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;position:relative;transition:all .2s ease}.step-indicator.active{background:#16a34a;color:#fff;border-color:#16a34a}.step-indicator.completed{background:#10b981;color:#fff;border-color:#10b981}.form-group{margin-bottom:2rem}.account-type-group{margin-bottom:3rem}.invitation-token-field{margin-top:1.5rem}.invitation-token-field label{margin-top:1rem}.invitation-token-field small strong{color:#991500}.account-type-description{display:block;margin-top:2rem}.account-type-description strong{color:#16a34a}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#ffffff;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.btn{background:#16a34a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:400;font-size:.8rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;margin-right:.5rem;margin-bottom:.375rem}.btn:hover{background:#15803d}.btn:active{background:#166534}.btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-danger{background:transparent!important;border:1px solid white!important;color:#fff!important;transition:all .3s ease}.btn-danger:hover{background:#991500!important;border:1px solid transparent!important;transform:translateY(-1px);box-shadow:0 2px 8px #9915004d}.btn-danger:active{background:#7a1100!important;border:1px solid transparent!important;transform:translateY(0);box-shadow:0 1px 4px #99150033}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 0;border-radius:4px;transition:all .2s ease}.btn-link:hover{color:#2563eb;background:rgba(59,130,246,.05);padding:.5rem 1rem}.btn-outline-hover{transition:all .3s ease}.btn-outline-hover:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-1px);box-shadow:0 2px 8px #fff3}.btn-outline-hover:active{transform:translateY(0);box-shadow:0 1px 4px #ffffff26}.file-upload{border:2px dashed #d1d5db;padding:1.5rem;text-align:center;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f9fafb 0%,#f1f5f9 100%);margin-bottom:2rem;box-shadow:0 2px 4px #00000005}.file-upload:hover{border-color:#16a34a;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);box-shadow:0 4px 8px #16a34a1a;transform:translateY(-1px)}.file-upload input{margin-bottom:1rem;padding:.75rem 1.5rem;border-radius:8px;border:1px solid #d1d5db;background:#ffffff;font-size:.875rem;transition:all .2s ease}.file-upload input:hover{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.file-upload p{color:#6b7280;font-weight:400;font-size:.875rem}.email-list,.file-list{display:grid;gap:1rem;margin-bottom:2rem}.email-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f1f5f9;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.email-item:hover{background:#e2e8f0;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.email-item strong{color:#1f2937;font-weight:500}.email-item p{color:#6b7280;margin:.25rem 0;font-size:.875rem}.email-item small{color:#9ca3af;font-size:.75rem}.delete-file-btn{background:#991500!important;color:#fff;border:none;border-radius:3px;width:22px;height:22px;font-size:12px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.5rem}.delete-file-btn:hover{background:#7a1100!important}.checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:1rem;background:#f0fdf4;border-radius:6px;border:1px solid #e2e8f0}.checkbox-item{display:flex;align-items:center;gap:1.75rem;padding:.75rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover{background:rgba(59,130,246,.03)}.checkbox-item input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#3b82f6}.checkbox-item span{flex:1;font-weight:400;color:#374151;margin-left:1rem}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;align-items:center}.toast{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;animation:slideIn .3s ease-out;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.toast-success{background:#10b981;color:#fff}.toast-error{background:#991500;color:#fff}.toast-warning{background:#f59e0b;color:#fff}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;margin-left:1rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.8;border-radius:50%;transition:all .3s ease}.toast-close:hover{opacity:1;background:rgba(255,255,255,.2)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}body.dark-mode{background:#0f172a;color:#e2e8f0}body.dark-mode .navbar{background:#1e293b;border-bottom:1px solid #334155}body.dark-mode .navbar-brand h1{color:#4ade80}body.dark-mode .tagline{color:#86efac}body.dark-mode .tab{background:#1e293b;color:#cbd5e0;border:1px solid #334155;border-bottom:none}body.dark-mode .tab.active{background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-bottom:1px solid #0f172a}body.dark-mode .tab.active:after{background:#0f172a}body.dark-mode .tab:hover:not(.active){background:#334155;color:#e2e8f0}body.dark-mode .card{background:#1e293b;border:1px solid #334155}body.dark-mode .card h3,body.dark-mode .card h4{color:#e2e8f0}body.dark-mode .form-group label{color:#cbd5e0}body.dark-mode .form-group input,body.dark-mode .form-group textarea,body.dark-mode .form-group select{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus,body.dark-mode .form-group select:focus{background:#475569;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}body.dark-mode .email-item{background:#334155;border-color:#475569}body.dark-mode .email-item:hover{background:#475569}body.dark-mode .email-item strong{color:#e2e8f0}body.dark-mode .email-item p{color:#cbd5e0}body.dark-mode .checkbox-list{background:#334155;border-color:#475569}body.dark-mode .checkbox-item:hover{background:rgba(96,165,250,.05)}body.dark-mode .checkbox-item span{color:#e2e8f0}body.dark-mode .file-upload{border-color:#475569;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}body.dark-mode .file-upload:hover{border-color:#4ade80;background:linear-gradient(135deg,#166534 0%,#15803d 100%);box-shadow:0 4px 8px #4ade8026}body.dark-mode .file-upload input{background:#475569!important;border-color:#64748b!important;color:#e2e8f0!important}body.dark-mode .file-upload input:hover{border-color:#4ade80!important;box-shadow:0 0 0 3px #4ade801a!important}body.dark-mode .step-indicator{background:#334155;border-color:#475569;color:#cbd5e0}body.dark-mode .step-indicator.active{background:#16a34a;border-color:#16a34a}body.dark-mode .dark-mode-toggle{background:#334155;border:1px solid #475569}body.dark-mode .dark-mode-toggle:hover{background:#475569}body.dark-mode .sidebar{background:#1e293b;border-right:1px solid #334155}body.dark-mode .sidebar-item{color:#cbd5e0}body.dark-mode .sidebar-item:hover{background:#334155;color:#e2e8f0}body.dark-mode .sidebar-item.active{background:rgba(74,222,128,.1);color:#4ade80}body.dark-mode .main-content{background:#0f172a}.create-form-container{margin-top:1.5rem;padding:1.5rem;background:#f0fdf4;border-radius:8px;border:1px solid #e2e8f0}body.dark-mode .create-form-container{background:#334155;border-color:#475569}.edit-form-container{margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}body.dark-mode .edit-form-container{background:#334155;border-color:#475569}.add-contact-form{margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}body.dark-mode .add-contact-form{background:#374151;border-color:#475569}.add-contact-form label{color:#374151}body.dark-mode .add-contact-form label{color:#e2e8f0}.table-cell-editing{padding:.75rem;border-right:1px solid #e5e7eb}.table-cell-editing input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:.5rem;background:#ffffff;color:#374151}.table-cell-editing-center{padding:.75rem;text-align:center;border-right:1px solid #e5e7eb}body.dark-mode .table-cell-editing{border-right-color:#475569}body.dark-mode .table-cell-editing input{background:#475569;border-color:#64748b;color:#e2e8f0}body.dark-mode .table-cell-editing-center{border-right-color:#475569}.card-bg{background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:4px}body.dark-mode .card-bg{background-color:#334155;border-color:#475569}.csv-import-container{margin-bottom:20px;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-radius:12px;border:1px solid #d1fae5;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.csv-import-container:hover{box-shadow:0 4px 8px #16a34a14;transform:translateY(-1px)}.csv-import-container input[type=file]{padding:.75rem 1.5rem!important;margin:1rem 0!important;border-radius:8px!important;border:1px solid #d1d5db!important;background:#ffffff!important;font-size:.875rem!important;transition:all .2s ease!important}.csv-import-container input[type=file]:hover{border-color:#16a34a!important;box-shadow:0 0 0 3px #16a34a1a!important}body.dark-mode .csv-import-container{background:transparent!important;border:1px solid white!important}body.dark-mode .csv-import-container:hover{box-shadow:0 4px 8px #4ade8026!important}body.dark-mode .csv-import-container input[type=file]{background:#475569!important;border-color:#64748b!important;color:#e2e8f0!important}body.dark-mode .csv-import-container input[type=file]:hover{border-color:#4ade80!important;box-shadow:0 0 0 3px #4ade801a!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:#ffffff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:600px;width:90%;max-height:92vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#334155}.modal-content{padding:2rem}.modal-content h4{margin-top:0;margin-bottom:1.5rem;color:#334155;font-size:1.125rem;font-weight:600}.summary-section{background:#f0fdf4;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.summary-item{display:flex;margin-bottom:1rem;line-height:1.5}.summary-item:last-child{margin-bottom:0}.summary-item.total{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:1.1rem}.summary-item strong{color:#1e293b;min-width:120px;margin-right:.5rem}.summary-item ul{margin:0;padding:0;list-style:none}.summary-item li{color:#64748b;margin-bottom:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-actions .btn{margin-right:0;margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .modal{background:#1e293b}body.dark-mode .modal-header{border-bottom-color:#334155}body.dark-mode .modal-header h3{color:#e2e8f0}body.dark-mode .modal-close{color:#cbd5e0}body.dark-mode .modal-close:hover{background:#334155;color:#e2e8f0}body.dark-mode .modal-content h4{color:#e2e8f0}body.dark-mode .production-details{background:#334155!important;border-color:#475569!important;color:#e2e8f0}body.dark-mode .summary-section{background:#334155;border-color:#475569}body.dark-mode .summary-item strong{color:#e2e8f0}body.dark-mode .summary-item li{color:#cbd5e0}body.dark-mode .summary-item.total{border-top-color:#475569}body.dark-mode table{border-color:#475569!important}body.dark-mode thead{background-color:#0f172a!important}body.dark-mode th{color:#e2e8f0!important;border-bottom-color:#475569!important;border-right-color:#475569!important}body.dark-mode td{border-right-color:#475569!important;color:#e2e8f0!important}body.dark-mode tr{border-bottom-color:#475569!important}body.dark-mode tr:nth-child(2n){background-color:#334155!important}body.dark-mode tr:nth-child(odd){background-color:#3f4c5f!important}body.dark-mode td input{background-color:#475569!important;border-color:#64748b!important;color:#e2e8f0!important}body.dark-mode td input:focus{border-color:#4ade80!important}thead,thead tr,thead tr th{background-color:#cbd5e1!important;cursor:default!important;pointer-events:none!important}thead tr:hover,thead tr:hover th,table thead tr:hover,table thead tr:hover th,tbody thead tr:hover,tbody thead tr:hover th,tr thead:hover,tr thead:hover th,.email-item thead tr:hover,.email-item thead tr:hover th{background-color:#cbd5e1!important;cursor:default!important;transform:none!important;transition:none!important;pointer-events:none!important}thead tr th{pointer-events:auto!important;cursor:default!important}body.dark-mode thead,body.dark-mode thead tr,body.dark-mode thead tr th{background-color:#1e293b!important;cursor:default!important}body.dark-mode thead tr:hover,body.dark-mode thead tr:hover th,body.dark-mode table thead tr:hover,body.dark-mode table thead tr:hover th,body.dark-mode tbody thead tr:hover,body.dark-mode tbody thead tr:hover th,body.dark-mode tr thead:hover,body.dark-mode tr thead:hover th,body.dark-mode .email-item thead tr:hover,body.dark-mode .email-item thead tr:hover th{background-color:#1e293b!important;cursor:default!important;transform:none!important;transition:none!important}tbody tr:hover{background-color:#f1f5f9!important;cursor:pointer;transition:background-color .2s ease}body.dark-mode tbody tr:hover{background-color:#475569!important;transition:background-color .2s ease}.btn-edit{background:transparent!important;border:none!important;padding:.5rem!important;color:#16a34a!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important;transition:color .2s ease!important;box-shadow:none!important;outline:none!important}.btn-edit:hover{background:transparent!important;color:#15803d!important;border:none!important;box-shadow:none!important}.btn-edit:active,.btn-edit:focus{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}body.dark-mode .btn-edit{background:transparent!important;color:#4ade80!important;border:none!important}body.dark-mode .btn-edit:hover{background:transparent!important;color:#86efac!important;border:none!important}body.dark-mode .btn-edit:active,body.dark-mode .btn-edit:focus{background:transparent!important;border:none!important;box-shadow:none!important}@media (max-width: 1024px){.sidebar{width:240px}.main-content{padding:1.5rem}}@media (max-width: 768px){.container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;padding:1rem 0}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 1rem;gap:.5rem}.sidebar-item{white-space:nowrap;padding:.75rem 1rem;min-width:auto}.main-content,.navbar-content{padding:1rem}.navbar-brand h1{font-size:1.5rem}.card{padding:1.5rem}.envelope-steps{flex-wrap:wrap;gap:.5rem}.step-indicator{width:36px;height:36px;font-size:.8rem}.toast-container{top:1rem;right:1rem;left:1rem;max-width:none}}@media (max-width: 768px){body.dark-mode .sidebar{border-bottom:1px solid #334155!important}}body.dark-mode .card,body.dark-mode .form-group input,body.dark-mode .form-group textarea,body.dark-mode .form-group select,body.dark-mode .checkbox-list,body.dark-mode .create-form-container,body.dark-mode .file-upload,body.dark-mode .dark-mode-toggle,body.dark-mode .summary-section,body.dark-mode .modal{background:#334155!important;border-color:#475569!important}body.dark-mode .step-indicator{background:#334155!important;border-color:#475569!important;color:#cbd5e0!important}body.dark-mode .step-indicator.active{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}body.dark-mode .step-indicator.completed{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.step-indicator.active{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.step-indicator.completed{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.email-item{background:#f8fafc!important}body.dark-mode .email-item{background:#475569!important;border-color:#64748b!important}body.dark-mode .email-item:hover{background:#64748b!important;box-shadow:0 2px 6px #0000004d;transform:translateY(-1px)}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus,body.dark-mode .form-group select:focus,body.dark-mode .file-upload:hover,body.dark-mode .dark-mode-toggle:hover{background:#64748b!important}body.dark-mode .card h3,body.dark-mode .card h4,body.dark-mode .email-item strong,body.dark-mode .checkbox-item span,body.dark-mode .summary-item strong,body.dark-mode .modal-header h3,body.dark-mode .modal-content h4{color:#e2e8f0!important}body.dark-mode .form-group label,body.dark-mode .step-indicator,body.dark-mode .email-item p,body.dark-mode .summary-item li,body.dark-mode .modal-close{color:#cbd5e0!important}.landing-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.landing-header{text-align:center;margin-bottom:1.5rem}.landing-header .brand-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-header .monster-icon{animation:bounce 2s ease-in-out infinite}.landing-header h1{font-size:2.5rem;font-weight:600;color:#15803d;margin:0}.landing-header p{color:#16a34a;font-size:1.1rem;margin:0}.auth-container{background:white;border-radius:12px;padding:2rem;width:100%;max-width:500px;border:none!important;box-shadow:none!important}.auth-tabs{display:flex;margin-bottom:2rem}.auth-tab{flex:1;padding:1rem;border:none;background:none;cursor:pointer;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.auth-tab:hover{color:#16a34a}.auth-tab.active{color:#16a34a;border-bottom-color:#16a34a}.auth-form{display:flex;flex-direction:column;border:none!important}.auth-form h2{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600;text-align:center}.auth-form p{color:#6b7280;text-align:center;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-btn{background:#16a34a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:1rem}.auth-btn:hover:not(:disabled){background:#15803d}.auth-btn:disabled{background:#9ca3af;cursor:not-allowed}.auth-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.message.success{background:#d1fae5;color:#166534;border:1px solid #86efac}.message.error{background:#fee2e2;color:#991500;border:1px solid #fca5a5}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-content p{color:#16a34a;font-size:1.1rem;font-weight:500}.navbar-user{display:flex;align-items:center;gap:1rem;color:#64748b;font-size:.875rem}.user-role{color:#16a34a;font-weight:500}.user-info{color:#64748b;font-size:.875rem}.logout-btn{background:#991500;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#7a1100}.productions-list{display:flex;flex-direction:column;gap:1rem}.production-item{display:flex;flex-direction:column;padding:1.5rem;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.production-item:hover{box-shadow:0 2px 4px #0000001a}.production-info{flex:1;margin-bottom:1rem}.production-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.production-info p{margin:0 0 .5rem;color:#6b7280}.production-info small{color:#9ca3af;font-size:.75rem}.production-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-primary{background:#3b82f6!important}.btn-primary:hover{background:#2563eb!important}.invite-form{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.invite-form h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state p{margin:.5rem 0}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:1rem}.info-item label{font-weight:500;color:#374151;min-width:80px}.info-item span{color:#6b7280}.toast-info{background:#3b82f6;color:#fff}.trial-user-restriction{background:transparent;border:none;border-radius:8px;padding:1.5rem;margin:1rem 0}.restriction-message h4{margin:0 0 1rem;color:#92400e;font-size:1.125rem;font-weight:600}.restriction-message p{margin:0 0 .5rem;color:#78350f;line-height:1.5}.restriction-message p:last-child{margin-bottom:0}body.dark-mode .landing-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}body.dark-mode .auth-container{background:#1e293b;border:none!important;box-shadow:none!important}body.dark-mode .auth-tab{color:#cbd5e0}body.dark-mode .auth-tab:hover{color:#4ade80}body.dark-mode .auth-tab.active{color:#4ade80;border-bottom-color:#4ade80}body.dark-mode .auth-form h2{color:#e2e8f0}body.dark-mode .auth-form p{color:#cbd5e0}body.dark-mode .auth-form{background:#1e293b!important;border:none!important}body.dark-mode .auth-form h2,body.dark-mode .auth-form p{color:#e2e8f0!important}body.dark-mode .toast{background:#334155;color:#e2e8f0;border:1px solid #475569}body.dark-mode .toast-success{background:#059669;color:#fff}body.dark-mode .toast-error{background:#991500;color:#fff}body.dark-mode .toast-warning{background:#d97706;color:#fff}body.dark-mode .toast-info{background:#2563eb;color:#fff}.dev-notice-text,.stripe-notice-text,.dev-payment-notice,.stripe-payment-notice{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;border:none!important;background:none!important}.processing-modal{margin-top:1rem;padding:1rem;background:transparent;border:none;border-radius:6px;font-size:14px}.processing-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.processing-spinner{width:16px;height:16px;border:2px solid #0ea5e9;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.processing-description{margin:.5rem 0 0;color:#0369a1}.validation-error{font-size:14px;color:#991500;margin-top:10px;font-style:italic}.data-table{width:100%;border-collapse:collapse;margin-top:1rem;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.data-table thead{background:#f8fafc}.data-table th{padding:.75rem;text-align:left;font-weight:600;color:#1f2937;border-bottom:2px solid #d1d5db;border-right:1px solid #e5e7eb}.data-table th:last-child{border-right:none;text-align:center}.data-table tr{border-bottom:1px solid #e5e7eb}.data-table tr:nth-child(2n){background:#f9fafb}.data-table tr:nth-child(odd){background:#ffffff}.data-table tr:last-child{border-bottom:none}.table-cell-primary{padding:.75rem;font-weight:500;color:#1f2937;border-right:1px solid #e5e7eb}.table-cell-secondary{padding:.75rem;color:#6b7280;border-right:1px solid #e5e7eb}.table-cell-actions{padding:.75rem;text-align:center}body.dark-mode .processing-modal{background:#1e293b!important;border:1px solid #334155!important;color:#e2e8f0!important}body.dark-mode .processing-spinner{border:2px solid #4ade80!important;border-top:2px solid transparent!important}body.dark-mode .processing-description{color:#cbd5e0!important}body.dark-mode .validation-error{color:#fca5a5!important}body.dark-mode .data-table{border:1px solid #475569!important}body.dark-mode .data-table thead{background:#1e293b!important}body.dark-mode .data-table th{color:#e2e8f0!important;border-bottom:2px solid #475569!important;border-right:1px solid #475569!important}body.dark-mode .data-table tr{border-bottom:1px solid #475569!important}body.dark-mode .data-table tr:nth-child(2n){background:#334155!important}body.dark-mode .data-table tr:nth-child(odd){background:#3f4c5f!important}body.dark-mode .table-cell-primary{color:#e2e8f0!important;border-right:1px solid #475569!important}body.dark-mode .table-cell-secondary{color:#cbd5e0!important;border-right:1px solid #475569!important}.table-header-small{font-size:.8rem!important;text-align:center!important}body.dark-mode .table-header-small{color:#e2e8f0!important}.instruction-text{font-size:14px;color:#666;margin-bottom:10px}body.dark-mode .instruction-text{color:#cbd5e0!important}.variable-help{font-size:.8rem;color:#374151;background:#f8fafc;padding:.5rem;border-radius:4px;border:1px solid #e2e8f0;margin-bottom:.5rem}body.dark-mode .variable-help{color:#e5e7eb!important;background:#475569!important;border:1px solid #64748b!important}body.dark-mode .upgrade-card{background-color:#1e293b!important;border-color:#22c55e!important;color:#e2e8f0}.splash-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);overflow-x:hidden}.splash-container{max-width:1200px;margin:0 auto;padding:0 2rem}.splash-navbar{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.splash-navbar .navbar-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.splash-navbar .navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;background:none;border:none;cursor:pointer}.monster-icon-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.brand-name{font-size:1.5rem;font-weight:700;color:#1f2937;text-decoration:none}.navbar-actions{display:flex;align-items:center;gap:1rem}.nav-link{background:none;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:.5rem 1rem;border-radius:6px}.login-btn{color:#374151}.login-btn:hover{background:#f3f4f6;color:#16a34a}.signup-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600}.signup-btn:hover{background:linear-gradient(135deg,#15803d,#16a34a);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.nav-toggle{background:none!important;border:1px solid rgba(0,0,0,.1);padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.nav-toggle:hover{background:rgba(0,0,0,.05)!important;transform:translateY(-1px)}.splash-hero{padding:8rem 0 6rem;text-align:center;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);color:#fff;position:relative}.splash-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%);background-size:60px 60px;opacity:.3}.hero-content{position:relative;z-index:1}.monster-icon-large{margin:0 auto 2rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:3.5rem;font-weight:800;margin:0 0 1rem;text-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;opacity:.95}.hero-description{font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto;opacity:.9}.splash-features{padding:6rem 0;background:white}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 4rem;color:#1f2937}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{padding:2rem;background:#f8fafc;border-radius:12px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:#16a34a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#1f2937}.feature-card p{color:#6b7280;line-height:1.5;margin:0}.splash-tiers{padding:6rem 0;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}.tier-card{background:white;border-radius:16px;padding:2rem;border:2px solid #e5e7eb;position:relative;transition:all .3s ease}.tier-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.tier-card.featured{border-color:#16a34a;transform:scale(1.05)}.tier-card.featured:hover{transform:scale(1.05) translateY(-8px)}.tier-card.clickable-tier{cursor:pointer;-webkit-user-select:none;user-select:none}.tier-card.clickable-tier:active{transform:translateY(-2px)}.tier-card.featured.clickable-tier:active{transform:scale(1.05) translateY(-2px)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600}.tier-header{text-align:center;margin-bottom:2rem}.tier-name{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.tier-price{display:flex;flex-direction:column;align-items:center}.price{font-size:2.5rem;font-weight:800;color:#16a34a}.period{font-size:.875rem;color:#6b7280;font-weight:500}.tier-features{margin-bottom:2rem}.tier-feature{display:flex;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.tier-feature.limited{opacity:.6}.feature-check{color:#16a34a;font-weight:700;margin-right:.75rem;font-size:1.1rem}.feature-x{color:#991500;font-weight:700;margin-right:.75rem;font-size:1.1rem}.tier-description{padding-top:1rem;border-top:1px solid #e5e7eb;color:#6b7280;font-style:italic;text-align:center}.trial-tier .tier-name,.trial-tier .price{color:#6b7280}.staff-tier .tier-name,.staff-tier .price{color:#f59e0b}.admin-tier .tier-name{color:#16a34a}.splash-cta{padding:6rem 0;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cta-description{font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto 2.5rem;opacity:.9}.cta-button{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #16a34a66;background:linear-gradient(135deg,#15803d,#16a34a)}.splash-footer{padding:3rem 0;background:#111827;color:#9ca3af}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#fff}.monster-icon-small{width:24px;height:24px}.footer-text p{margin:0;font-size:.875rem}body.dark-mode .splash-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}body.dark-mode .splash-navbar{background:rgba(30,41,59,.95);border-bottom:1px solid rgba(255,255,255,.1)}body.dark-mode .brand-name{color:#e2e8f0}body.dark-mode .login-btn{color:#cbd5e0}body.dark-mode .login-btn:hover{background:#374151;color:#22c55e}body.dark-mode .nav-toggle{border-color:#fff3}body.dark-mode .nav-toggle:hover{background:rgba(255,255,255,.1)!important}.monster-icon-link{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:all .3s ease;border-radius:50%}.monster-icon-link:hover{transform:scale(1.05)}.monster-icon-link:active{transform:scale(.95)}.monster-icon-link .monster-icon{display:flex;align-items:center;justify-content:center}body.dark-mode .splash-features{background:#1e293b}body.dark-mode .section-title{color:#e2e8f0}body.dark-mode .feature-card{background:#334155;border-color:#475569}body.dark-mode .feature-card h3{color:#e2e8f0}body.dark-mode .feature-card p{color:#cbd5e0}body.dark-mode .splash-tiers{background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}body.dark-mode .tier-card{background:#334155;border-color:#475569}body.dark-mode .tier-card.featured{border-color:#22c55e}body.dark-mode .tier-name{color:#e2e8f0}body.dark-mode .tier-description{color:#94a3b8;border-color:#475569}body.dark-mode .splash-cta{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}body.dark-mode .cta-title{color:#e2e8f0}.email-preview-container{margin-top:2rem}.email-preview-header{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.email-preview-subtitle{font-size:.9em;color:#6b7280;margin-bottom:1rem}.email-preview-box{border:1px solid #d1d5db;border-radius:4px;padding:1rem;background-color:#f9fafb;font-family:Menlo,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9em}.email-preview-subject{margin-bottom:1rem;font-weight:600}.email-preview-body{background-color:#fff;padding:1rem;border:1px solid #e5e7eb;border-radius:4px;white-space:pre-wrap;line-height:1.6;color:#374151}.email-preview-attachment{margin-top:.5rem;font-size:.8em;color:#6b7280}body.dark-mode .email-preview-header{color:#e2e8f0}body.dark-mode .email-preview-subtitle{color:#9ca3af}body.dark-mode .email-preview-box{border:1px solid #475569;background-color:#334155;color:#e2e8f0}body.dark-mode .email-preview-subject{color:#e2e8f0}body.dark-mode .email-preview-body{background-color:#475569;border:1px solid #64748b;color:#e2e8f0}body.dark-mode .email-preview-attachment{color:#9ca3af}@media (max-width: 768px){.splash-container{padding:0 1rem}.splash-navbar .navbar-content{padding:.75rem 0}.brand-name{font-size:1.25rem}.navbar-actions{gap:.5rem}.nav-link{font-size:.875rem;padding:.5rem .75rem}.signup-btn{padding:.5rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.section-title{font-size:2rem}.features-grid,.tiers-grid{grid-template-columns:1fr}.tier-card.featured{transform:none}.tier-card.featured:hover{transform:translateY(-8px)}.footer-content{justify-content:center;text-align:center}}body.dark-mode .message.success{background:#064e3b;color:#86efac;border-color:#047857}body.dark-mode .message.error{background:#7f1d1d;color:#fca5a5;border-color:#991500}body.dark-mode .loading-screen{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}body.dark-mode .loading-content p{color:#4ade80}body.dark-mode .navbar-user,body.dark-mode .user-info{color:#cbd5e0}body.dark-mode .production-item{background:#334155;border-color:#475569}body.dark-mode .production-info h4{color:#e2e8f0}body.dark-mode .production-info p{color:#cbd5e0}body.dark-mode .production-info small{color:#94a3b8}body.dark-mode .invite-form{background:#475569;border-color:#64748b}body.dark-mode .invite-form h5{color:#e2e8f0}body.dark-mode .empty-state{color:#cbd5e0}body.dark-mode .info-item label{color:#e2e8f0}body.dark-mode .info-item span{color:#cbd5e0}.free-tier-banner{margin-bottom:2rem;padding:1rem;background-color:#e3f2fd;border-radius:8px;border:1px solid #90caf9}.free-tier-title{margin:0 0 1rem;color:#1565c0}.free-tier-description{margin:.5rem 0}.free-tier-upgrade{margin:.5rem 0;font-size:.9rem}body.dark-mode .free-tier-banner{background-color:#334155;border-color:#475569}body.dark-mode .free-tier-title{color:#4ade80}body.dark-mode .free-tier-description,body.dark-mode .free-tier-upgrade{color:#e2e8f0}.demo-note{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}body.dark-mode .demo-note{background-color:#334155;border:1px solid #475569}body.dark-mode .demo-note p,body.dark-mode .demo-note li{color:#e2e8f0}.admin-features{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.admin-features h4{margin-top:0}body.dark-mode .admin-features{background-color:#334155;border:1px solid #475569}body.dark-mode .admin-features{background-color:#334155!important;border:1px solid #475569!important}body.dark-mode .admin-features h4,body.dark-mode .admin-features li{color:#e2e8f0!important}.demo-text{font-size:.9rem;color:#666;margin-bottom:1rem}body.dark-mode .demo-text{color:#cbd5e0}.production-user-banner{margin-bottom:2rem;padding:1rem;background-color:#e3f2fd;border-radius:8px;border:1px solid #90caf9}.production-user-title{margin:0 0 1rem;color:#1565c0}.production-user-description{margin:.5rem 0}.production-user-upgrade{margin:.5rem 0;font-size:.9rem}.production-user-features{margin:.5rem 0;padding-left:1.5rem;font-size:.9rem}body.dark-mode .production-user-banner{background-color:#334155;border-color:#475569}body.dark-mode .production-user-title{color:#4ade80}body.dark-mode .production-user-description,body.dark-mode .production-user-upgrade,body.dark-mode .production-user-features{color:#e2e8f0}.processing-text{margin-top:1rem;color:#666}body.dark-mode .processing-text{color:#cbd5e0}.sidebar-section{margin:1rem 0;padding:0 .5rem}.sidebar-section-title{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .5rem}.sidebar-production{padding:.5rem .75rem!important;font-size:.9rem;display:flex;align-items:center;gap:.5rem;position:relative}.production-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.free-tier-badge{background:#10b981;color:#fff;font-size:.7rem;padding:.2rem .4rem;border-radius:.3rem;font-weight:600}body.dark-mode .sidebar-section-title{color:#9ca3af}body.dark-mode .free-tier-badge{background:#4ade80;color:#0f172a}.sidebar-back-button{margin-bottom:.5rem!important}.sidebar-divider{height:1px;background-color:#e5e7eb;margin:.5rem 0}body.dark-mode .sidebar-divider{background-color:#475569}body.dark-mode .trial-user-restriction{background:#451a03;border-color:#a16207}body.dark-mode .restriction-message h4{color:#fbbf24}body.dark-mode .restriction-message p{color:#fde68a}.available-files{margin-top:1.5rem}.available-files h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.available-file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:6px;background:#ffffff;transition:all .2s ease}.available-file-item:hover{box-shadow:0 2px 4px #0000001a}.file-info{display:flex;flex-direction:column;gap:.25rem}.file-info strong{color:#374151;font-weight:600;word-break:break-word}.file-info small{color:#6b7280;font-size:.75rem}.no-files-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-files-message p{margin:.5rem 0}body.dark-mode .available-files h5{color:#e2e8f0}body.dark-mode .available-file-item{background:#374151;border-color:#4b5563}body.dark-mode .available-file-item:hover{box-shadow:0 2px 4px #0000004d}body.dark-mode .file-info strong{color:#e2e8f0}body.dark-mode .file-info small,body.dark-mode .no-files-message{color:#9ca3af}.variable-help .variables-table,.variable-help .variables-table tr,.variable-help .variables-table tbody,.variable-help .variables-table tbody tr,.variable-help .variables-table td{background-color:#f3f4f6!important;background:#f3f4f6!important}.variable-help .variables-table thead,.variable-help .variables-table thead tr,.variable-help .variables-table th{background-color:#4b5563!important;background:#4b5563!important;color:#fff!important}.variable-help .variables-table td:nth-child(odd){background-color:#e5e7eb!important;background:#e5e7eb!important}.variable-help .variables-table td:nth-child(2n){background-color:#f3f4f6!important;background:#f3f4f6!important}.variable-help .variables-table,.variable-help .variables-table tr,.variable-help .variables-table td,.variable-help .variables-table th{border-color:#fff!important}body.dark-mode .variable-help .variables-table,body.dark-mode .variable-help .variables-table tr,body.dark-mode .variable-help .variables-table tbody,body.dark-mode .variable-help .variables-table tbody tr,body.dark-mode .variable-help .variables-table td,body.dark-mode .variable-help .variables-table tr:nth-child(2n),body.dark-mode .variable-help .variables-table tr:nth-child(odd),body.dark-mode .variable-help .variables-table tbody tr:nth-child(2n),body.dark-mode .variable-help .variables-table tbody tr:nth-child(odd){background-color:#4b5563!important;background:#4b5563!important}body.dark-mode .variable-help .variables-table thead,body.dark-mode .variable-help .variables-table thead tr,body.dark-mode .variable-help .variables-table th{background-color:#1f2937!important;background:#1f2937!important;color:#fff!important}body.dark-mode .variable-help .variables-table td:nth-child(odd){background-color:#374151!important;background:#374151!important}body.dark-mode .variable-help .variables-table td:nth-child(2n){background-color:#4b5563!important;background:#4b5563!important}body.dark-mode .variable-help .variables-table,body.dark-mode .variable-help .variables-table tr,body.dark-mode .variable-help .variables-table td,body.dark-mode .variable-help .variables-table th{border-color:#fff!important}@media (max-width: 768px){.landing-header h1{font-size:2rem}.auth-container{max-width:100%;margin:0 1rem;padding:1.5rem}.form-row{grid-template-columns:1fr}.production-actions{justify-content:flex-start}}body.dark-mode .envelope-list-item{background:transparent;border-color:#4a5568}body.dark-mode .envelope-list-item>div:last-child{background-color:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0}body.dark-mode .envelope-list-item input[type=text]{background-color:#1a202c!important;border-color:#4a5568!important;color:#e2e8f0!important}body.dark-mode .envelope-list-item input[type=text]:focus{border-color:#63b3ed!important;background-color:#2d3748!important}body.dark-mode .envelope-list-item input[type=text]::placeholder{color:#a0aec0}body.dark-mode .envelope-list-item>div:last-child>div>div>div,body.dark-mode .envelope-list-item>div:last-child>div:last-child>div>div{background-color:#1a202c!important;border-color:#4a5568!important;color:#e2e8f0!important}body.dark-mode .envelope-list-item>div:last-child>div>div>div:hover,body.dark-mode .envelope-list-item>div:last-child>div:last-child>div>div:hover{background-color:#2d3748!important;border-color:#63b3ed!important}body.dark-mode .envelope-list-item button{background-color:#4a5568!important;color:#e2e8f0!important;border-color:#4a5568!important}body.dark-mode .envelope-list-item button:hover{background-color:#63b3ed!important;border-color:#63b3ed!important}body.dark-mode .envelope-list-item strong{color:#f7fafc!important}body.dark-mode .envelope-list-item p[style*=italic]{color:#a0aec0!important}body.dark-mode .card h3[style*="#dc2626"]{color:#f87171!important}body.dark-mode .card>div[style*="#fef2f2"]{background-color:#7f1d1d!important;border-color:#dc2626!important}body.dark-mode .delete-account-title,body.dark-mode .card .delete-account-title,body.dark-mode .card div .delete-account-title,body.dark-mode h4.delete-account-title{color:#b91c1c!important;background:transparent!important}body.dark-mode .card p[style*="#7f1d1d"]{color:#fca5a5!important}body.dark-mode .modal-header h3[style*="#dc2626"],body.dark-mode .modal-content p[style*="#dc2626"]{color:#f87171!important}body.dark-mode .modal .modal-content{background:#334155!important;color:#e2e8f0!important}body.dark-mode .modal .modal-content p,body.dark-mode .modal .modal-content ul,body.dark-mode .modal .modal-content li{color:#e2e8f0!important}body.dark-mode .modal .modal-content strong{color:#f1f5f9!important}body.dark-mode .modal .form-group input{background-color:#1e293b!important;border-color:#475569!important;color:#e2e8f0!important}body.dark-mode .modal .form-group input:focus{border-color:#10b981!important;background-color:#0f172a!important}body.dark-mode .modal .form-group input::placeholder{color:#94a3b8!important}body.dark-mode .modal button[style*="#6b7280"]{background-color:#475569!important;border-color:#475569!important;color:#e2e8f0!important}body.dark-mode .modal button[style*="#6b7280"]:hover{background-color:#64748b!important;border-color:#64748b!important}body.dark-mode .modal button[style*="#dc2626"]{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}body.dark-mode .modal button[style*="#9ca3af"]{background-color:#6b7280!important;border-color:#6b7280!important;color:#d1d5db!important}body.dark-mode .email-body-editor{background:#334155!important;border-color:#475569!important;color:#e2e8f0!important}body.dark-mode .contact-already-in-list{background-color:#1f2937!important;border-color:#374151!important}body.dark-mode .contact-already-in-list-text{color:#10b981!important}