*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#2c3e50;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-header h1{margin:0;font-size:1.5rem}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:8px}.user-name{font-weight:500}.user-role{background:linear-gradient(135deg,#667eea,#764ba2);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.logout-btn{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background-color:transparent;color:#fff;cursor:pointer;transition:all .2s;font-size:.9rem}.logout-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav-btn{padding:.5rem 1rem;border:none;border-radius:4px;background-color:#34495e;color:#fff;cursor:pointer;transition:background-color .3s}.nav-btn:hover{background-color:#4a6741}.nav-btn.active{background-color:#3498db}.nav-btn.admin-btn{background-color:#9b59b6}.nav-btn.admin-btn:hover,.nav-btn.admin-btn.active{background-color:#8e44ad}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.app-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#2c3e50}.form-control{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#333;background-color:#fff}.form-control::placeholder{color:#999}.form-text,small{color:#666}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-success{background-color:#2ecc71;color:#fff}.btn-success:hover{background-color:#27ae60}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h1{color:#2c3e50;margin-bottom:.5rem}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.action-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.action-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.action-card h3{color:#2c3e50;margin-bottom:1rem}.action-card p{color:#7f8c8d;margin-bottom:1rem;flex-grow:1}.recent-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.recent-section h2{color:#2c3e50;margin-bottom:1rem}.table{width:100%;border-collapse:collapse;margin:1rem 0}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:700}.table-striped tbody tr:nth-of-type(odd){background-color:#f9f9}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #ddd}.form-header{margin-bottom:1rem}.form-header h2{color:#2c3e50;margin-bottom:1rem}.progress-bar{height:10px;background-color:#ecf0f1;border-radius:5px;overflow:hidden}.progress{height:100%;background-color:#3498db;transition:width .3s}.form-body{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;margin-bottom:1rem;color:#333}.form-body label{color:#2c3e50}.form-body p,.form-body span{color:#333}.form-step h3{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.form-step h4{color:#34495e;margin:1.5rem 0 1rem}.segment-card{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;color:#333}.segment-card h5{color:#34495e;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.segment-card label{color:#2c3e50}.form-navigation{display:flex;justify-content:space-between}.rab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rab-actions{display:flex;gap:.5rem}.rab-table-container{overflow-x:auto}.ai-content-editor .section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.ai-content-editor .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-content-editor .section-actions{display:flex;gap:.5rem}.ai-content-editor .section-content textarea{width:100%;min-height:150px;padding:.75rem;border:1px solid #ddd;border-radius:4px;resize:vertical}.batch-form{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.batch-info{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.batch-info ul{margin:1rem 0;padding-left:1.5rem}.batch-info li{margin-bottom:.5rem}.progress-container{margin:1rem 0}.progress-container p{text-align:center;margin-top:.5rem}.settings-section{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem}.settings-section h3{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.settings-section .form-group label{color:#2c3e50;font-weight:600}.settings-section .form-control{color:#333;background-color:#fff;border:1px solid #ddd}.settings-section .form-control::placeholder{color:#999}.settings-section .form-text,.settings-section small{color:#666}.settings h2{color:#2c3e50;margin-bottom:1.5rem}.app-footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem;margin-top:auto}.error-message{text-align:center;padding:2rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin:2rem auto;max-width:600px}.error-message h2{color:#721c24;margin-bottom:1rem}.error-message code{background-color:#e2e3e5;padding:.2rem .4rem;border-radius:4px;font-family:monospace}@media (max-width: 768px){.app-main{padding:1rem}.form-row{flex-direction:column}.form-row .form-group{min-width:auto}.nav-btn{flex:1}.dashboard-actions{grid-template-columns:1fr}.rab-header,.ai-content-editor .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.ai-content-editor .section-actions{align-self:flex-end}}.rab-generator-container{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 12px #00000014}.rab-title{color:#2c3e50;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1;text-align:center}.rab-summary-card{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;border:1px solid #e3e3e3}.summary-item{display:flex;flex-direction:column}.summary-label{font-size:.9rem;color:#7f8c8d;margin-bottom:.25rem}.summary-value{font-size:1.2rem;font-weight:700;color:#2c3e50}.rab-table{width:100%;border-collapse:collapse;font-size:.95rem}.rab-table th,.rab-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid #ecf0f1}.rab-table th{background-color:#f8f9fa;font-weight:600;color:#34495e;text-transform:uppercase;font-size:.85rem}.rab-table tbody tr:nth-of-type(2n){background-color:#fdfdfd}.rab-table tbody tr:hover{background-color:#f0f4f8}.rab-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background-color:#fff;transition:border-color .2s,box-shadow .2s;text-align:right}.rab-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.rab-total{font-weight:500;text-align:right}.rab-subtotal-row,.rab-grand-total-row{background-color:#f8f9fa;font-weight:700}.rab-subtotal-label,.rab-grand-total-label{text-align:right;color:#34495e}.rab-subtotal-amount,.rab-grand-total-amount{text-align:right;color:#2c3e50}.rab-grand-total-row{border-top:2px solid #bdc3c7;background-color:#ecf0f1}.rab-grand-total-label{font-size:1.1rem;text-transform:uppercase}.rab-grand-total-amount{font-size:1.2rem;color:#3498db;white-space:nowrap}.rab-grand-total-row td{padding-top:1.2rem;padding-bottom:1.2rem}.preview-box{background-color:#e9ecef;padding:.5rem 1rem;border-radius:4px;font-size:1.1rem;font-weight:700;color:#495057;border:1px solid #ced4da;text-align:right;min-height:calc(1.5em + 1rem + 2px);line-height:1.5}.price-manager .toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.price-manager .toolbar input{flex-grow:1}.price-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.price-item{display:flex;flex-direction:column;gap:.5rem;background-color:#fdfdfd;padding:1rem;border-radius:4px;border:1px solid #f0f0f0}.price-item label{font-weight:500;color:#34495e}.price-item .price-inputs{display:flex;gap:.5rem;align-items:center}.price-item .default-price{font-size:.85rem;color:#7f8c8d;white-space:nowrap}.price-item input{text-align:right}.price-manager .settings-section h2{background-color:#34495e;color:#fff;padding:.75rem 1.5rem;margin:-1.5rem -1.5rem 1.5rem;border-radius:8px 8px 0 0;font-size:1.5rem}.price-category-group{margin-top:1.5rem;border-top:1px solid #eee;padding-top:1.5rem}.price-category-group:first-child{margin-top:0;border-top:none;padding-top:0}.price-category-group h3{color:#3498db;margin-bottom:1rem}.talud-dimensions-container{display:flex;justify-content:center;align-items:center;padding:3rem;margin-bottom:1rem}.talud-image-wrapper{position:relative;width:300px;height:300px}.talud-image-wrapper img{width:100%;height:100%;object-fit:contain}.talud-image-wrapper .input-group{position:absolute;display:flex;flex-direction:column;align-items:center}.talud-image-wrapper .input-group label{font-size:.8rem;margin-bottom:.25rem;color:#34495e}.talud-image-wrapper .input-group input{width:60px;text-align:center}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#0d1f3c,#0a2540 60%,#071a2f);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,transparent 40%,rgba(100,180,255,.03) 40%,rgba(100,180,255,.03) 41%,transparent 41%),linear-gradient(-45deg,transparent 40%,rgba(100,180,255,.03) 40%,rgba(100,180,255,.03) 41%,transparent 41%),linear-gradient(30deg,transparent 45%,rgba(80,160,255,.02) 45%,rgba(80,160,255,.02) 46%,transparent 46%),linear-gradient(-30deg,transparent 45%,rgba(80,160,255,.02) 45%,rgba(80,160,255,.02) 46%,transparent 46%),radial-gradient(circle,rgba(100,180,255,.08) 1px,transparent 1px);background-size:200px 200px,200px 200px,150px 150px,150px 150px,50px 50px;animation:networkMove 60s linear infinite;pointer-events:none}.auth-container:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(50,120,200,.15) 0%,transparent 60%);top:-150px;right:-100px;pointer-events:none}@keyframes networkMove{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:200px 200px,-200px 200px,150px 150px,-150px 150px,50px 50px}}.auth-card{background:#1e2d4699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0003;border:1px solid rgba(100,150,200,.15);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.logo-icon-wrapper{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf666}.logo-icon-wrapper svg{width:24px;height:24px;color:#fff}.logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.logo-text-main{font-size:16px;font-weight:700;color:#c084fc;letter-spacing:.5px}.logo-text-sub{font-size:14px;font-weight:600;color:#c084fc}.auth-header h1{color:#fff;font-size:32px;margin:0 0 8px;font-weight:700;letter-spacing:-.5px}.auth-header p{color:#ffffff80;margin:0;font-size:14px;letter-spacing:.3px}.auth-form h2{color:#fff;font-size:18px;margin:0 0 24px;text-align:center;font-weight:500}.auth-error{background:#dc354526;border:1px solid rgba(220,53,69,.3);color:#ff6b7a;padding:12px 16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}.error-icon{flex-shrink:0}.auth-card .form-group{margin-bottom:16px}.auth-card .form-group label{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}.input-wrapper{position:relative;display:flex;align-items:center;gap:12px}.input-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.input-icon svg{width:20px;height:20px;fill:none;stroke:#ffffff80;stroke-width:1.5}.input-wrapper input{flex:1;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff!important;font-size:15px;transition:all .3s ease;-webkit-text-fill-color:#ffffff!important;caret-color:#fff}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 0 1000px #1e2d46!important}.input-wrapper input[name=password]{padding-right:44px}.input-wrapper input::placeholder{color:#ffffff80;-webkit-text-fill-color:rgba(255,255,255,.5)}.input-wrapper input:focus{outline:none;border-color:#6496ff66;background:#ffffff1a;box-shadow:0 0 0 3px #6496ff1a}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:color .2s}.toggle-password:hover{color:#fffc}.toggle-password svg{width:20px;height:20px;stroke:currentColor}.auth-button{width:100%;padding:16px 24px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:8px}.auth-button.primary{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 25px #6366f159,0 4px 10px #6366f133}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #6366f173,0 6px 15px #6366f14d}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-footer{display:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.password-requirements{margin-top:8px;font-size:12px;color:#ffffff80}.password-requirements ul{margin:5px 0 0;padding-left:20px}.password-requirements li{margin-bottom:3px}.password-requirements li.valid{color:#4ade80}.auth-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:12px 16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px}@media (max-width: 480px){.auth-card{padding:36px 24px;border-radius:20px}.form-row{grid-template-columns:1fr}.auth-header h1{font-size:26px}.auth-logo{transform:scale(.9)}}.admin-dashboard{padding:20px;max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-title{display:flex;align-items:center;gap:15px}.admin-title h1{margin:0;color:#1e293b}.back-btn{background:#f1f5f9;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.back-btn:hover{background:#e2e8f0;color:#334155}.admin-tabs{display:flex;gap:10px}.tab-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s}.tab-btn:hover{background:#f1f5f9}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.admin-content{min-height:400px}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:15px}.admin-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #0000000d;border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-info h3{margin:0 0 5px;font-size:14px;color:#64748b;font-weight:500}.stat-value{margin:0;font-size:32px;font-weight:700;color:#1e293b}.stat-sub{font-size:13px;color:#94a3b8}.users-section,.activity-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#1e293b}.user-count{background:#f1f5f9;padding:6px 12px;border-radius:20px;font-size:13px;color:#64748b}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-weight:600;font-size:13px;border-bottom:1px solid #e2e8f0}.users-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9}.users-table tbody tr:hover{background:#fafafa}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.user-cell strong{display:block;color:#1e293b}.user-cell small{color:#94a3b8}.role-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-badge.admin{background:#fef3c7;color:#d97706}.role-badge.user{background:#dbeafe;color:#2563eb}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8fafc;border-radius:10px;transition:background .2s}.activity-item:hover{background:#f1f5f9}.activity-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px #0000000d}.activity-info{flex:1;display:flex;flex-direction:column}.activity-info strong{color:#1e293b}.activity-info span{font-size:13px;color:#64748b;text-transform:capitalize}.activity-time{font-size:12px;color:#94a3b8}.no-data{text-align:center;color:#94a3b8;padding:40px}.field-error{display:block;color:#ef4444;font-size:12px;margin-top:5px}.add-user-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.action-buttons{display:flex;gap:8px}.action-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.edit-btn:hover{background:#dbeafe;border-color:#3b82f6}.disable-btn:hover{background:#fee2e2;border-color:#ef4444}.enable-btn:hover{background:#dcfce7;border-color:#16a34a}.delete-btn:hover{background:#fef3c7;border-color:#f59e0b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#1e293b;font-size:20px}.modal-close{background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#475569;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.btn-cancel,.btn-submit,.btn-confirm{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0}.btn-submit,.btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.btn-submit:hover,.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirm-dialog{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s}.confirm-dialog h3{margin:0 0 12px;color:#1e293b;font-size:18px}.confirm-dialog p{margin:0 0 24px;color:#64748b;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start}.admin-tabs{width:100%;overflow-x:auto}.stats-grid{grid-template-columns:1fr}}