*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f1e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-page:before{animation:rotate 20s linear infinite,pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#e6394640 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.login-page:after{animation:particles 15s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#e6394666,#0000),radial-gradient(2px 2px at 60% 70%,#e6394666,#0000),radial-gradient(1px 1px at 50% 50%,#fff6,#0000),radial-gradient(1px 1px at 80% 10%,#fff6,#0000);background-size:200% 200%;content:"";height:100%;position:absolute;width:100%}@keyframes particles{0%,to{background-position:0 0}50%{background-position:100% 100%}}.login-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#414150f2;border:1px solid #e639464d;border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 100px #e6394633,inset 0 1px 0 #ffffff0d;max-width:480px;padding:50px 60px;position:relative;width:100%;z-index:1}.login-logo{animation:fadeIn .8s ease-out .2s both;margin-bottom:40px;text-align:center}.login-logo img{animation:pulse 2s ease-in-out infinite;height:auto;max-width:200px}.login-title{animation:fadeIn .8s ease-out .4s both;margin-bottom:35px;text-align:center}.login-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e63946);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.login-title p{color:#94a3b8;font-size:14px}.login-form{animation:fadeIn .8s ease-out .6s both}.form-group{margin-bottom:24px}.form-group label{font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#0f0f1e99;border:2px solid #e6394633;border-radius:12px;color:#fff;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus{background:#0f0f1ecc;border-color:#e63946;box-shadow:0 0 0 4px #e639461a;outline:none}.form-group input::placeholder{color:#64748b}.login-button{background:linear-gradient(135deg,#e63946,#dc2f3f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:30px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 10px 30px #e6394666;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#334155;cursor:not-allowed;transform:none}.error-message{animation:shake .5s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-footer{animation:fadeIn 1s ease-out .8s both;color:#64748b;font-size:13px;margin-top:30px;text-align:center}@media (max-width:600px){.login-container{margin:20px;padding:40px 30px}.login-title h1{font-size:26px}}.dashboard-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.dashboard-header{animation:slideDown .6s ease-out;margin-bottom:40px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e63946);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#94a3b8;font-size:16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#e63946,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%,to{left:-100%}50%{left:100%}}.stat-card:hover{border-color:#e63946;box-shadow:0 20px 40px #e639464d;transform:translateY(-8px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stat-card-title{color:#cbd5e1;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-icon{align-items:center;background:linear-gradient(135deg,#e6394633,#e639460d);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-value{color:#fff;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#64748b;font-size:13px}.quick-actions{animation:fadeInUp .6s ease-out .5s backwards;margin-bottom:40px}.section-title{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:20px}.section-title:before{background:linear-gradient(180deg,#e63946,#0000);border-radius:2px;content:"";height:24px;width:4px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-button{align-items:center;background:#e639461a;border:2px solid #e639464d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:20px;text-decoration:none;transition:all .3s ease}.action-button:hover{background:#e6394633;border-color:#e63946;transform:translateX(8px)}.action-icon{font-size:24px}.recent-offers{animation:fadeInUp .6s ease-out .6s backwards}.offers-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;overflow:hidden}.offers-table table{border-collapse:collapse;width:100%}.offers-table th{padding:16px}.offers-table td{border-top:1px solid #e639461a;padding:16px}.offers-table tbody tr:hover{background:#e639460d}.status-badge{border-radius:6px;padding:6px 12px}.status-draft{background:#64748b33;color:#94a3b8}.status-pending{background:#fbbf2433;color:#fbbf24}.status-approved{background:#22c55e33;color:#22c55e}.status-sent{background:#3b82f633;color:#3b82f6}.status-rejected{background:#ef444433;color:#ef4444}.logout-button{background:#ef444433;border:2px solid #ef44444d;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;position:fixed;right:30px;top:30px;transition:all .3s ease;z-index:1000}.logout-button:hover{background:#ef44444d;border-color:#ef4444;transform:translateY(-2px)}@media (max-width:768px){.dashboard-page{padding:20px}.dashboard-header h1{font-size:28px}.actions-grid,.stats-grid{grid-template-columns:1fr}}.offer-list-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.filters{animation:fadeInUp .6s ease-out .2s backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#0f0f1e99;border:2px solid #e6394633;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.filter-group select:focus{border-color:#e63946;box-shadow:0 0 0 4px #e639461a;outline:none}.offers-container{animation:fadeInUp .6s ease-out .4s backwards}.offers-table-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;box-shadow:0 25px 50px #0000004d;overflow:hidden}.offers-table{border-collapse:collapse;width:100%}.offers-table thead{background:linear-gradient(135deg,#e6394633,#e639460d);position:-webkit-sticky;position:sticky;top:0;z-index:10}.offers-table th{color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.offers-table tbody tr{border-top:1px solid #e639461a;cursor:pointer;transition:all .3s ease}.offers-table tbody tr:hover{background:#e6394614;transform:scale(1.01)}.offers-table td{color:#94a3b8;font-size:14px;padding:18px 16px}.offers-table td strong{color:#fff;font-weight:600}.badge-draft{border:1px solid #64748b4d}.badge-pending{border:1px solid #fbbf244d}.badge-approved{border:1px solid #22c55e4d}.badge-sent{border:1px solid #3b82f64d}.badge-rejected{border:1px solid #ef44444d}.loading-state{color:#94a3b8;font-size:18px;padding:60px 20px;text-align:center}.loading-spinner{height:50px;margin:0 auto 20px;width:50px}.empty-state{padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.3}.empty-state h3{color:#cbd5e1;font-size:24px;margin-bottom:12px}.empty-state p{color:#64748b;font-size:16px;margin-bottom:30px}@media (max-width:1024px){.offers-table{font-size:13px}.offers-table td,.offers-table th{padding:12px 10px}}@media (max-width:768px){.offer-list-page{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:20px}.page-header h1{font-size:28px}.filters{flex-direction:column}.offers-table-wrapper{overflow-x:auto}.offers-table{min-width:800px}}.create-offer-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.form-section{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;margin-bottom:30px;padding:30px;transition:all .3s ease}.form-section:hover{border-color:#e6394666;box-shadow:0 20px 40px #0000004d}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.2s}.form-section:nth-child(4){animation-delay:.3s}.form-section:nth-child(5){animation-delay:.4s}.form-section h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:24px}.form-section h2:before{background:linear-gradient(180deg,#e63946,#0000);border-radius:2px;content:"";height:24px;width:4px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group input,.form-group select,.form-group textarea{background:#0f0f1ecc;border:2px solid #e6394633;border-radius:10px;color:#fff!important;font-family:inherit;padding:12px 16px;transition:all .3s ease}.form-group select option{background:#1a1a2e;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f0f1ef2;border-color:#e63946;box-shadow:0 0 0 4px #e639461a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{-webkit-text-fill-color:#cbd5e1!important;background:#1a1a2e!important;border-color:#e639464d!important;color:#cbd5e1!important;cursor:not-allowed;opacity:1!important}.checkbox-label{align-items:center;color:#cbd5e1;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#e63946;cursor:pointer;height:20px;width:20px}.add-product-section{background:#0f0f1e66;border:2px dashed #e639464d;border-radius:12px;margin-bottom:20px;padding:20px}.btn-add{background:linear-gradient(135deg,#e63946,#dc2f3f);border-radius:10px;padding:12px 24px;transition:all .3s ease;width:100%}.btn-add:hover{box-shadow:0 10px 30px #e6394666;transform:translateY(-2px)}.items-table table{background:#0f0f1e66;border-radius:12px;overflow:hidden}.btn-remove{background:#ef444433;border:2px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:18px;padding:8px 16px;transition:all .3s ease}.btn-remove:hover{background:#ef44444d;transform:scale(1.1)}.totals-section{animation:fadeInUp .6s ease-out .5s backwards}.form-actions{animation:fadeInUp .6s ease-out .6s backwards;gap:16px;margin-top:40px}.btn-cancel,.btn-primary{padding:14px 32px}.btn-primary{overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:disabled{background:#64748b4d;cursor:not-allowed;transform:none}@media (max-width:768px){.create-offer-page{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-header h1{font-size:24px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.totals{max-width:100%}}.offer-detail-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.page-header>div{align-items:center;display:flex;gap:16px}.page-header h1{font-size:32px}.badge{animation:fadeIn .8s ease-out;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.badge-draft{background:#64748b33;border:2px solid #64748b4d;color:#94a3b8}.badge-pending{animation:pulse 2s ease-in-out infinite;background:#fbbf2433;border:2px solid #fbbf244d;color:#fbbf24}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.badge-approved{background:#22c55e33;border:2px solid #22c55e4d;color:#22c55e}.badge-sent{background:#3b82f633;border:2px solid #3b82f64d;color:#3b82f6}.badge-rejected{background:#ef444433;border:2px solid #ef44444d;color:#ef4444}.btn-back:hover{border-color:#64748b}.action-buttons{animation:fadeInUp .6s ease-out .2s backwards;flex-wrap:wrap;gap:12px;margin-bottom:30px}.action-buttons button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.action-buttons button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-buttons button:hover:before{left:100%}.action-buttons button:hover{transform:translateY(-2px)}.btn-action{background:#64748b33;border:2px solid #64748b4d!important;color:#cbd5e1}.btn-action:hover{background:#64748b4d;box-shadow:0 8px 20px #64748b4d}.btn-edit{border:2px solid #fbbf244d!important;color:#fbbf24}.btn-edit:hover{box-shadow:0 8px 20px #fbbf244d}.btn-submit{background:#3b82f633;border:2px solid #3b82f64d!important;color:#3b82f6}.btn-submit:hover{background:#3b82f64d;box-shadow:0 8px 20px #3b82f64d}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-approve:hover{box-shadow:0 10px 30px #22c55e66}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-reject:hover{box-shadow:0 10px 30px #ef444466}.btn-send{background:linear-gradient(135deg,#e63946,#dc2f3f);color:#fff}.btn-send:hover{box-shadow:0 10px 30px #e6394666}.btn-delete{border:2px solid #ef44444d!important;color:#ef4444}.btn-delete:hover{box-shadow:0 8px 20px #ef44444d}.detail-sections{grid-gap:24px;display:grid;gap:24px}.detail-section{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;padding:30px;transition:all .3s ease}.detail-section:hover{border-color:#e6394666;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.detail-section:first-child{animation-delay:.3s}.detail-section:nth-child(2){animation-delay:.4s}.detail-section:nth-child(3){animation-delay:.5s}.detail-section:nth-child(4){animation-delay:.6s}.detail-section h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:20px}.detail-section h2:before{background:linear-gradient(180deg,#e63946,#0000);border-radius:2px;content:"";height:24px;width:4px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#cbd5e1;font-size:15px}.intro-text{border-top:1px solid #e639461a;margin-top:20px;padding-top:20px}.intro-text label{color:#64748b;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.intro-text p{color:#cbd5e1;line-height:1.8;white-space:pre-wrap}.items-table{margin-top:20px;overflow-x:auto}.items-table table{border-collapse:collapse;width:100%}.items-table thead{background:linear-gradient(135deg,#e6394633,#e639460d)}.items-table th{color:#cbd5e1;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.items-table td{border-top:1px solid #e639461a;color:#94a3b8;padding:16px 12px}.items-table td strong{color:#fff}.items-table tbody tr{transition:all .3s ease}.items-table tbody tr:hover{background:#e639460d}.totals-section{animation:fadeInUp .6s ease-out .7s backwards}.totals{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;margin-left:auto;max-width:400px;padding:30px}.total-row{align-items:center;color:#cbd5e1;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.total-row:not(:last-child){border-bottom:1px solid #e639461a}.total-row strong{color:#fff;font-weight:600}.grand-total{border-top:2px solid #e639464d!important;font-size:20px!important;font-weight:700!important;margin-top:12px!important;padding-top:20px!important}.grand-total,.grand-total strong{color:#e63946!important}.rejection-section{background:#ef44441a!important;border-color:#ef44444d!important}.rejection-reason{color:#fca5a5!important;font-style:italic;line-height:1.8}.loading-page{color:#cbd5e1}@media (max-width:768px){.offer-detail-page{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:20px}.page-header h1{font-size:24px}.action-buttons{flex-direction:column;width:100%}.action-buttons button{justify-content:center;width:100%}.info-grid{grid-template-columns:1fr}.totals{max-width:100%}}.customers-page{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;padding:30px}.page-header{animation:slideDown .6s ease-out;margin-bottom:40px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e63946);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700}.header-actions{display:flex;gap:12px}.btn-primary{align-items:center;background:linear-gradient(135deg,#e63946,#dc2f3f);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 30px #e6394666;transform:translateY(-2px)}.btn-back{background:#64748b33;border:2px solid #64748b4d;border-radius:12px;color:#cbd5e1;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-back:hover{background:#64748b4d;transform:translateX(-4px)}.customers-table-wrapper{animation:fadeInUp .6s ease-out .2s backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ee6;border:1px solid #e6394633;border-radius:16px;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:linear-gradient(135deg,#e6394633,#e639460d)}.customers-table th{color:#cbd5e1;font-size:13px;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.customers-table tbody tr{border-top:1px solid #e639461a;transition:all .3s ease}.customers-table tbody tr:hover{background:#e6394614}.customers-table td{color:#94a3b8;font-size:14px;padding:18px 16px}.customers-table td strong{color:#fff;font-weight:600}.status-badge{border-radius:8px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-active{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-inactive{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-edit{align-items:center;border-radius:8px;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-edit{background:#fbbf2433;border:1px solid #fbbf244d}.btn-edit:hover{background:#fbbf244d;transform:scale(1.1)}.btn-delete{background:#ef444433;border:1px solid #ef44444d}.btn-delete:hover{background:#ef44444d;transform:scale(1.1)}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease;background:#1a1a2efa;border:1px solid #e639464d;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal h2{align-items:center;color:#fff;display:flex;font-size:24px;gap:12px;margin-bottom:30px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#cbd5e1;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:#0f0f1ecc;border:2px solid #e6394633;border-radius:10px;color:#fff!important;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b!important}.form-group input:focus,.form-group textarea:focus{background:#0f0f1ef2;border-color:#e63946;box-shadow:0 0 0 4px #e639461a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group{align-items:center;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-group input[type=checkbox]{accent-color:#e63946;cursor:pointer;height:20px;width:20px}.checkbox-group label{cursor:pointer;text-transform:none!important}.form-actions{border-top:1px solid #e639461a;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-cancel{background:#64748b33;border:2px solid #64748b4d;border-radius:12px;color:#cbd5e1;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-cancel:hover{background:#64748b4d;border-color:#64748b}.btn-submit{background:linear-gradient(135deg,#e63946,#dc2f3f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 10px 30px #e6394666;transform:translateY(-2px)}.loading-page{align-items:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e6394633;border-radius:50%;border-top-color:#e63946;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-page p{color:#cbd5e1;font-size:16px}@media (max-width:1024px){.customers-table{font-size:13px}}@media (max-width:768px){.customers-page{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:20px}.page-header h1{font-size:28px}.customers-table-wrapper{overflow-x:auto}.customers-table{min-width:900px}.modal{padding:24px;width:95%}.form-grid{grid-template-columns:1fr}}.pending-offers-page{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.btn-back{font-size:14px}.no-pending{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:60px;text-align:center}.no-pending h2{color:#28a745;margin-bottom:10px}.pending-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.pending-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s}.pending-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.card-header{align-items:center;background:#fff3e0;border-bottom:2px solid #f57c00;display:flex;justify-content:space-between;padding:15px 20px}.card-header h3{color:#f57c00;font-size:18px;margin:0}.date{color:#666;font-size:14px}.card-body{padding:20px}.info-row{border-bottom:1px solid #f0f0f0;color:#333;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#666;font-size:14px}.info-row span{font-size:14px}.total{color:#667eea;font-size:16px!important;font-weight:600}.card-actions{background:#f8f9fa;display:flex;gap:10px;justify-content:space-between;padding:15px 20px}.btn-approve,.btn-reject,.btn-view{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s}.btn-view{background:#667eea;color:#fff}.btn-approve{background:#28a745;color:#fff}.btn-reject{background:#dc3545;color:#fff}.btn-view:hover{background:#5568d3}.btn-approve:hover{background:#218838}.btn-reject:hover{background:#c82333}@media (max-width:768px){.pending-list{grid-template-columns:1fr}.card-actions{flex-direction:column}}.products-page{background:#f5f5f5;margin:0 auto;max-width:1600px;min-height:100vh;padding:30px}.products-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.products-table table{border-collapse:collapse;width:100%}.products-table th{background:#667eea;color:#fff;font-weight:600;padding:15px;text-align:left}.products-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.products-table tr:hover{background:#f8f9fa}.modal-content{max-width:600px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:768px){.products-table{overflow-x:auto}.form-row{grid-template-columns:1fr}}.users-page{background:#f5f5f5;margin:0 auto;max-width:1600px;min-height:100vh;padding:30px}.page-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.page-header h1{color:#333;margin:0}.page-header div{display:flex;gap:10px}.btn-add{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-add:hover{background:#218838}.btn-back{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.btn-back:hover{background:#5a6268}.loading{color:#999;padding:40px;text-align:center}.users-table{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#667eea;color:#fff;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px}.users-table tr:hover{background:#f8f9fa}.role-badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px}.role-badge.admin{background:gold;color:#856404}.role-badge.user{background:#e0e0e0;color:#495057}.status-badge{border-radius:15px;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.btn-delete,.btn-edit{border:none;border-radius:5px;cursor:pointer;font-size:12px;margin-right:5px;padding:5px 10px}.btn-edit{background:#667eea;color:#fff}.btn-edit:hover{background:#5568d3}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#333;margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#666;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.form-group input[type=checkbox]{margin-right:10px;width:auto}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.btn-cancel:hover{background:#5a6268}.btn-save{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-save:hover{background:#218838}@media (max-width:768px){.users-table{overflow-x:auto}}
/*# sourceMappingURL=main.3f90bab8.css.map*/