*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;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}#root,.App{min-height:100vh}.App{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.app-header{background:linear-gradient(135deg,#064e3b,#065f46);box-shadow:0 4px 6px -1px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:center;max-width:1200px;padding:0 2rem;position:relative}.header-actions{gap:1rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.admin-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.admin-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.company-title{flex:1 1;text-align:center}.company-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000001a}.progress-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:.5rem 1rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.step{font-size:.875rem;font-weight:500}.app-main{margin:0 auto;max-width:1200px;padding:1rem}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#064e3b,#065f46);-webkit-background-clip:text;background-clip:text;color:#064e3b;font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-align:center;text-shadow:0 4px 8px #064e3b33}.subtitle{color:#065f46;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;text-transform:uppercase}.enhanced-header,.product-selection,.subtitle{text-align:center}.enhanced-header{margin-bottom:2.5rem;padding:0 1rem}.enhanced-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#064e3b,#065f46);-webkit-background-clip:text;background-clip:text;color:#064e3b;font-size:1.8rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem;text-shadow:0 2px 4px #064e3b1a}.enhanced-subtitle{color:#64748b;font-size:.95rem;font-weight:500;line-height:1.5;margin:0 auto;max-width:400px;opacity:.9}.product-cards{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.product-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #064e3b14;display:flex;flex-direction:column;height:100%;min-height:420px;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:360px}.product-card:before{background:linear-gradient(90deg,#065f46,#10b981);content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover:before{opacity:1}.product-card.premium{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#064e3b33;box-shadow:0 20px 40px #064e3b1f}.product-card.premium:before{background:linear-gradient(90deg,#064e3b,#10b981 50%,#f59e0b);height:6px;opacity:1}.product-card:hover{border-color:#064e3b4d;box-shadow:0 20px 40px #064e3b26;transform:translateY(-8px)}.product-card.premium:hover{box-shadow:0 25px 50px #064e3b33}.product-card:active{transform:translateY(-2px)}.card-header{margin-bottom:1.25rem;padding-top:.5rem;text-align:center}.card-icon,.icon-container{margin-bottom:.75rem}.card-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:50%;box-shadow:0 4px 12px #064e3b1a;color:#065f46;display:inline-flex;font-size:3rem;height:80px;width:80px}.premium-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px #d9770640;color:#fff;display:flex;font-size:.75rem;font-weight:800;gap:.3rem;letter-spacing:.5px;padding:.4rem .9rem;position:absolute;right:16px;text-transform:uppercase;top:16px;z-index:2}.badge-icon{font-size:.9rem}.card-title{color:#064e3b;font-size:1.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px #064e3b1a}.card-subtitle{color:#065f46;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.product-card.card-cover-tpo .feature-item:first-child{background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#fcd34d}.product-card.card-cover-tor .feature-item:first-child{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-color:#7dd3fc}.card-content{flex-grow:1;margin-bottom:1.25rem}.features-list{display:flex;flex-direction:column;gap:.5rem}.feature-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.6rem;padding:.6rem;transition:all .3s ease}.feature-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#a7f3d0;transform:translateX(4px)}.feature-icon{align-items:center;border-radius:50%;color:#059669;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.feature-icon svg{height:16px;width:16px}.feature-text{color:#064e3b;font-size:.85rem;font-weight:500;line-height:1.4}.card-footer{text-align:center}.btn-select{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:12px;box-shadow:0 6px 15px #064e3b33;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-select:hover{background:linear-gradient(135deg,#065f46,#064e3b);box-shadow:0 8px 20px #064e3b4d;transform:translateY(-2px)}.btn-select:active{transform:translateY(0)}.arrow{transition:transform .3s ease}.btn-select:hover .arrow{transform:translateX(4px)}.btn-secondary{background:#fff;border:2px solid #064e3b;border-radius:12px;color:#064e3b;cursor:pointer;font-size:1rem;font-weight:600;margin-right:1rem;padding:.875rem 2rem;transition:all .3s ease}.btn-secondary:hover{background:#064e3b;color:#fff}.btn-secondary:active{transform:scale(.98)}.btn-primary{border:none;border-radius:12px;box-shadow:0 4px 12px #064e3b4d;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #064e3b66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.navigation-buttons{align-items:center;border-top:1px solid #e2e8f0;margin-top:2rem;padding:1.5rem 0}.navigation-buttons .btn-secondary{margin-right:0}.cover-details{margin:0 auto;max-width:900px;padding:0 1rem}.cover-form{margin-bottom:2.5rem}.date-selection-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.class-description-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;box-shadow:0 4px 12px #064e3b14;margin-top:1rem;padding:1.25rem;transition:all .3s ease}.class-description-box:hover{border-color:#10b981;box-shadow:0 8px 20px #064e3b1f;transform:translateY(-2px)}.class-description-box p{color:#064e3b;font-size:.9rem;font-weight:500;line-height:1.6;margin:0}.readonly-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;color:#64748b;cursor:not-allowed;font-weight:500}.pricing-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.pricing-item{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #064e3b0f;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.pricing-item:before{background:linear-gradient(90deg,#065f46,#10b981);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pricing-item:hover:before{opacity:1}.pricing-item:hover{border-color:#064e3b33;box-shadow:0 8px 25px #064e3b1f;transform:translateY(-4px)}.pricing-item.premium-amount{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b;box-shadow:0 8px 25px #064e3b33;color:#fff}.pricing-item.premium-amount:before{background:linear-gradient(90deg,#064e3b,#10b981 50%,#f59e0b);height:6px;opacity:1}.pricing-item.premium-amount:hover{box-shadow:0 12px 35px #064e3b4d;transform:translateY(-6px)}.pricing-item.premium-amount .pricing-label,.pricing-item.premium-amount .pricing-value{color:#fff}.pricing-label{font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pricing-value{color:#064e3b;font-size:1.1rem;font-weight:800}.pricing-item.premium-amount .pricing-value{font-size:1.5rem;text-shadow:0 2px 4px #0000001a}.cover-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem}.cover-summary .summary-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem}.cover-summary .summary-item:last-child{border-bottom:none}.cover-summary .summary-item strong{color:#064e3b;margin-right:.5rem}.cover-summary .summary-item.premium-highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:8px;margin:.5rem 0}.cover-summary .summary-item.premium-highlight,.cover-summary .summary-item.premium-highlight strong{color:#000}.cover-summary-display{margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:20px;box-shadow:0 8px 25px #064e3b1a;padding:2rem}.summary-card.final{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;box-shadow:0 8px 25px #fbbf2433}.summary-card h3{color:#064e3b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.summary-card.final h3{color:#92400e}.summary-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border:1px solid #d1fae5;border-radius:12px;display:flex;flex-direction:column;gap:.5rem}.summary-item.premium-highlight{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b;color:#fff}.summary-item.premium-highlight .summary-label,.summary-item.premium-highlight .summary-value{color:#fff}.summary-label{color:#374151}.summary-value{color:#064e3b;font-weight:700}.summary-item.premium-highlight .summary-value{color:#000;font-size:1.25rem}.final-cover-summary{margin-bottom:2rem}.navigation-buttons{display:flex;gap:1.5rem;justify-content:space-between;margin-top:3rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#064e3b,#065f46);box-shadow:0 6px 20px #064e3b40;color:#fff}.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:hover{background:linear-gradient(135deg,#065f46,#064e3b);box-shadow:0 10px 30px #064e3b59;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;color:#374151}.btn-secondary:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 6px 20px #0000001a;color:#1f2937;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{box-shadow:0 6px 20px #064e3b40;transform:none!important}.pricing-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:.75rem;text-align:center}.note-text{color:#92400e;font-size:.875rem;font-style:italic;font-weight:500}.pricing-display{margin-top:1.5rem}.pricing-display h3{color:#064e3b;font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.pricing-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:16px;box-shadow:0 8px 25px #10b98126;padding:1.5rem}.pricing-row{align-items:center;border-bottom:1px solid #bbf7d0;display:flex;justify-content:space-between;padding:.75rem 0}.pricing-row:last-child{border-bottom:none}.pricing-row.total{background:#fff;border:2px solid #10b981;border-radius:8px;font-weight:700;margin-top:.5rem;padding:1rem}.pricing-label{color:#374151}.pricing-label,.pricing-value{font-size:.95rem;font-weight:600}.pricing-value{color:#065f46}.pricing-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#064e3b,#10b981);-webkit-background-clip:text;background-clip:text;color:#064e3b;font-size:1.25rem;font-weight:800}.insured-details,.vehicle-details{margin:0 auto;max-width:900px;padding:0 1rem}.form-section{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 25px #064e3b14;margin-bottom:2.5rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.form-section:before{background:linear-gradient(90deg,#065f46,#10b981);content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.form-section:hover:before{opacity:1}.form-section:hover{border-color:#064e3b26;box-shadow:0 12px 35px #064e3b1f;transform:translateY(-4px)}.form-section h3{align-items:center;color:#064e3b;display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;text-shadow:0 2px 4px #064e3b1a}.form-group,.form-section h3{margin-bottom:2rem}.form-group label{color:#1f2937;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#064e3b;box-shadow:0 0 0 4px #064e3b1a;outline:none;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#fff;border-color:#d1d5db}.form-group small{display:block;font-size:.875rem;font-weight:500;line-height:1.5;margin-top:.75rem}.upload-icon{color:#9ca3af;font-size:3rem;margin-bottom:1.5rem;position:relative;transition:all .3s ease;z-index:2}.upload-area:hover .upload-icon{color:#064e3b;transform:scale(1.1)}.upload-text{color:#6b7280;font-size:.95rem;font-weight:500;line-height:1.5;position:relative;transition:color .3s ease;z-index:2}.upload-area:hover .upload-text{color:#064e3b}.file-list{margin-top:1.5rem}.file-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #064e3b0f;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem;transition:all .3s ease}.file-item:hover{border-color:#cbd5e1;box-shadow:0 4px 15px #064e3b1a;transform:translateX(4px)}.file-name{color:#1f2937;font-size:.9rem;font-weight:600}.remove-file{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 2px 8px #ef444433;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.remove-file:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef44444d;transform:translateY(-1px)}.remove-file:active{transform:translateY(0)}.document-requirements{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:20px;box-shadow:0 4px 15px #064e3b14;padding:2rem}.document-requirements h3{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.requirement-item{border:1px solid #d1fae5;border-radius:12px;color:#065f46;font-size:.9rem;font-weight:500;padding:1rem 1.25rem;transition:all .3s ease}.requirement-item:hover{border-color:#10b981;box-shadow:0 4px 12px #064e3b1a;transform:translateX(4px)}.requirement-item strong{font-weight:700}.remove-file{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.document-requirements{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin:2rem 0;padding:1.5rem}.document-requirements h3{color:#064e3b;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.requirements-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.requirement-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-size:.875rem;padding:1rem}.requirement-item strong{color:#064e3b}.summary{text-align:center}.summary-content{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000000d;margin:2rem 0;padding:2rem}.summary-item{border-bottom:1px solid #e5e7eb;font-size:1.125rem;padding:1rem;text-align:left}.summary-item:last-child{border-bottom:none}.summary-item strong{color:#064e3b;margin-right:.5rem}.summary-item.premium-highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:12px;margin:.5rem 0}.checkout{max-width:800px}.payment-info{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.payment-amount{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.amount-label{font-size:1.125rem}.amount-value{font-size:1.5rem;font-weight:700}.payment-description{color:#64748b;line-height:1.5}.mpesa-notice{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:16px;display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem}.notice-icon{flex-shrink:0;font-size:2rem}.notice-content h4{color:#92400e;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.notice-content ul{color:#92400e;font-size:.875rem;line-height:1.6;margin:0;padding-left:1.25rem}.notice-content li{margin-bottom:.5rem}.checkout-btn{padding:1rem 2rem}.loading-spinner{border:2px solid #fff;border-top-color:#0000;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}.snackbar{animation:slideInFromTop .4s ease-out;border:2px solid;border-radius:16px;box-shadow:0 15px 35px #00000040;max-width:500px;min-width:400px;z-index:1000}.snackbar-content{align-items:center;color:#fff;gap:1rem;padding:1.25rem 1.5rem}.snackbar-icon{font-size:1.5rem}.snackbar-message{font-size:1rem;line-height:1.5}.snackbar-close{border-radius:50%;color:#fff;font-size:1.75rem;height:32px;padding:0;transition:background-color .2s ease;width:32px}.snackbar-close:hover{background-color:#fff3}.snackbar-progress{background-color:#ffffff4d;border-radius:0 0 16px 16px;height:4px;overflow:hidden}.snackbar-progress-bar{animation:progressShrink 5s linear forwards;background-color:#fff;height:100%}@keyframes progressShrink{0%{width:100%}to{width:0}}.flash-message{animation:flashIn .4s ease-out;border:2px solid;border-radius:16px;box-shadow:0 15px 35px #0000004d;max-width:500px;min-width:350px;position:fixed;z-index:1001}.flash-message.animating{animation:flashOut .4s ease-in forwards}@keyframes flashIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes flashOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.flash-content{align-items:center;display:flex;gap:1rem;padding:1.5rem 2rem;text-align:center}.flash-icon{flex-shrink:0;font-size:2rem}.flash-text{font-size:1rem;font-weight:600;line-height:1.4}.payment-status{border:2px solid;border-radius:16px;display:flex;gap:1rem;margin:1.5rem 0;padding:1.5rem}.payment-status.processing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.payment-status.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.payment-status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.status-icon{flex-shrink:0;font-size:2rem}.status-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.payment-status.processing .status-content h4{color:#1e40af}.payment-status.success .status-content h4{color:#065f46}.payment-status.error .status-content h4{color:#991b1b}.status-content p{font-size:.875rem;line-height:1.5;margin:0}.payment-status.processing .status-content p{color:#1e40af}.payment-status.success .status-content p{color:#065f46}.payment-status.error .status-content p{color:#991b1b}.loading-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.btn-primary.success{background:linear-gradient(135deg,#10b981,#059669);cursor:default}.btn-primary.success:hover{box-shadow:0 6px 15px #0596694d;transform:none}.btn-primary.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-primary.error:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.input-status{background:#f8fafc;border-radius:8px;gap:.5rem;margin-top:.5rem;padding:.5rem}.status-indicator{font-size:1rem}.status-message.short{color:#f59e0b}.status-message.valid{color:#10b981}.status-message.long{color:#ef4444}.whatsapp-notification{border:1px solid #bbf7d0;border-radius:12px;gap:.75rem;margin-top:.75rem;padding:1rem}.whatsapp-icon{font-size:1.25rem}.whatsapp-message{font-size:.875rem}.whatsapp-message strong{display:block;margin-bottom:.25rem}.whatsapp-reminder{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #10b98126;display:flex;gap:.75rem;margin-top:1.5rem;padding:1.25rem}.whatsapp-reminder .whatsapp-icon{flex-shrink:0;font-size:1.5rem}.whatsapp-reminder .whatsapp-message{color:#047857;font-size:.9rem;line-height:1.6}.whatsapp-reminder .whatsapp-message strong{color:#064e3b;display:inline;margin-bottom:0}.summary-item.editable{align-items:center;display:flex;justify-content:space-between;padding:.875rem}.summary-content{flex:1 1}.edit-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.5rem .75rem;transition:all .3s ease}.edit-btn:hover{box-shadow:0 4px 12px #d977064d;transform:translateY(-1px)}.edit-btn:active{transform:translateY(0)}.receipt{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:800px;overflow:hidden}.receipt-header{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff;padding:2.5rem;text-align:center}.company-logo h1{color:#fff;font-size:2rem;font-weight:800;margin:0 0 1rem}.receipt-title h2{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.receipt-subtitle{font-size:1rem;margin:0;opacity:.9}.receipt-content{padding:2.5rem}.receipt-section{margin-bottom:2.5rem}.receipt-section h3{border-bottom:2px solid #e5e7eb;color:#064e3b;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.receipt-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.receipt-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.receipt-label{color:#374151;font-size:.875rem;font-weight:600}.receipt-value{color:#064e3b;font-size:.875rem;font-weight:700}.receipt-code{background:linear-gradient(135deg,#f59e0b,#d97706);font-family:Courier New,monospace}.payment-success,.receipt-code{border-radius:6px;color:#fff;font-weight:800;padding:.25rem .75rem}.payment-success{background:linear-gradient(135deg,#10b981,#059669)}.payment-details{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;padding:1.5rem}.payment-summary{display:flex;flex-direction:column;gap:1rem}.payment-row{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.payment-label{color:#374151;font-weight:600}.payment-amount{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#000;font-size:1.5rem;font-weight:800;padding:.5rem 1rem}.payment-value{color:#065f46;font-weight:600}.delivery-info{align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.delivery-icon{flex-shrink:0;font-size:1.5rem}.delivery-message{color:#047857;font-size:.9rem;line-height:1.6}.delivery-message strong{color:#064e3b}.receipt-footer{background:#f8fafc;border-radius:16px;margin-top:2rem;padding:1.5rem}.footer-note p{color:#064e3b;font-weight:600;margin-bottom:1rem}.footer-note ul{margin:0;padding-left:1.5rem}.footer-note li{color:#374151;line-height:1.5;margin-bottom:.5rem}.receipt-actions{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.retry-status{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b26;margin:1.5rem 0;padding:1.5rem}.retry-status-content{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.retry-status-icon{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.retry-status-text h4{color:#92400e;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.retry-status-text p{color:#92400e;font-size:.95rem;line-height:1.5;margin:0 0 .5rem}.retry-status-details{color:#a16207!important;font-size:.85rem!important;font-weight:500}.btn-retry{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;display:flex;gap:.5rem}.btn-retry:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-retry .btn-icon{font-size:1rem}.btn-retry .btn-text{font-size:.9rem}@media (max-width:768px){.receipt{border-radius:16px;margin:.5rem;max-width:calc(100vw - 1rem)}.receipt-header{padding:1.5rem 1rem}.company-logo h1{font-size:1.5rem;margin-bottom:.5rem}.receipt-title h2{font-size:1.25rem;margin-bottom:.25rem}.receipt-subtitle{font-size:.875rem}.receipt-content{padding:1.5rem 1rem}.receipt-section{margin-bottom:1.5rem}.receipt-section h3{font-size:1.125rem;margin-bottom:1rem}.receipt-grid{gap:.75rem;grid-template-columns:1fr}.receipt-item{align-items:flex-start;flex-direction:column;gap:.25rem;min-height:auto;overflow:hidden;padding:.75rem}.receipt-label{font-size:.75rem;margin-bottom:.25rem}.receipt-value{font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.receipt-code{font-size:.75rem;padding:.25rem .5rem}.payment-details{padding:1rem}.payment-row{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.75rem}.payment-label{font-size:.75rem}.payment-amount{font-size:1.125rem}.delivery-info{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.delivery-icon{font-size:1.5rem}.delivery-message{font-size:.875rem;line-height:1.5}.receipt-footer{margin-top:1rem;padding:1rem}.footer-note p{font-size:1rem;margin-bottom:.75rem}.footer-note li{font-size:.875rem;margin-bottom:.5rem}.receipt-actions{flex-direction:column;gap:.75rem;padding:1rem}.receipt-actions .btn-primary,.receipt-actions .btn-secondary{align-items:center;border-radius:10px;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;max-width:280px;padding:.875rem 1.5rem;width:100%}.receipt-actions .btn-icon{flex-shrink:0;font-size:1rem}.receipt-actions .btn-text{flex:1 1;text-align:center}}@media (max-width:480px){.receipt{border-radius:12px;margin:.25rem;max-width:calc(100vw - .5rem)}.receipt-header{padding:1rem .75rem}.company-logo h1{font-size:1.25rem}.company-title h1{font-size:1.5rem}.receipt-title h2{font-size:1.125rem}.receipt-subtitle{font-size:.8rem}.receipt-content{padding:1rem .75rem}.receipt-section{margin-bottom:1.25rem}.receipt-section h3{font-size:1rem;margin-bottom:.75rem}.receipt-grid{gap:.5rem}.receipt-item{padding:.5rem}.receipt-label{font-size:.7rem}.receipt-value{font-size:.8rem}.payment-details{padding:.75rem}.payment-row{padding:.5rem}.payment-amount{font-size:1rem}.delivery-info{padding:.75rem}.delivery-message{font-size:.8rem}.receipt-footer{padding:.75rem}.footer-note p{font-size:.9rem}.footer-note li{font-size:.8rem}.receipt-actions{gap:.5rem;padding:.75rem}.receipt-actions .btn-primary,.receipt-actions .btn-secondary{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:.375rem;justify-content:center;padding:.75rem 1.25rem}.receipt-actions .btn-icon{flex-shrink:0;font-size:.9rem}.receipt-actions .btn-text{flex:1 1;text-align:center}}@media (max-width:320px){.receipt{border-radius:8px;margin:.125rem;max-width:calc(100vw - .25rem)}.receipt-header{padding:.75rem .5rem}.company-logo h1{font-size:1.125rem}.company-title h1{font-size:1.25rem}.receipt-title h2{font-size:1rem}.receipt-subtitle{font-size:.75rem}.receipt-content{padding:.75rem .5rem}.receipt-section{margin-bottom:1rem}.receipt-section h3{font-size:.9rem;margin-bottom:.5rem}.receipt-grid{gap:.375rem}.receipt-item{padding:.375rem}.receipt-label{font-size:.65rem}.receipt-value{font-size:.75rem}.payment-details{padding:.5rem}.payment-row{padding:.375rem}.payment-amount{font-size:.9rem}.delivery-info{padding:.5rem}.delivery-message{font-size:.75rem}.receipt-footer{padding:.5rem}.footer-note p{font-size:.85rem}.footer-note li{font-size:.75rem}.receipt-actions{gap:.375rem;padding:.5rem}.receipt-actions .btn-primary,.receipt-actions .btn-secondary{align-items:center;border-radius:6px;display:flex;font-size:.75rem;gap:.25rem;justify-content:center;padding:.625rem 1rem}.receipt-actions .btn-icon{flex-shrink:0;font-size:.8rem}.receipt-actions .btn-text{flex:1 1;text-align:center}}@media print{.receipt{border-radius:0;box-shadow:none;margin:0;max-width:none}.app-header,.receipt-actions{display:none}body{background:#fff}}.progress-bar-container{margin-top:.75rem}.progress-bar{background-color:#e5e7eb}.progress-fill{background:linear-gradient(135deg,#064e3b,#065f46);transition:width .3s ease}.progress-text{color:#064e3b;font-size:.75rem}.insurance-check-status{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.check-icon{flex-shrink:0;font-size:2rem}.check-content h4{color:#1e40af;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.check-content p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.insurance-result{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.result-icon{flex-shrink:0;font-size:2rem}.result-content h4{color:#065f46;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.result-content p{color:#065f46;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.app-main{padding:1rem}.main-title{font-size:2rem}.product-cards{grid-template-columns:1fr}.product-card{padding:1.5rem}.header-content{flex-direction:column;gap:1rem;justify-content:center;padding:0 1rem}.company-title h1{font-size:1.75rem}.progress-indicator{align-self:center;position:static;transform:none}.navigation-buttons{flex-direction:column;gap:1rem}.btn-secondary{margin-right:0}.date-selection-grid,.pricing-summary,.requirements-list,.summary-details{grid-template-columns:1fr}.form-section,.summary-card{padding:1.5rem}}.checkout{margin:0 auto;max-width:900px}.checkout-header{margin-bottom:2rem;text-align:center}.checkout-title{color:#064e3b;font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.checkout-subtitle{color:#64748b;font-size:1.125rem;line-height:1.6}.checkout-content{display:flex;flex-direction:column;gap:1.5rem}.section-header h2{color:#064e3b;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.section-divider{background:linear-gradient(135deg,#064e3b,#065f46);border-radius:2px;height:3px;width:60px}.summary-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:2.5rem}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.summary-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 0}.summary-row:last-of-type{border-bottom:none}.summary-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#1e293b;font-size:1rem;font-weight:600}.premium-highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;margin-top:1rem;padding:2rem}.premium-content{align-items:center;display:flex;justify-content:space-between}.premium-label{color:#064e3b;font-size:1.125rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.premium-amount{color:#000;font-size:2rem;font-weight:800}.payment-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #00000014;padding:2.5rem}.payment-amount-display{background:linear-gradient(135deg,#064e3b,#065f46);border-radius:20px;margin-bottom:2rem;padding:2rem;text-align:center}.amount-content{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.amount-label{color:#a7f3d0;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-value{color:#fff;font-size:2.5rem;font-weight:800}.payment-description{color:#d1fae5;font-size:.875rem;line-height:1.6;margin:0}.mobile-input-section{margin-bottom:2rem}.input-label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.mobile-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.mobile-input:focus{background:#fff;border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1a;outline:none}.mobile-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.input-help{color:#6b7280;display:block;font-size:.875rem;line-height:1.4;margin-top:.5rem}.mpesa-info{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:20px;display:flex;gap:1.5rem;padding:2rem}.info-icon{flex-shrink:0;font-size:2.5rem}.info-content h4{color:#92400e;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.info-content ul{color:#92400e;font-size:.875rem;line-height:1.6;margin:0;padding-left:1.25rem}.info-content li{margin-bottom:.5rem}.checkout-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem 0}.checkout-btn{background:linear-gradient(135deg,#059669,#047857);border-radius:16px;box-shadow:0 6px 15px #0596694d;font-size:1.125rem;padding:1.25rem 2.5rem}.checkout-btn:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}@media (max-width:768px){.checkout{max-width:100%;padding:0 1rem}.checkout-title{font-size:2rem}.summary-grid{gap:1rem;grid-template-columns:1fr}.summary-row{align-items:flex-start;flex-direction:column;gap:.5rem}.premium-content{text-align:center}.checkout-actions,.premium-content{flex-direction:column;gap:1rem}}.input-status{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:.75rem;margin-top:.75rem;padding:.75rem}.status-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:24px;justify-content:center;width:24px}.status-indicator.empty{background:#f3f4f6;color:#9ca3af}.status-indicator.short{background:#fef3c7;color:#d97706}.status-indicator.valid{background:#d1fae5;color:#059669}.status-indicator.long{background:#fee2e2;color:#dc2626}.status-message{font-size:.875rem;font-weight:500;line-height:1.4}.status-message.empty{color:#6b7280}.status-message.short{color:#d97706}.status-message.valid{color:#059669}.status-message.long{color:#dc2626}.progress-bar-container{align-items:center;display:flex;gap:1rem;margin-top:1rem}.progress-bar{background:#e5e7eb;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;flex:1 1;height:8px}.progress-fill{border-radius:4px;box-shadow:0 1px 3px #10b9814d;transition:width .5s ease}.progress-text{color:#059669;font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.whatsapp-notification{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;box-shadow:0 4px 12px #064e3b14;display:flex;gap:1rem;margin-top:1rem;padding:1.25rem}.validation-status{align-items:center;border:2px solid;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-top:1rem;padding:1rem}.validation-status.kra{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;color:#065f46}.validation-status.iprs{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.validation-status.manual{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.validation-icon{flex-shrink:0;font-size:1.25rem}.validation-message{flex:1 1;line-height:1.4}.validation-summary{border:2px solid;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;padding:1.5rem}.validation-summary.kra{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.validation-summary.iprs{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.validation-summary.manual{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.validation-header{align-items:center;display:flex;gap:1.5rem}.validation-icon-large{flex-shrink:0;font-size:3rem}.validation-info{flex:1 1}.validation-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.validation-summary.kra .validation-title{color:#065f46}.validation-summary.iprs .validation-title{color:#1e40af}.validation-summary.manual .validation-title{color:#92400e}.validation-description{font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.validation-summary.kra .validation-description{color:#047857}.validation-summary.iprs .validation-description{color:#1d4ed8}.validation-summary.manual .validation-description{color:#a16207}.success-message.kra{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;color:#065f46}.success-message.iprs{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.success-message.manual{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.error-message.manual-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:12px;box-shadow:0 4px 12px #ef444426;color:#991b1b;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.retry-section{margin-top:1rem}.btn-retry{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-retry:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef44444d;transform:translateY(-2px)}.btn-retry:active{transform:translateY(0)}.whatsapp-icon{color:#10b981;flex-shrink:0;font-size:1.5rem}.whatsapp-message{color:#065f46;font-size:.9rem;font-weight:500;line-height:1.5}.whatsapp-message strong{color:#064e3b;font-weight:700}.existing-client-warning{align-items:flex-start;animation:slideInFromTop .4s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 4px 15px #f59e0b26;display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning-icon{color:#d97706;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.warning-content{flex:1 1}.warning-title{color:#92400e;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.warning-message{color:#92400e;font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.existing-client-details{background:#fff;border:1px solid #fbbf24;border-radius:12px;margin-bottom:1rem;padding:1rem}.detail-item{align-items:center;border-bottom:1px solid #fde68a;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#92400e;font-size:.875rem;font-weight:600}.detail-value{background:#fef3c7;border-radius:6px;color:#1f2937;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.warning-suggestion{background:#ffffffb3;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:500;line-height:1.5;padding:.75rem}@media (max-width:1024px){.product-card{padding:1.5rem}.card-icon{font-size:2.5rem;height:70px;width:70px}}@media (max-width:768px){.product-card{border-radius:16px;padding:1.5rem}.card-title{font-size:1.35rem}.card-icon{font-size:2.25rem;height:65px;width:65px}.btn-select{padding:.8rem 1.5rem}}@media (max-width:480px){.product-card{padding:1.25rem}.premium-badge{font-size:.7rem;padding:.35rem .75rem;right:12px;top:12px}.card-header{margin-bottom:1.25rem}.card-icon{font-size:2rem;height:60px;width:60px}.feature-item{padding:.6rem}}@media (max-width:1024px){.cover-details,.insured-details,.vehicle-details{max-width:800px}.form-section{padding:2rem}.date-selection-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pricing-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.cover-details,.insured-details,.vehicle-details{max-width:100%;padding:0 .75rem}.form-section{border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.form-section h3{font-size:1.25rem}.form-group,.form-section h3{margin-bottom:1.5rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:10px;font-size:.95rem;padding:.875rem 1rem}.form-group small{font-size:.8rem;margin-top:.5rem}.input-status{align-items:flex-start;flex-direction:column;gap:.25rem;margin-top:.5rem}.status-indicator{font-size:.875rem}.status-message{font-size:.8rem}.date-selection-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-summary{gap:1rem;grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{min-width:100%;padding:.9rem 1.5rem}.vehicle-details .form-group{position:relative}.vehicle-details .form-group input:focus,.vehicle-details .form-group select:focus{transform:none}.vehicle-details .input-status{margin-top:.3rem;position:relative}.vehicle-details .status-message{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media (max-width:480px){.cover-details,.insured-details,.vehicle-details{padding:0 .5rem}.form-section{border-radius:16px;margin-bottom:1.25rem;padding:1.25rem}.form-section h3{font-size:1.125rem}.form-group,.form-section h3{margin-bottom:1.25rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:.9rem;padding:.75rem .875rem}.form-group small{font-size:.75rem;line-height:1.4;margin-top:.4rem}.input-status{gap:.2rem;margin-top:.4rem}.status-indicator{font-size:.8rem}.status-message{font-size:.75rem}.btn-primary,.btn-secondary{border-radius:8px;font-size:.85rem;padding:.75rem 1.25rem}.upload-area{padding:1.25rem .75rem}.upload-icon{font-size:1.75rem;margin-bottom:.75rem}.upload-text{font-size:.8rem}.document-requirements{border-radius:16px;padding:1.25rem}.requirement-item{font-size:.8rem;padding:.75rem .875rem}.pricing-item{padding:1rem}.class-description-box{border-radius:12px;padding:.875rem}.vehicle-details .form-group{position:relative}.vehicle-details .form-group input:focus,.vehicle-details .form-group select:focus{transform:none}.vehicle-details .input-status{margin-top:.3rem;position:relative}.vehicle-details .status-message{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.id-input-wrapper{flex-direction:column;gap:.625rem}.btn-validate-id{font-size:.85rem;min-width:auto;padding:.75rem 1rem;width:100%}.btn-revalidate{margin-top:.625rem;width:100%}.pricing-display{margin-top:.75rem}.pricing-card{border-radius:12px;padding:.875rem}.pricing-row{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.4rem 0}.pricing-label{font-weight:600}.pricing-label,.pricing-value{font-size:.8rem}.pricing-amount{font-size:1rem}}@media (max-width:320px){.cover-details,.insured-details,.vehicle-details{padding:0 .25rem}.form-section{border-radius:12px;padding:1rem}.form-section h3{font-size:1rem}.form-group,.form-section h3{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:.625rem .75rem}.form-group small{font-size:.7rem}.btn-primary,.btn-secondary{font-size:.8rem;padding:.625rem 1rem}.pricing-card{padding:.75rem}.pricing-row{padding:.3rem 0}.pricing-label,.pricing-value{font-size:.75rem}.pricing-amount{font-size:.9rem}}@media (max-width:768px){.retry-status{margin:1.25rem 0;padding:1.25rem}.retry-status-content{flex-direction:column;gap:.75rem}.retry-status-icon{font-size:1.25rem}.retry-status-text h4{font-size:1rem}.retry-status-text p{font-size:.9rem}.retry-status-details{font-size:.8rem!important}.btn-retry{justify-content:center;padding:.875rem 1.25rem;width:100%}}@media (max-width:480px){.retry-status{margin:1rem 0;padding:1rem}.retry-status-text h4{font-size:.95rem}.retry-status-text p{font-size:.85rem}.retry-status-details{font-size:.75rem!important}.btn-retry{font-size:.85rem;padding:.75rem 1rem}}.search-status{align-items:center;animation:slideDown .3s ease-out;border-radius:6px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.search-status.searching{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.search-status.found{background-color:#dcfce7;border:1px solid #86efac;color:#166534}.search-status.error{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.search-indicator{align-items:center;display:flex;font-size:1rem}.search-message{flex:1 1}.input-status+.search-status{margin-top:.5rem}.search-status:not(.searching):not(.found):not(.error){display:none}.snackbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:80vh;max-width:600px;min-width:300px;opacity:1;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.snackbar.exiting{opacity:0;transform:translateX(100%)}.snackbar-content{flex:1 1;gap:12px;min-height:0;overflow:hidden;padding:16px 20px}.snackbar-content,.snackbar-icon{align-items:flex-start;display:flex}.snackbar-icon{flex-shrink:0;font-size:1.25rem;height:24px;justify-content:center;padding-top:2px;width:24px}.snackbar-message{word-wrap:break-word;color:#374151;flex:1 1;font-size:.875rem;font-weight:500;line-height:1.6;max-height:70vh;overflow-wrap:break-word;overflow-y:auto;padding-right:8px;white-space:pre-line}.snackbar-message::-webkit-scrollbar{width:6px}.snackbar-message::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.snackbar-message::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.snackbar-message::-webkit-scrollbar-thumb:hover{background:#0000004d}.snackbar-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.snackbar-close:hover{background:#f3f4f6;color:#374151}.snackbar-close:focus{background:#e5e7eb;color:#111827;outline:none}.snackbar.success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-left:4px solid #10b981}.snackbar.success .snackbar-message{color:#065f46}.snackbar.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444}.snackbar.error .snackbar-message{color:#991b1b}.snackbar.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f59e0b}.snackbar.warning .snackbar-message{color:#92400e}.snackbar.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.snackbar.info .snackbar-message{color:#1e40af}.snackbar+.snackbar{margin-top:12px}@media (max-width:640px){.snackbar{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.snackbar-content{align-items:flex-start;padding:14px 16px}.snackbar-message{font-size:.8rem;white-space:pre-line}}@media (prefers-color-scheme:dark){.snackbar{background:#1f2937;border-color:#374151}.snackbar,.snackbar-message{color:#f9fafb}.snackbar-close{color:#9ca3af}.snackbar-close:hover{background:#374151;color:#f9fafb}.snackbar-close:focus{background:#4b5563;color:#f9fafb}.snackbar.success{background:linear-gradient(135deg,#064e3b,#065f46)}.snackbar.error{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.snackbar.warning{background:linear-gradient(135deg,#78350f,#92400e)}.snackbar.info{background:linear-gradient(135deg,#1e3a8a,#1e40af)}}.admin-login{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0a1929,#1a2332 25%,#2d3748 50%,#1a2332 75%,#0a1929);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.admin-login:before{animation:particleFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#064e3b66 0,#0000 40%),radial-gradient(circle at 80% 70%,#10b9814d 0,#0000 40%),radial-gradient(circle at 50% 50%,#064e3b33 0,#0000 50%),radial-gradient(circle at 10% 80%,#22c55e40 0,#0000 40%);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}@keyframes particleFloat{0%,to{opacity:.8;transform:translate(0) scale(1)}33%{opacity:.6;transform:translate(30px,-30px) scale(1.1)}66%{opacity:.7;transform:translate(-20px,20px) scale(.9)}}.admin-login:after{animation:orbFloat 25s ease-in-out infinite;background:radial-gradient(circle,#064e3b26 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-300px;top:-300px;width:600px}@keyframes orbFloat{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(-100px,100px) scale(1.2)}}.login-container{animation:slideUpFade .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#fffffffa;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 32px 64px #0000004d,0 0 0 1px #fff3,inset 0 1px 0 #fff9;max-width:480px;padding:3.5rem 3rem;position:relative;width:100%;z-index:1}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:2.5rem;text-align:center}.logo-section{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.admin-logo{-webkit-text-fill-color:#0000;animation:logoFloat 4s ease-in-out infinite,gradientMove 3s ease infinite;background:linear-gradient(135deg,#064e3b,#10b981 50%,#065f46);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 8px 16px rgba(6,78,59,.3));font-size:5rem;line-height:1;position:relative}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#064e3b,#065f46);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.2;margin:0;text-shadow:0 4px 12px #064e3b26}.logo-section p{color:#64748b;font-size:.95rem;font-weight:600;letter-spacing:1.5px;margin:0;opacity:.8;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{gap:.75rem;position:relative}.form-group label{align-items:center;color:#1e293b;display:flex;font-weight:700;gap:.5rem;letter-spacing:.025em;margin-bottom:.25rem}.form-group label:before{background:linear-gradient(135deg,#064e3b,#10b981);border-radius:2px;content:"";height:16px;opacity:0;transition:opacity .3s ease;width:4px}.form-group:has(input:focus) label:before,.form-group:has(input:not(:placeholder-shown)) label:before{opacity:1}.form-group input{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-sizing:border-box;color:#1e293b;font-size:1rem;font-weight:500;padding:1.125rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 4px 12px #064e3b26;outline:none;transform:translateY(-2px)}.form-group input:hover:not(:focus):not(:disabled){background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.form-group input:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;transform:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3.5rem}.password-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;opacity:.7;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease}.password-toggle:hover:not(:disabled){background:#064e3b1a;color:#064e3b;opacity:1;transform:scale(1.1)}.password-toggle:active:not(:disabled){transform:scale(.95)}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.error-message{align-items:center;animation:errorShake .5s cubic-bezier(.36,.07,.19,.97);background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:14px;box-shadow:0 4px 12px #ef444426;color:#991b1b;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:1rem 1.25rem}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.error-icon{animation:pulse 2s ease-in-out infinite;flex-shrink:0;font-size:1.25rem}.login-actions{display:flex;gap:1rem;margin-top:.5rem}.login-btn{align-items:center;background:linear-gradient(135deg,#064e3b,#10b981 50%,#065f46);background-size:200% 200%;border:none;border-radius:16px;box-shadow:0 8px 24px #064e3b4d,0 0 0 0 #10b98100;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.05rem;font-size:.95rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){background-position:100% 50%;box-shadow:0 12px 32px #064e3b66,0 0 0 4px #10b98133;transform:translateY(-3px)}.login-btn:active:not(:disabled){box-shadow:0 6px 20px #064e3b4d,0 0 0 2px #10b98133;transform:translateY(-1px)}.login-btn:disabled{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.back-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1.25rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:before{background:#064e3b1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.back-btn:hover:before{height:300px;width:300px}.back-btn:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;box-shadow:0 4px 12px #10b98126;color:#065f46;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}.loading-spinner{animation:spin .8s linear infinite;border:2.5px solid #ffffff4d;height:20px;width:20px}.login-footer{border-top:2px solid #f1f5f9;margin-top:2.5rem;padding-top:2rem;position:relative;text-align:center}.login-footer:before{background:linear-gradient(90deg,#0000,#10b981,#0000);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.login-footer p{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:1.25rem}.security-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.badge{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;border-radius:24px;box-shadow:0 2px 8px #064e3b1a;color:#065f46;font-size:.8rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:.625rem 1.125rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.badge:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.badge:hover:before{left:100%}.badge:hover{border-color:#10b981;box-shadow:0 6px 16px #064e3b33;transform:translateY(-2px)}@media (min-width:1400px){.login-container{max-width:520px;padding:4rem 3.5rem}.logo-section h1{font-size:2.75rem}.admin-logo{font-size:5.5rem}.form-group input{font-size:1.05rem;padding:1.25rem 1.75rem}.login-btn{padding:1.375rem 2.75rem}}@media (min-width:1200px) and (max-width:1399px){.login-container{max-width:500px;padding:3.5rem 3rem}}@media (max-width:1024px){.admin-login{padding:1.5rem}.login-container{max-width:480px;padding:3rem 2.5rem}}@media (max-width:768px){.admin-login{padding:1rem}.login-container{border-radius:24px;max-width:100%;padding:2.5rem 2rem}.admin-logo{font-size:4rem}.logo-section h1{font-size:2rem}.logo-section p{font-size:.85rem}.form-group input{border-radius:14px;font-size:.95rem;padding:1rem 1.25rem}.login-btn{padding:1.125rem 2rem}.back-btn,.login-btn{border-radius:14px;font-size:.9rem}.back-btn{padding:1.125rem 1.5rem}.login-actions{flex-direction:column}.security-badges{gap:.5rem}.badge{font-size:.75rem;padding:.5rem 1rem}}@media (max-width:480px){.login-container{border-radius:20px;padding:2rem 1.5rem}.admin-logo{font-size:3.5rem}.logo-section h1{font-size:1.75rem}.logo-section p{font-size:.8rem}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input{border-radius:12px;font-size:.9rem;padding:.875rem 1.125rem}.password-toggle{font-size:1.1rem;right:.75rem}.login-btn{padding:1rem 1.75rem}.back-btn,.login-btn{border-radius:12px;font-size:.875rem}.back-btn{padding:1rem 1.5rem}.error-message{border-radius:12px;font-size:.85rem;padding:.875rem 1rem}.login-footer{margin-top:2rem;padding-top:1.5rem}.login-footer p{font-size:.8rem}.security-badges{gap:.4rem}.badge{font-size:.7rem;padding:.45rem .875rem}}@media (prefers-color-scheme:dark){.login-container{background:#0f172afa;border-color:#ffffff1a;box-shadow:0 32px 64px #00000080,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text}.form-group label{color:#e2e8f0}.form-group input{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;color:#f1f5f9}.form-group input:focus{background:#1e293b;border-color:#10b981;box-shadow:0 0 0 4px #10b98126,0 4px 12px #064e3b4d}.form-group input:hover:not(:focus):not(:disabled){background:#1e293b;border-color:#64748b}.password-toggle{color:#94a3b8}.password-toggle:hover:not(:disabled){background:#10b98126;color:#10b981}.login-footer{border-top-color:#475569}.back-btn,.login-footer p{color:#94a3b8}.back-btn{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.back-btn:hover{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;color:#10b981}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.admin-login:after,.admin-login:before{animation:none}}@media print{.admin-login{background:#fff}.login-container{border:1px solid #e2e8f0;box-shadow:none}}.sidebar{background:linear-gradient(180deg,#064e3b,#065f46);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:200}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem}.sidebar.collapsed .collapse-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.sidebar-header{border-bottom:1px solid #ffffff1a;gap:1rem;justify-content:space-between;min-height:80px;padding:1.5rem 1rem;position:relative}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{flex:1 1;gap:.75rem}.logo-icon{align-items:center;animation:logoGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:2rem;height:50px;justify-content:center;min-width:50px;padding:.5rem}@keyframes logoGlow{0%,to{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 4px 20px #10b9814d}}.logo-text{display:flex;flex-direction:column;gap:.125rem;opacity:1;transition:opacity .3s ease}.logo-text h2{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin:0;text-shadow:0 2px 4px #0003}.logo-text span{color:#fffc;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.collapse-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .3s ease;width:36px;z-index:10}.collapse-btn:active{transform:scale(.95)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 0}.nav-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;background:none;border:none;border-radius:0;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-link:hover:not(.active){background:#ffffff08;color:#ffffffe6}.nav-link.active{background:#ffffff26;color:#fff;font-weight:600}.nav-link.active:before{background:linear-gradient(180deg,#10b981,#059669);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{align-items:center;display:flex;justify-content:center;min-width:24px}.nav-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;opacity:1;transition:opacity .3s ease}.nav-label{color:#fff;font-size:.95rem;font-weight:inherit;line-height:1.2}.nav-description{color:#fff9;font-size:.75rem;font-weight:400;line-height:1.2}.active-indicator{animation:activePulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;height:6px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:6px}@keyframes activePulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-content{opacity:0;pointer-events:none}.sidebar.collapsed .nav-link{justify-content:center;padding:1rem .5rem}.sidebar.collapsed .active-indicator{right:.5rem}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1rem}.user-section{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.user-section:hover{background:#ffffff14}.user-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;box-shadow:0 2px 8px #0003;font-size:1.1rem;height:40px;width:40px}.user-info{flex:1 1;flex-direction:column;gap:.125rem;opacity:1;transition:opacity .3s ease}.user-name{color:#fff;font-size:.9rem;line-height:1.2}.user-role{color:#ffffffb3;font-size:.75rem;line-height:1.2}.footer-actions{display:flex;flex-direction:column;gap:.5rem}.back-to-main-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:flex-start;padding:.75rem;transition:all .3s ease;width:100%}.back-icon{flex-shrink:0;font-size:1rem}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.logout-btn:active{transform:translateY(0)}.logout-icon{flex-shrink:0;font-size:1rem}.sidebar.collapsed .user-info{opacity:0;pointer-events:none}.sidebar.collapsed .logout-btn,.sidebar.collapsed .user-section{justify-content:center;padding:.75rem .5rem}.sidebar.collapsed .logout-btn span:not(.logout-icon){display:none}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:36px;z-index:10}.mobile-close-btn:active{transform:scale(.95)}@media (max-width:1024px){.sidebar{box-shadow:4px 0 30px #0000004d;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:clamp(260px,70vw,280px)}.sidebar.mobile-open{transform:translateX(0)}.mobile-close-btn{display:flex;height:clamp(32px,8vw,36px);min-height:clamp(32px,8vw,36px);min-width:clamp(32px,8vw,36px);width:clamp(32px,8vw,36px)}.collapse-btn{display:none}.sidebar.collapsed{width:clamp(260px,70vw,280px)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-content,.sidebar.collapsed .user-info{opacity:1;pointer-events:auto}.sidebar.collapsed .nav-link{justify-content:flex-start;padding:clamp(.875rem,2vw,1rem)}.sidebar.collapsed .user-section{justify-content:flex-start;padding:clamp(.625rem,1.5vw,.75rem)}.sidebar.collapsed .logout-btn{justify-content:flex-start;padding:clamp(.625rem,1.5vw,.75rem) clamp(.875rem,2vw,1rem)}.sidebar.collapsed .logout-btn span:not(.logout-icon){display:inline}.sidebar-header{min-height:clamp(70px,12vw,80px);padding:clamp(1.25rem,3vw,1.5rem) clamp(.875rem,2vw,1rem)}.logo-icon{font-size:clamp(1.5rem,4vw,2rem);height:clamp(40px,10vw,50px);min-width:clamp(40px,10vw,50px)}.logo-text h2{font-size:clamp(1.25rem,3.5vw,1.5rem)}.nav-link{font-size:clamp(.875rem,2.2vw,.95rem);padding:clamp(.875rem,2vw,1rem)}.nav-icon{font-size:clamp(1.1rem,2.8vw,1.25rem)}}@media (max-width:768px){.sidebar{width:clamp(240px,75vw,260px)}.sidebar-header{min-height:clamp(65px,10vw,75px);padding:clamp(1rem,2.5vw,1.25rem) clamp(.625rem,1.5vw,.75rem)}.logo-icon{font-size:clamp(1.5rem,4.5vw,1.75rem);height:clamp(40px,9vw,45px);min-width:clamp(40px,9vw,45px)}.logo-text h2{font-size:clamp(1.1rem,3.2vw,1.25rem)}.logo-text span{font-size:clamp(.65rem,1.8vw,.75rem)}.nav-link{font-size:clamp(.85rem,2.2vw,.9rem);padding:clamp(.75rem,2vw,.875rem)}.nav-icon{font-size:clamp(1rem,2.5vw,1.1rem);min-width:clamp(20px,5vw,24px)}.nav-label{font-size:clamp(.85rem,2.2vw,.9rem)}.nav-description{font-size:clamp(.65rem,1.8vw,.75rem)}.user-avatar{font-size:clamp(.9rem,2.2vw,1rem);height:clamp(32px,7vw,35px);width:clamp(32px,7vw,35px)}.user-name{font-size:clamp(.8rem,2vw,.85rem)}.user-role{font-size:clamp(.65rem,1.8vw,.7rem)}.logout-btn{font-size:clamp(.85rem,2.2vw,.9rem);padding:clamp(.625rem,1.5vw,.75rem) clamp(.875rem,2vw,1rem)}}@media (max-width:480px){.sidebar{width:clamp(220px,80vw,240px)}.sidebar-header{min-height:clamp(60px,9vw,70px);padding:clamp(.875rem,2vw,1rem) clamp(.5rem,1.5vw,.5rem)}.logo-icon{font-size:clamp(1.25rem,4vw,1.5rem);height:clamp(36px,8vw,40px);min-width:clamp(36px,8vw,40px)}.logo-text h2{font-size:clamp(1rem,3vw,1.1rem)}.logo-text span{font-size:clamp(.6rem,1.6vw,.7rem)}.nav-link{font-size:clamp(.8rem,2vw,.85rem);min-height:44px;padding:clamp(.625rem,1.8vw,.75rem)}.nav-icon{font-size:clamp(.95rem,2.4vw,1rem);min-width:clamp(18px,4.5vw,20px)}.nav-label{font-size:clamp(.8rem,2vw,.9rem)}.nav-description{font-size:clamp(.6rem,1.6vw,.7rem)}.user-avatar{font-size:clamp(.85rem,2vw,.9rem);height:clamp(30px,6.5vw,32px);width:clamp(30px,6.5vw,32px)}.user-name{font-size:clamp(.75rem,1.8vw,.8rem)}.user-role{font-size:clamp(.6rem,1.6vw,.65rem)}.logout-btn{font-size:clamp(.8rem,2vw,.85rem);min-height:44px;padding:clamp(.5rem,1.5vw,.625rem) clamp(.75rem,2vw,.75rem)}.user-section{padding:clamp(.5rem,1.5vw,.625rem)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@media (prefers-color-scheme:dark){.sidebar{background:linear-gradient(180deg,#0f172a,#1e293b)}.sidebar-header{border-bottom-color:#ffffff1a}.collapse-btn,.logo-icon{background:#ffffff1a}.collapse-btn{border-color:#fff3}.nav-link.active{background:#ffffff26}.user-section{background:#ffffff0d}.user-avatar{background:linear-gradient(135deg,#fff3,#ffffff1a)}.logout-btn{background:#ef44441a;border-color:#ef444433;color:#fca5a5}}.dashboard-overview{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.stats-card:before{border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.stats-card.blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stats-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.stats-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stats-card.emerald:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stats-card.orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.card-header{justify-content:space-between;margin-bottom:1.5rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:16px;box-shadow:0 4px 12px #0000001a;font-size:2.5rem;justify-content:center;padding:.75rem}.stats-card.blue .card-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.stats-card.green .card-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stats-card.purple .card-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stats-card.emerald .card-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.stats-card.orange .card-icon{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706}.card-change,.change-indicator{align-items:center;display:flex}.change-indicator{border-radius:20px;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem .75rem}.change-indicator.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.change-indicator.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.change-indicator:before{content:"↗";font-size:.75rem}.change-indicator.negative:before{content:"↘"}.card-content{margin-bottom:1.5rem}.card-title{color:#64748b;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.card-value{font-size:2.25rem;font-weight:800;line-height:1;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.card-subtitle{color:#64748b;font-size:.875rem;font-weight:500;margin:0;opacity:.8}.card-footer{margin-top:auto}.progress-bar{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-out;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .8s ease}@keyframes progressFill{0%{width:0}to{width:75%}}.dashboard-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.chart-actions{display:flex;gap:.5rem}.chart-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.chart-btn.active{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b;color:#fff}.chart-content{height:300px}.mock-chart{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.chart-bars{height:80%}.chart-bar{background:linear-gradient(180deg,#10b981,#059669)}.chart-labels{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:500;height:20%;justify-content:space-between}.recent-policies{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.table-header{margin-bottom:1.5rem}.table-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.view-all-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.table-content{max-height:300px;overflow-y:auto}.policies-list{display:flex;flex-direction:column;gap:1rem}.policy-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.policy-info{display:flex;flex-direction:column;gap:.25rem}.policy-id{font-size:.875rem}.policy-client{color:#1e293b;font-size:.9rem;font-weight:600}.policy-vehicle{color:#64748b;font-size:.8rem;font-weight:500}.policy-details{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.policy-premium{color:#059669;font-size:1rem;font-weight:700}.policy-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.policy-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.policy-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.policy-status.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;height:200px;justify-content:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;font-weight:500;margin:0}.quick-actions{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem}.quick-actions h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.action-card:active{box-shadow:0 4px 15px #064e3b26;transform:translateY(0) scale(.98)}.action-card:focus{box-shadow:0 0 0 3px #10b9814d;outline:none}.action-card:focus-visible{outline:2px solid #10b981;outline-offset:2px}.action-icon{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:12px;box-shadow:0 4px 12px #064e3b33;color:#fff;display:flex;flex-shrink:0;font-size:2rem;justify-content:center;padding:.75rem}.action-content h4{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.action-content p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0}.loading-skeleton{display:flex;flex-direction:column;gap:2rem}.skeleton-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skeleton-card{height:200px}.skeleton-card,.skeleton-chart{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:20px}.skeleton-chart{height:400px}.skeleton-table{animation:skeletonLoading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:20px;height:300px}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.dashboard-row{gap:1.5rem;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard-overview{gap:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stats-card{padding:1.5rem}.card-value{font-size:1.75rem}.chart-container,.quick-actions,.recent-policies{padding:1.5rem}.chart-content{height:250px}.actions-grid{gap:1rem;grid-template-columns:1fr}.action-card{padding:1.25rem}.action-icon{font-size:1.75rem;padding:.625rem}}@media (max-width:480px){.stats-card{padding:1.25rem}.card-icon{font-size:2rem;padding:.625rem}.card-value{font-size:1.5rem}.chart-container,.quick-actions,.recent-policies{padding:1.25rem}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-actions{justify-content:space-between;width:100%}.chart-btn{flex:1 1;text-align:center}.policy-item{flex-direction:column;gap:.75rem}.policy-details,.policy-item{align-items:flex-start}.action-card{flex-direction:column;gap:.75rem;text-align:center}}@media (prefers-color-scheme:dark){.chart-container,.quick-actions,.recent-policies,.stats-card{background:#1e293b;border-color:#334155;color:#f1f5f9}.card-title{color:#94a3b8}.card-value,.chart-header h3,.quick-actions h3,.table-header h3{color:#f1f5f9}.chart-btn{background:#334155;border-color:#475569;color:#94a3b8}.chart-btn.active{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff}.view-all-btn{color:#94a3b8}.policy-item,.view-all-btn{background:#334155;border-color:#475569}.policy-client{color:#f1f5f9}.policy-vehicle{color:#94a3b8}.action-card{background:#334155;border-color:#475569}.action-content h4{color:#f1f5f9}.action-content p{color:#94a3b8}}.policies-table{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.export-menu{opacity:0;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.filters-panel{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group input,.filter-group select{background:#fff;border:1px solid #bbf7d0;border-radius:8px;color:#374151;font-size:.9rem;padding:.75rem;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.table-container{max-height:600px;overflow-x:auto;overflow-y:auto}.mobile-policies-cards{display:none;flex-direction:column;gap:1rem;padding:1rem}.policy-card-mobile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.policy-card-mobile:hover{background:#10b98105}.card-checkbox-mobile{flex-shrink:0}.policy-id-mobile{color:#064e3b;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.card-email{color:#64748b;font-size:.8rem}.card-cover-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.cover-type-mobile{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:4px;color:#064e3b;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.vehicle-class-mobile{color:#64748b;font-size:.75rem}.policies-table-content{border-collapse:collapse;font-size:.9rem;width:100%}.policies-table-content thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.policies-table-content th{border-bottom:2px solid #e2e8f0;color:#374151;cursor:pointer;font-weight:600;padding:1rem;position:relative;text-align:left;transition:all .3s ease;white-space:nowrap}.policies-table-content th:hover{background:#10b98108}.policies-table-content th:first-child{cursor:default}.sort-indicator{color:#10b981;font-weight:700;margin-left:.5rem}.policies-table-content tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.policies-table-content tbody tr:hover{background:#10b98105}.policies-table-content td{padding:1rem;vertical-align:middle;white-space:nowrap}.policy-id{color:#064e3b;font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.client-info{display:flex;flex-direction:column;gap:.25rem}.client-name{color:#1e293b;font-weight:600}.client-email{color:#64748b;font-size:.8rem}.vehicle-info{display:flex;flex-direction:column;gap:.25rem}.vehicle-reg{color:#1e293b;font-family:Courier New,monospace;font-weight:600}.vehicle-details{color:#64748b;font-size:.8rem}.cover-info{display:flex;flex-direction:column;gap:.25rem}.cover-type{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:4px;color:#064e3b;font-size:.8rem;min-width:40px;padding:.25rem .5rem}.vehicle-class{color:#64748b;font-size:.8rem}.premium-amount{font-size:1rem}.status-badge{font-size:.75rem;letter-spacing:.5px;min-width:70px;text-transform:uppercase}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.status-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.status-cancelled,.status-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.date-info{color:#64748b;font-size:.85rem}.action-btn{border:none;border-radius:6px;height:32px;width:32px}.view-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff;transform:scale(1.1)}.edit-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.edit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;transform:scale(1.1)}.download-btn{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);color:#fff;transform:scale(1.1)}.pagination,.pagination-settings{gap:1rem}.rows-per-page{align-items:center;display:flex;gap:.5rem}.rows-per-page label{color:#64748b;font-size:.9rem;font-weight:500;white-space:nowrap}.rows-selector{color:#64748b;font-weight:500;min-width:60px;padding:.5rem .75rem}.rows-selector:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#065f46}.pagination-controls{gap:.5rem}.pagination-btn{padding:.5rem 1rem}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#065f46}.page-numbers{display:flex;gap:.25rem}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;min-width:40px;padding:.5rem .75rem;transition:all .3s ease}.page-btn:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#065f46;transform:translateY(-1px)}.page-btn.active{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b;box-shadow:0 2px 8px #064e3b33;color:#fff}@media (max-width:1024px){.table-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.filters-panel{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pagination{align-items:center;flex-direction:column;gap:1rem}.pagination-settings{order:2}.pagination-controls{order:3}}@media (max-width:768px){.desktop-view{display:none!important}.mobile-policies-cards{display:flex!important}.table-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.header-left{width:100%}.header-left h2{font-size:1.5rem}.header-left p{font-size:.9rem}.header-right{flex-direction:column;gap:.75rem;width:100%}.export-btn,.filter-btn{justify-content:center;width:100%}.filters-panel{padding:1rem}.filter-group{width:100%}.filter-group label{font-size:.85rem}.filter-group input,.filter-group select{font-size:.9rem;padding:.625rem}.pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{font-size:.85rem;text-align:center}.pagination-settings{gap:.75rem;width:100%}.rows-per-page{width:100%}.pagination-controls{justify-content:center;width:100%}.pagination-btn{font-size:.85rem;padding:.5rem .75rem}.filters-panel{grid-template-columns:1fr;padding:1rem 1.5rem}.policies-table-content{font-size:.8rem}.policies-table-content td,.policies-table-content th{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{font-size:.8rem;height:28px;width:28px}.pagination{padding:1rem 1.5rem}.pagination-settings{flex-direction:column;gap:.5rem}.rows-per-page{align-items:center;flex-direction:column;gap:.25rem}.rows-per-page label,.rows-selector{font-size:.8rem}.rows-selector{padding:.4rem .6rem}.page-numbers{flex-wrap:wrap;justify-content:center}.page-btn{font-size:.8rem;min-width:35px;padding:.4rem .6rem}}@media (max-width:480px){.table-header{padding:1rem}.header-left h2{font-size:1.25rem}.header-left p{font-size:.85rem}.export-btn,.filter-btn{font-size:.85rem;padding:.625rem 1rem}.mobile-policies-cards{gap:.75rem;padding:.75rem}.policy-card-mobile{border-radius:12px}.card-header-mobile{flex-wrap:wrap;padding:.75rem}.card-body-mobile{gap:.5rem;padding:.75rem}.card-row-mobile{flex-direction:column;gap:.25rem;padding:.5rem 0}.card-label{font-size:.8rem;min-width:auto}.card-value{font-size:.85rem;text-align:left}.card-footer-mobile{padding:.75rem}.view-btn-mobile{font-size:.85rem;padding:.625rem}.pagination{padding:.75rem}.filters-panel{padding:1rem}.policies-table-content{font-size:.75rem}.policies-table-content td,.policies-table-content th{padding:.5rem .25rem}.client-info,.cover-info,.vehicle-info{gap:.125rem}.client-name,.vehicle-reg{font-size:.8rem}.client-email,.cover-type,.vehicle-class,.vehicle-details{font-size:.7rem}.cover-type{min-width:35px;padding:.2rem .4rem}.status-badge{font-size:.7rem;min-width:60px;padding:.3rem .6rem}.premium-amount{font-size:.9rem}.date-info{font-size:.75rem}.action-btn{font-size:.7rem;height:24px;width:24px}.pagination{padding:1rem}.pagination-info{font-size:.8rem}.rows-per-page label,.rows-selector{font-size:.75rem}.rows-selector{min-width:50px;padding:.3rem .5rem}.pagination-btn{font-size:.8rem;padding:.4rem .75rem}.page-btn{font-size:.75rem;min-width:30px;padding:.3rem .5rem}}@media (prefers-color-scheme:dark){.policies-table{background:#1e293b;border-color:#334155}.table-header{background:linear-gradient(135deg,#334155,#475569);border-bottom-color:#475569}.header-left h2{color:#f1f5f9}.filter-btn,.header-left p{color:#94a3b8}.filter-btn{background:#334155;border-color:#475569}.filter-btn:hover{background:#064e3b;border-color:#10b981;color:#f1f5f9}.filters-panel{background:linear-gradient(135deg,#064e3b,#065f46);border-bottom-color:#10b981}.filter-group label{color:#f1f5f9}.filter-group input,.filter-group select{background:#334155;border-color:#475569;color:#f1f5f9}.filter-group input:focus,.filter-group select:focus{border-color:#10b981}.policies-table-content thead{background:linear-gradient(135deg,#334155,#475569)}.policies-table-content th{border-bottom-color:#475569;color:#f1f5f9}.policies-table-content th:hover{background:linear-gradient(135deg,#064e3b,#065f46);color:#f1f5f9}.policies-table-content tbody tr{border-bottom-color:#475569}.policies-table-content tbody tr:hover{background:linear-gradient(135deg,#334155,#475569)}.client-name,.vehicle-reg{color:#f1f5f9}.client-email,.vehicle-class,.vehicle-details{color:#94a3b8}.premium-amount{color:#10b981}.date-info{color:#94a3b8}.pagination{background:linear-gradient(135deg,#334155,#475569);border-top-color:#475569}.pagination-info{color:#94a3b8}.pagination-btn{background:#1e293b;border-color:#475569;color:#94a3b8}.pagination-btn:hover:not(:disabled){background:#064e3b;border-color:#10b981;color:#f1f5f9}.page-btn{background:#1e293b;border-color:#475569;color:#94a3b8}}.modal-container{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:800px;width:90%}.modal-container,.modal-header{overflow:hidden;position:relative}.modal-header{background:linear-gradient(135deg,#10b981,#059669)}.modal-header:before{animation:shimmer 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translateX(-100%) translateY(-100%) rotate(0deg)}50%{transform:translateX(0) translateY(0) rotate(180deg)}}.modal-title h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.policy-id{border-radius:12px;font-size:1rem;font-weight:500;opacity:.9;padding:.5rem 1rem}.modal-close,.policy-id{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.modal-close{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);max-height:60vh;padding:2rem}.policy-sections{display:flex;flex-direction:column;gap:1.5rem}.policy-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.policy-section:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.policy-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.section-header{border-bottom:2px solid #f1f5f9;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;box-shadow:0 4px 12px #10b98133;font-size:1.5rem;height:40px;justify-content:center;width:40px}.section-header h3{font-size:1.25rem;font-weight:600;margin:0}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.info-item span:hover{background:#f1f5f9;border-color:#cbd5e1}.info-item .highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#065f46;font-weight:600}.cover-type{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:600;min-width:60px;padding:.5rem 1rem;text-align:center}.cover-type.tpo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.cover-type.tor,.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.premium-amount{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#059669;font-size:1.25rem;font-weight:700}.modal-footer{gap:1rem}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.modal-btn.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.modal-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.modal-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.modal-btn.primary:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}@media (max-width:768px){.modal-container{border-radius:16px;max-height:95vh;width:95%}.modal-header{padding:1.5rem}.modal-title h2{font-size:1.5rem}.modal-content{padding:1.5rem}.info-grid{gap:1rem;grid-template-columns:1fr}.policy-section{padding:1rem}.section-header{gap:.75rem;margin-bottom:1rem}.section-icon{font-size:1.25rem;height:32px;width:32px}.modal-footer{flex-direction:column;padding:1.5rem}.modal-btn{width:100%}}@media (max-width:480px){.modal-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.modal-content,.modal-header{padding:1rem}.policy-section{padding:.75rem}.info-item span{font-size:.9rem;padding:.5rem .75rem}}.declarations-table-container{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem}.header-left h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.header-left p{font-size:1rem}.header-right{gap:1rem}.search-wrapper{align-items:center;display:flex;max-width:400px;min-width:250px;position:relative}.search-icon{color:#64748b;font-size:1rem;left:1rem;pointer-events:none;position:absolute;z-index:1}.search-input{border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;padding:.75rem 2.5rem .75rem 2.75rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;justify-content:center;line-height:1;padding:.25rem .5rem;position:absolute;right:.5rem;transition:all .2s ease}.clear-search-btn:hover{background:#f1f5f9;color:#dc3545}.filter-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.filter-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1}.filter-btn.active{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b;box-shadow:0 2px 8px #064e3b33;color:#fff}.filter-btn.has-filters{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;color:#065f46}.filter-badge{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-left:.25rem;width:20px}.export-dropdown{position:relative}.export-btn{background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:10px;box-shadow:0 4px 12px #064e3b33;color:#fff;padding:.75rem 1.5rem}.export-menu{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 25px #00000026;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:100}.export-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.export-menu button:first-child{border-radius:10px 10px 0 0}.export-menu button:last-child{border-radius:0 0 10px 10px}.export-menu button:hover{background:#f8f9fa}.active-filters-bar{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 2rem}.active-filters-label{color:#065f46;font-size:.875rem;font-weight:600;white-space:nowrap}.filter-chips{display:flex;flex:1 1;flex-wrap:wrap}.filter-chip,.filter-chips{align-items:center;gap:.5rem}.filter-chip{background:#fff;border:1px solid #10b981;border-radius:20px;color:#065f46;display:inline-flex;font-size:.85rem;font-weight:500;padding:.5rem .875rem}.chip-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:1.2rem;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:18px}.chip-remove:hover{background:#fee2e2;color:#991b1b}.clear-all-filters-chip{background:#0000;border:1px solid #dc3545;border-radius:20px;color:#dc3545;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.clear-all-filters-chip:hover{background:#dc3545;color:#fff}.filters-panel{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1px solid #bbf7d0;box-sizing:border-box;display:block!important;opacity:1!important;padding:1.5rem 2rem;position:relative;visibility:visible!important;width:100%;z-index:10}.filters-header{align-items:center;border-bottom:2px solid #bbf7d0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-title{color:#064e3b;font-size:1.25rem;font-weight:700;margin:0}.filters-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.filters-close-btn:hover{background:#dc26261a;color:#dc3545}.filters-grid-compact{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.filter-group{gap:.375rem}.filter-group label{align-items:center;display:flex;gap:.5rem;letter-spacing:.3px;margin-bottom:.5rem;text-transform:none}.label-icon{font-size:1rem}.date-range-group{grid-column:span 2}.date-range-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.date-input-wrapper{display:flex;flex-direction:column;gap:.375rem}.date-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.date-input-compact,.filter-group select{background:#fff;border:1px solid #bbf7d0;border-radius:6px;color:#374151;font-size:.85rem;padding:.5rem .75rem;transition:all .3s ease;width:100%}.date-input-compact:focus,.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a;outline:none}.filter-actions{align-items:flex-end;display:flex}.clear-all-filters-btn-compact{background:#0000;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.8rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.5rem 1rem;transition:all .3s ease;width:100%}.clear-all-filters-btn-compact:hover:not(:disabled){background:#dc3545;color:#fff}.clear-all-filters-btn-compact:disabled{cursor:not-allowed;opacity:.5}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#064e3b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #bbf7d0;border-radius:8px;color:#374151;font-size:.9rem;padding:.75rem;transition:all .3s ease}.filter-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;flex:1 1 auto;margin:0;max-height:calc(100vh - 400px);max-width:100%;min-width:0;overflow-x:auto;overflow-y:auto;position:relative;width:100%;z-index:1}.declarations-table{border-collapse:collapse;box-sizing:border-box;font-size:.9rem;min-width:1200px;table-layout:fixed;width:100%}@media (max-width:1400px){.declarations-table{min-width:1200px}}@media (max-width:1200px){.declarations-table{min-width:1000px}.declarations-table td,.declarations-table th{font-size:.85rem;padding:.75rem .5rem}}@media (max-width:1024px){.table-wrapper{max-height:calc(100vh - 350px)}.declarations-table{min-width:900px}.declarations-table td,.declarations-table th{font-size:.8rem;padding:.625rem .5rem}}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.declarations-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.declarations-table th{border-bottom:2px solid #e2e8f0;box-sizing:border-box;color:#374151;cursor:pointer;font-weight:600;max-width:250px;min-width:100px;padding:1rem .75rem;text-align:left;transition:all .3s ease;white-space:nowrap}.declarations-table td:first-child,.declarations-table th:first-child{min-width:60px;width:60px}.declarations-table td:nth-child(2),.declarations-table th:nth-child(2){min-width:140px;width:140px}.declarations-table td:nth-child(3),.declarations-table th:nth-child(3){min-width:120px;width:120px}.declarations-table td:nth-child(4),.declarations-table th:nth-child(4){min-width:180px;width:180px}.declarations-table td:nth-child(5),.declarations-table th:nth-child(5){min-width:100px;width:100px}.declarations-table td:nth-child(6),.declarations-table th:nth-child(6){min-width:180px;width:180px}.declarations-table td:nth-child(7),.declarations-table td:nth-child(8),.declarations-table th:nth-child(7),.declarations-table th:nth-child(8){min-width:110px;width:110px}.declarations-table td:nth-child(9),.declarations-table th:nth-child(9){min-width:120px;width:120px}.declarations-table td:nth-child(10),.declarations-table th:nth-child(10){min-width:140px;width:140px}.declarations-table td:nth-child(11),.declarations-table th:nth-child(11){min-width:100px;width:100px}.declarations-table th:hover{background:#10b98108}.declarations-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.declarations-table tbody tr:hover{background:#10b98105}.declarations-table td{max-width:250px;overflow:hidden;padding:1rem .75rem;vertical-align:middle}.cell-text{cursor:help;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-text,.declarations-table td{position:relative}.declarations-table td[title]:hover:after{word-wrap:break-word;background:#1e293b;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:.85rem;left:50%;line-height:1.5;max-width:350px;min-width:150px;padding:.75rem 1rem;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);white-space:normal;width:-webkit-max-content;width:max-content;z-index:1000}.declarations-table td[title]:hover:before{border:5px solid #0000;border-top-color:#1e293b;bottom:calc(100% - 5px);content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1001}.certificate-cell{color:#064e3b;font-family:Courier New,monospace;font-weight:600}.cert-type-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;max-width:100%;min-width:120px;overflow:hidden;padding:.4rem .8rem;text-align:center;text-transform:uppercase}.cert-type-badge .cell-text{display:inline}.cert-type-badge.type-a{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.cert-type-badge.type-b{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.cert-type-badge.type-c{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.cert-type-badge.type-d{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.premium-cell{color:#059669;font-size:1rem;font-weight:700}.view-btn{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:none;border-radius:8px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.view-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 2px 4px #1d4ed833;transform:translateY(-1px)}.no-data,.view-icon{font-size:1rem}.no-data{color:#64748b;padding:3rem 1rem}.pagination{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:1.5rem 2rem}.pagination-info{color:#64748b;flex:1 1;font-size:.9rem;font-weight:500;min-width:200px}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.page-numbers{color:#374151;font-size:.9rem;font-weight:600;padding:0 .5rem}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.625rem 1.25rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pagination-settings{align-items:center;display:flex;gap:.75rem}.pagination-settings label{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.rows-selector{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;padding:.625rem .875rem;transition:all .3s ease}.rows-selector:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.pagination-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;transform:none}.modal-overlay{animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:900px;overflow:hidden;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff;padding:2rem}.modal-header h3{font-size:1.75rem;font-weight:700}.close-btn{background:#fff3;color:#fff;font-size:1.2rem;font-weight:700;height:40px;transition:all .3s ease;width:40px}.modal-body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);max-height:60vh;overflow-y:auto;padding:2rem}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease}.status-badge{font-size:.875rem;min-width:80px;padding:.5rem 1rem;text-align:center}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.premium-value{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;color:#059669;font-size:1.25rem;font-weight:700}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:2rem}.close-modal-btn{background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:12px;box-shadow:0 4px 12px #064e3b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.desktop-view{display:block}.mobile-declarations-cards{display:none;flex-direction:column;gap:1rem;padding:1rem}.declaration-card-mobile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.declaration-card-mobile:hover{background:#10b98105;box-shadow:0 4px 12px #0000001f}.card-header-mobile{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem}.card-title-mobile{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.certificate-number-mobile{color:#064e3b;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;word-break:break-all}.cert-type-badge-mobile{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.cert-type-badge-mobile.type-a{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.cert-type-badge-mobile.type-b{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.cert-type-badge-mobile.type-c{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.cert-type-badge-mobile.type-d{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#6b21a8}.card-body-mobile{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.card-row-mobile{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.card-row-mobile:last-child{border-bottom:none}.card-label{color:#64748b;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:100px}.card-value{color:#1e293b;flex:1 1;font-size:.9rem;text-align:right;word-break:break-word}.policy-number-mobile{color:#064e3b;font-family:Courier New,monospace;font-weight:600}.vehicle-number-mobile{color:#059669;font-weight:600}.premium-mobile{color:#059669;font-size:1rem;font-weight:700}.card-footer-mobile{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #f1f5f9;padding:1rem}.view-btn-mobile{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:10px;box-shadow:0 2px 8px #064e3b33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.view-btn-mobile:hover{box-shadow:0 4px 12px #064e3b4d;transform:translateY(-2px)}.view-btn-mobile:active{transform:translateY(0)}.view-icon{font-size:1.1rem}.no-data-mobile{background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#64748b;padding:2rem;text-align:center}.no-data-mobile p{font-size:.9rem;margin:0}@media (max-width:1024px){.table-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.search-wrapper{flex:1 1;max-width:none}}@media (max-width:768px){.desktop-view{display:none!important}.mobile-declarations-cards{display:flex!important}.table-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}.header-left{width:100%}.header-left h2{font-size:1.5rem}.header-left p{font-size:.9rem}.header-right{flex-direction:column;gap:.75rem;width:100%}.search-wrapper{max-width:100%;width:100%}.export-btn,.filter-btn{justify-content:center;width:100%}.active-filters-bar{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.active-filters-label{font-size:.8rem}.filter-chips{width:100%}.filter-chip{font-size:.8rem;padding:.4rem .75rem}.filters-panel{padding:1rem}.filters-header{margin-bottom:1rem;padding-bottom:.75rem}.filters-title{font-size:1.1rem}.filters-grid-compact{gap:1rem}.date-range-group{grid-column:span 1}.date-range-inputs{gap:.75rem;grid-template-columns:1fr}.filter-group{width:100%}.filter-group label{font-size:.875rem}.filter-group input,.filter-group select{font-size:.875rem;padding:.625rem}.mobile-declarations-cards{gap:.75rem;padding:.75rem}.declaration-card-mobile{border-radius:12px}.card-header-mobile{flex-wrap:wrap;padding:.75rem}.card-title-mobile{align-items:flex-start;flex-direction:column;gap:.5rem}.certificate-number-mobile{font-size:.85rem}.cert-type-badge-mobile{font-size:.7rem;padding:.3rem .6rem}.card-body-mobile{gap:.5rem;padding:.75rem}.card-row-mobile{flex-direction:column;gap:.25rem;padding:.5rem 0}.card-label{font-size:.8rem;min-width:auto}.card-value{font-size:.85rem;text-align:left}.card-footer-mobile{padding:.75rem}.view-btn-mobile{font-size:.85rem;padding:.625rem}.pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-info{font-size:.875rem;text-align:center;width:100%}.pagination-controls{flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.page-numbers,.pagination-btn{font-size:.875rem}.pagination-btn{min-width:auto;padding:.5rem .75rem}.pagination-settings{flex-wrap:wrap;justify-content:center;width:100%}.filters-grid-compact{gap:.75rem;grid-template-columns:1fr}.filter-group label{font-size:.7rem}.date-input-compact,.filter-group select{font-size:.8rem;padding:.5rem}.clear-all-filters-btn-compact{font-size:.75rem;padding:.5rem}.modal-content{margin:2.5vh auto;max-height:95vh;max-width:95%;width:95%}.modal-header{padding:1rem}.modal-header h3{font-size:1.25rem}.modal-body{max-height:calc(95vh - 120px);overflow-y:auto;padding:1rem}.detail-grid{gap:1rem;grid-template-columns:1fr}.detail-item{padding:.75rem}.detail-label,.detail-value{font-size:.875rem}}@media (max-width:480px){.declarations-table-container{border-radius:8px;margin:.25rem}.table-header{gap:.5rem;padding:.75rem}.header-left h2{font-size:1.25rem;margin-bottom:.25rem}.header-left p{font-size:.8rem}.header-right{gap:.5rem}.search-input{font-size:.8rem;padding:.5rem .75rem}.export-btn,.filter-btn{font-size:.8rem;padding:.625rem .875rem}.filters-panel{gap:.75rem;padding:.75rem}.filter-group label{font-size:.8rem;margin-bottom:.25rem}.filter-group input,.filter-group select{font-size:.8rem;padding:.5rem}.mobile-declarations-cards{gap:.5rem;padding:.5rem}.declaration-card-mobile{border-radius:10px}.card-header-mobile{padding:.625rem}.certificate-number-mobile{font-size:.8rem}.cert-type-badge-mobile{font-size:.65rem;padding:.25rem .5rem}.card-body-mobile{gap:.375rem;padding:.625rem}.card-row-mobile{padding:.375rem 0}.card-label{font-size:.75rem}.card-value{font-size:.8rem}.premium-mobile{font-size:.9rem}.card-footer-mobile{padding:.625rem}.view-btn-mobile{font-size:.8rem;padding:.5rem}.pagination{gap:.75rem;padding:.75rem}.pagination-info{font-size:.8rem;text-align:center}.pagination-controls{gap:.375rem}.page-numbers{font-size:.8rem}.pagination-btn{font-size:.8rem;min-width:80px;padding:.375rem .625rem}.pagination-settings{flex-direction:column;gap:.5rem;width:100%}.pagination-settings label,.rows-selector{font-size:.8rem}.rows-selector{padding:.5rem}.filters-header{align-items:flex-start;flex-direction:column;gap:.75rem}.clear-all-filters-btn{justify-content:center;width:100%}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.modal-header{padding:.75rem}.modal-header h3{font-size:1.125rem}.modal-body{max-height:calc(100vh - 100px);padding:.75rem}.detail-item{padding:.5rem}.detail-label,.detail-value{font-size:.8rem}.close-btn{font-size:1rem;padding:.5rem}}.revenue-analytics{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;gap:2rem}.analytics-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #0000000f;display:flex;justify-content:space-between;overflow:hidden;padding:2.5rem;position:relative}.analytics-header:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-left h2{color:#0f172a;font-size:2rem;font-weight:800;margin:0 0 .75rem;text-shadow:0 2px 4px #0000000d}.header-left p{color:#64748b;font-size:1.1rem;font-weight:500;margin:0}.time-range-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:.25rem;padding:.5rem}.time-btn{background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;color:#fff;transform:translateY(-1px)}.time-btn.active:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:2rem 0}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:28px;box-shadow:0 4px 20px #0000000a,0 1px 3px #0000001a;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:3rem;transition:all .5s cubic-bezier(.4,0,.2,1)}.metric-card:before{border-radius:28px 28px 0 0;box-shadow:0 2px 8px #0000001a;content:"";height:6px;left:0;position:absolute;right:0;top:0;transition:all .4s ease}.metric-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity .6s ease;width:200%}.metric-card.total-revenue:before{background:linear-gradient(135deg,#10b981,#059669)}.metric-card.total-policies:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.metric-card.average-revenue:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-card.conversion-rate:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-card:hover{box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;transform:translateY(-12px) scale(1.02)}.metric-card:hover:before{height:8px}.metric-card:hover:after{opacity:1}.metric-card:hover .metric-icon{box-shadow:0 12px 40px #0003,0 4px 16px #0000001a;transform:scale(1.1) rotate(5deg)}.metric-card:hover .metric-value{transform:scale(1.05)}.metric-card:hover .metric-change{box-shadow:0 6px 20px #00000026,0 2px 8px #0000001a;transform:translateY(-2px)}.metric-card{align-items:flex-start;display:flex;gap:2rem;position:relative}.metric-icon{border-radius:24px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;flex-shrink:0;height:100px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:100px}.icon-wrapper,.metric-icon{align-items:center;display:flex;justify-content:center;position:relative}.icon-wrapper{height:50px;width:50px;z-index:2}.icon-wrapper svg{stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:100%;width:100%}.total-revenue .metric-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#059669}.total-revenue .metric-icon:before{background:linear-gradient(135deg,#10b9811a,#0000);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.total-policies .metric-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.total-policies .metric-icon:before{background:linear-gradient(135deg,#3b82f61a,#0000);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.average-revenue .metric-icon{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#7c3aed}.average-revenue .metric-icon:before{background:linear-gradient(135deg,#8b5cf61a,#0000);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.conversion-rate .metric-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.conversion-rate .metric-icon:before{background:linear-gradient(135deg,#f59e0b1a,#0000);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.metric-content{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:2}.metric-content h3{color:#64748b;font-size:.875rem;font-weight:800;letter-spacing:1.2px;margin:0 0 1.5rem;opacity:.9;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:3rem;font-weight:900;line-height:.9;margin:0 0 1.5rem;position:relative;text-shadow:0 4px 8px #0000001a}.metric-basis{color:#64748b;display:block;font-size:.75rem;font-weight:500;line-height:1.4;margin:.35rem 0 .5rem;max-width:280px}.metric-change{align-items:center;border-radius:28px;box-shadow:0 4px 12px #0000001a,0 1px 3px #00000014;display:inline-flex;font-size:.8rem;font-weight:800;letter-spacing:.8px;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s ease}.metric-change:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.metric-change.positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #a7f3d0;color:#047857}.metric-change.negative{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fca5a5;color:#b91c1c}.chart-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px #0000000f;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-section:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.chart-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.chart-legend{display:flex;gap:1.5rem}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.revenue{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.policies{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chart-content{align-items:end;display:flex;height:400px;justify-content:center}.chart-bars{align-items:end;justify-content:space-between;width:100%}.chart-bar-container,.chart-bars{display:flex;gap:.5rem;height:100%}.chart-bar-container{align-items:center;flex:1 1;flex-direction:column}.chart-bar-wrapper{align-items:end;display:flex;gap:2px;height:80%;width:100%}.chart-bar{animation:barGrow 1.5s ease-out;border-radius:4px 4px 0 0;flex:1 1;min-height:20px;position:relative;transition:all .3s ease}.revenue-bar{background:linear-gradient(180deg,#10b981,#059669);margin-right:1px}.policies-bar{background:linear-gradient(180deg,#3b82f6,#1d4ed8);margin-left:1px}.chart-bar:hover{box-shadow:0 4px 12px #0003;transform:scaleY(1.05)}@keyframes barGrow{0%{height:0;opacity:0}to{height:50%;height:var(--bar-height,50%);opacity:1}}.chart-label{color:#64748b;font-size:.75rem;font-weight:500;line-height:1.2;text-align:center;transform:rotate(0deg);writing-mode:horizontal-tb}.breakdown-section{display:flex;flex-direction:column;gap:1.5rem}.breakdown-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.breakdown-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.breakdown-card h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.breakdown-chart{display:flex;flex-direction:column;gap:1rem}.breakdown-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.breakdown-item:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;transform:translateX(4px)}.breakdown-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.breakdown-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.breakdown-color.tpo{background:linear-gradient(135deg,#10b981,#059669)}.breakdown-color.tor{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.breakdown-color.private{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.breakdown-color.commercial{background:linear-gradient(135deg,#f59e0b,#d97706)}.breakdown-color.motorcycle{background:linear-gradient(135deg,#ef4444,#dc2626)}.breakdown-value{color:#1e293b;font-size:1.1rem;font-weight:700}.comparison-chart{display:flex;flex-direction:column;gap:1.5rem}.comparison-item{display:flex;flex-direction:column;gap:.75rem}.comparison-label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.comparison-bar{background:#f1f5f9;height:12px;overflow:hidden;width:100%}.comparison-bar,.comparison-fill{border-radius:6px;position:relative}.comparison-fill{height:100%;transition:width 1s ease}.comparison-fill.current{background:linear-gradient(90deg,#10b981,#059669)}.comparison-fill.previous{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.comparison-value{color:#1e293b;font-size:1rem;font-weight:700;text-align:right}.export-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem}.export-section h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.export-options{display:flex;flex-wrap:wrap;gap:1rem}.export-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:150px;padding:1rem 1.5rem;transition:all .3s ease}.export-btn:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0;box-shadow:0 4px 12px #064e3b1a;color:#065f46;transform:translateY(-2px)}.export-btn.pdf:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#dc2626}.export-btn.excel:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#86efac;color:#059669}.export-btn.csv:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1d4ed8}.loading-container{color:#64748b;padding:4rem 2rem}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#10b981;height:50px;width:50px}.loading-container p{font-size:1rem;font-weight:500}@media (max-width:1024px){.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{width:100%}.time-range-selector{justify-content:center;width:100%}.metrics-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{min-height:180px;padding:2rem}.metric-icon{height:80px;width:80px}.icon-wrapper{height:40px;width:40px}.metric-value{font-size:2.5rem}.breakdown-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-header{padding:1.5rem}.header-left h2{font-size:1.5rem}.header-left p{font-size:.9rem}.time-range-selector{flex-direction:column;gap:.25rem}.time-btn{text-align:center;width:100%}.metrics-grid{gap:1.5rem;grid-template-columns:1fr}.metric-card{flex-direction:column;gap:1.5rem;min-height:160px;padding:2rem;text-align:center}.metric-icon{align-self:center;height:70px;width:70px}.icon-wrapper{height:35px;width:35px}.metric-value{font-size:2.25rem}.metric-content h3,.metric-value{margin-bottom:1rem}.chart-section{padding:1.5rem}.chart-content{height:300px}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-legend{justify-content:center;width:100%}.breakdown-card,.export-section{padding:1.5rem}.export-options{flex-direction:column}.export-btn{width:100%}}@media (max-width:480px){.analytics-header{padding:1rem}.header-left h2{font-size:1.25rem}.metric-card{padding:1.25rem}.metric-icon{font-size:2rem;padding:.625rem}.metric-value{font-size:1.5rem}.chart-section{padding:1rem}.chart-content{height:250px}.breakdown-card,.export-section{padding:1rem}}@media (prefers-color-scheme:dark){.revenue-analytics{color:#f1f5f9}.analytics-header{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.header-left h2{color:#f1f5f9}.header-left p{color:#94a3b8}.time-range-selector{background:#1e293b;border-color:#475569}.time-btn{color:#94a3b8}.time-btn:hover{background:#334155;color:#f1f5f9}.time-btn.active{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff}.breakdown-card,.chart-section,.export-section,.metric-card{background:#1e293b;border-color:#334155}.metric-content h3{color:#94a3b8}.breakdown-card h4,.chart-header h3,.export-section h3,.metric-value{color:#f1f5f9}.legend-item{color:#94a3b8}.breakdown-item{background:#334155;border-color:#475569}.breakdown-item:hover{background:#064e3b;border-color:#10b981}.breakdown-label,.breakdown-value,.comparison-value{color:#f1f5f9}.comparison-label{color:#94a3b8}.comparison-bar,.export-btn{background:#334155}.export-btn{border-color:#475569;color:#94a3b8}.export-btn:hover{background:#064e3b;border-color:#10b981;color:#f1f5f9}}.cover-recovery{animation:recoveryFadeIn .6s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}@keyframes recoveryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recovery-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem}.recovery-header-left h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.recovery-header-left p{color:#64748b;font-size:1rem;margin:0}.recovery-header-right{align-items:flex-end;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem}.recovery-search-wrap{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.recovery-search-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.recovery-search-input{border:1px solid #cbd5e1;border-radius:10px;font-size:.9rem;max-width:320px;min-width:220px;padding:.55rem .85rem;width:100%}.recovery-search-input:focus{border-color:#065f46;box-shadow:0 0 0 3px #065f4626;outline:none}.recovery-refresh-btn{background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.recovery-refresh-btn:hover:not(:disabled){filter:brightness(1.1)}.recovery-refresh-btn:disabled{cursor:not-allowed;opacity:.7}.recovery-loading{color:#64748b;padding:3rem;text-align:center}.recovery-spinner{animation:recoverySpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#064e3b;height:40px;margin:0 auto 1rem;width:40px}@keyframes recoverySpin{to{transform:rotate(1turn)}}.recovery-empty{color:#64748b;font-size:1.1rem;padding:3rem;text-align:center}.recovery-tables{padding:1.5rem 2rem 2rem}.recovery-section{margin-bottom:2.5rem}.recovery-section:last-child{margin-bottom:0}.recovery-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .35rem}.recovery-section-desc{color:#64748b;font-size:.9rem;margin:0 0 1rem}.recovery-section-no-client h3{color:#64748b}.recovery-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.recovery-table{border-collapse:collapse;font-size:.9rem;width:100%}.recovery-table td,.recovery-table th{border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;text-align:left}.recovery-table th{background:#f8fafc;color:#475569;font-weight:600}.recovery-table tbody tr:last-child td{border-bottom:none}.recovery-table tbody tr:hover{background:#f8fafc}.cell-primary{color:#1e293b;font-weight:500}.cell-secondary{color:#64748b;font-size:.85rem;margin-top:.2rem}.ref-code{background:#f1f5f9;border-radius:4px;font-size:.8rem;padding:.2rem .5rem;word-break:break-all}.recovery-retry-btn{background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.recovery-retry-btn:hover:not(:disabled){filter:brightness(1.1)}.recovery-retry-btn:disabled{cursor:not-allowed;opacity:.7}.recovery-fix-cell{min-width:140px;vertical-align:top}.recovery-fix-label{color:#64748b;display:block;font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-bottom:.2rem;text-transform:uppercase}.recovery-fix-input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:.8rem;margin-bottom:.65rem;max-width:140px;padding:.35rem .5rem;width:100%}.recovery-fix-input:last-of-type{margin-bottom:0}.recovery-date-input{max-width:160px}.recovery-date-hint,.recovery-date-suggested{color:#64748b;font-size:.72rem;line-height:1.35;margin:.15rem 0 .5rem}.recovery-date-suggested{color:#065f46;font-weight:500;margin-bottom:0}.recovery-date-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.72rem;line-height:1.35;margin:.35rem 0 0;padding:.4rem .5rem}.recovery-action-cell{min-width:130px;vertical-align:top}.recovery-action-cell .recovery-retry-btn{display:block;margin-bottom:.5rem;width:100%}.recovery-action-cell .recovery-retry-btn:last-child{margin-bottom:0}.recovery-retry-date-btn{background:linear-gradient(135deg,#1e40af,#2563eb)}.recovery-fix-input:focus{border-color:#065f46;outline:none}.cell-reg-alt{color:#94a3b8;font-size:.8rem}.recovery-last-error{background:#fef2f2;border-radius:6px;color:#b91c1c;display:inline-block;font-size:.8rem;line-height:1.3;max-width:220px;padding:.25rem .5rem;word-break:break-word}@media (max-width:768px){.recovery-header{flex-direction:column;gap:1rem}.recovery-table td,.recovery-table th{font-size:.85rem;padding:.6rem .75rem}}.user-management{margin:0 auto;max-width:1400px;padding:2rem}.user-management-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-content h2{color:#2c5530;font-size:1.8rem}.header-content p{color:#666;font-size:.95rem}.create-user-btn{background:linear-gradient(135deg,#2c5530,#4a7c59);border:none;border-radius:8px;box-shadow:0 2px 8px #2c553033;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.create-user-btn:active{transform:translateY(0)}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-top-color:#2c5530;height:40px;margin-bottom:1rem;width:40px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#2c5530,#4a7c59);color:#fff}.users-table th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left;transition:all .3s ease}.users-table th:hover{background:#ffffff0d}.users-table td{border-bottom:1px solid #e0e0e0;padding:1rem}.users-table tbody tr{transition:all .3s ease}.users-table tbody tr:hover{background:#10b98105}.users-table tbody tr:last-child td{border-bottom:none}.no-data{color:#999;font-style:italic;padding:3rem!important;text-align:center}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.role-badge.admin{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914}.role-badge.user{background:linear-gradient(135deg,#e0e0e0,#f0f0f0);color:#555}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.status-badge.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.action-buttons{display:flex;gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.delete-btn{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#2c5530;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.user-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e0e0e0;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2c5530;box-shadow:0 0 0 3px #2c55301a}.form-group input:disabled{background:#f5f5f5}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.form-actions{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background:#e0e0e0;color:#333}.submit-btn{background:linear-gradient(135deg,#2c5530,#4a7c59);color:#fff}.access-denied{color:#666;padding:4rem;text-align:center}.access-denied h2{color:#f44336;margin-bottom:1rem}@media (max-width:768px){.user-management{padding:1rem}.user-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.create-user-btn{width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.action-buttons{flex-direction:column}.modal-content{margin:1rem;width:95%}}@media (max-width:480px){.users-table td,.users-table th{font-size:.85rem;padding:.75rem .5rem}.role-badge,.status-badge{font-size:.75rem;padding:.3rem .6rem}}.settings{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.settings-container{display:flex;flex-direction:column;min-height:600px}.settings-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:2rem}.header-content h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#64748b;font-size:1rem;margin:0}.settings-content{display:flex;flex:1 1;min-height:500px}.settings-sidebar{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-right:1px solid #e2e8f0;padding:1.5rem 0;width:250px}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s ease}.nav-item.active{background:linear-gradient(135deg,#064e3b,#065f46);color:#fff;font-weight:600}.nav-item.active:before{background:#10b981;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{flex-shrink:0;font-size:1.25rem}.nav-label{flex:1 1}.settings-main{flex:1 1;max-height:600px;overflow-y:auto;padding:2rem}.settings-section{max-width:600px}.section-header{margin-bottom:2rem}.section-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:#64748b;font-size:1rem;margin:0}.notifications-form,.preferences-form,.profile-form,.security-form{display:flex;flex-direction:column;gap:1.5rem}.notification-group,.preference-group,.security-group{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.notification-group h4,.preference-group h4,.security-group h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1a;outline:none}.form-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-group small{color:#6b7280;font-size:.8rem;font-style:italic}.checkbox-group{align-items:center;flex-direction:row;gap:.75rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem;letter-spacing:normal;position:relative;text-transform:none}.checkbox-group input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid #e2e8f0;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-group input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#064e3b}.checkbox-group input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-group input[type=checkbox]:checked+.checkmark+span{color:#064e3b;font-weight:600}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.save-btn{background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:8px;box-shadow:0 2px 8px #064e3b33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.password-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{border-radius:8px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.danger-zone{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:16px;margin:2rem;padding:2rem}.danger-zone h3{color:#dc2626;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.danger-zone p{color:#991b1b;font-size:.9rem;margin:0 0 1.5rem}.danger-actions{display:flex;flex-wrap:wrap;gap:1rem}.danger-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}@media (max-width:1024px){.settings-content{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 1rem}.nav-item{padding:.75rem 1rem;white-space:nowrap}.settings-main{padding:1.5rem}}@media (max-width:768px){.settings-header{padding:1.5rem}.header-content h2{font-size:1.5rem}.header-content p{font-size:.9rem}.settings-main{padding:1rem}.section-header h3{font-size:1.25rem}.notification-group,.preference-group,.security-group{padding:1rem}.form-group{gap:.375rem}.form-group label{font-size:.85rem}.form-group input,.form-group select{font-size:.85rem;padding:.625rem .875rem}.form-actions{flex-direction:column}.save-btn{padding:.875rem 1.5rem;width:100%}.password-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.danger-zone{margin:1rem;padding:1.5rem}.danger-actions{flex-direction:column}.danger-btn{justify-content:center;width:100%}}@media (max-width:480px){.settings-header{padding:1rem}.header-content h2{font-size:1.25rem}.settings-main{padding:.75rem}.section-header h3{font-size:1.125rem}.section-header p{font-size:.9rem}.notification-group,.preference-group,.security-group{padding:.75rem}.notification-group h4,.preference-group h4,.security-group h4{font-size:1rem}.form-group label{font-size:.8rem}.form-group input,.form-group select{font-size:.8rem;padding:.5rem .75rem}.form-group small{font-size:.75rem}.checkbox-group{gap:.5rem}.checkmark{height:18px;width:18px}.save-btn{font-size:.85rem;padding:.75rem 1.25rem}.action-btn{font-size:.85rem;padding:.625rem 1.25rem}.danger-zone{margin:.75rem;padding:1rem}.danger-zone h3{font-size:1.125rem}.danger-btn,.danger-zone p{font-size:.85rem}.danger-btn{padding:.625rem 1.25rem}}@media (prefers-color-scheme:dark){.settings{background:#1e293b;border-color:#334155}.settings-header{background:linear-gradient(135deg,#334155,#475569);border-bottom-color:#475569}.header-content h2{color:#f1f5f9}.header-content p{color:#94a3b8}.settings-sidebar{background:linear-gradient(180deg,#334155,#475569);border-right-color:#475569}.nav-item{color:#94a3b8}.nav-item.active{background:linear-gradient(135deg,#064e3b,#065f46);color:#f1f5f9}.section-header h3{color:#f1f5f9}.section-header p{color:#94a3b8}.notification-group,.preference-group,.security-group{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.notification-group h4,.preference-group h4,.security-group h4{border-bottom-color:#475569;color:#f1f5f9}.form-group label{color:#e2e8f0}.form-group input,.form-group select{background:#1e293b;border-color:#475569;color:#f1f5f9}.form-group input:focus,.form-group select:focus{border-color:#10b981}.form-group input:disabled{background:#334155;color:#6b7280}.form-group small{color:#94a3b8}.checkmark{background:#1e293b;border-color:#475569}.checkbox-group input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981}.checkbox-group input[type=checkbox]:checked+.checkmark+span{color:#10b981}.form-actions{border-top-color:#475569}.action-btn{background:#334155;border-color:#475569;color:#94a3b8}.danger-zone{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#dc2626}.danger-zone h3{color:#fecaca}.danger-zone p{color:#fca5a5}}.admin-dashboard{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw}.admin-dashboard,.loading-screen{display:flex;min-height:100vh;width:100%}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);justify-content:center;overflow:hidden;position:relative}.loading-screen:before{animation:backgroundPulse 3s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#064e3b4d 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b98133 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}.loading-container{animation:slideUp .8s ease-out;color:#fff;padding:2rem;position:relative;text-align:center;z-index:1}.loading-logo{animation:logoFloat 2s ease-in-out infinite;font-size:clamp(3rem,8vw,4rem);margin-bottom:2rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:clamp(40px,8vw,50px);margin:0 auto 1.5rem;width:clamp(40px,8vw,50px)}.loading-container h2{color:#f1f5f9;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600;margin-bottom:.5rem}.loading-container p{color:#94a3b8;font-size:clamp(.875rem,3vw,1rem);margin:0}.dashboard-main{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:clamp(1rem,2vw,1.5rem) clamp(1rem,3vw,2rem);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1600px;min-width:0;width:100%}.header-left{align-items:center;display:flex;flex:1 1;gap:clamp(.75rem,2vw,1rem);min-width:0}.header-title-section{flex:1 1;min-width:0;overflow:hidden}.dashboard-title{color:#064e3b;font-weight:800;letter-spacing:-.025em;margin:0 0 .25rem;text-shadow:0 2px 4px #064e3b1a}.dashboard-subtitle{color:#64748b;font-weight:500;margin:0}.header-right{gap:clamp(.75rem,2vw,1.5rem)}.header-right,.user-info{align-items:center;display:flex;flex-shrink:0;min-width:0}.user-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:clamp(8px,1.5vw,12px);gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.4rem,1vw,.5rem) clamp(.75rem,2vw,1rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-avatar{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border-radius:50%;box-shadow:0 2px 8px #064e3b33;color:#fff;display:flex;flex-shrink:0;font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;height:clamp(32px,5vw,40px);justify-content:center;width:clamp(32px,5vw,40px)}.user-details{display:flex;flex-direction:column;flex-shrink:0;gap:.125rem;min-width:0}.user-name{color:#1e293b;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;max-width:clamp(80px,15vw,120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#64748b;font-size:clamp(.65rem,1.5vw,.75rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-actions{gap:clamp(.5rem,1.5vw,.75rem)}.action-btn,.header-actions{align-items:center;display:flex;flex-shrink:0}.action-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:clamp(8px,1.5vw,10px);color:#64748b;cursor:pointer;font-size:clamp(.9rem,2vw,1.1rem);height:clamp(32px,5vw,40px);justify-content:center;min-height:clamp(32px,5vw,40px);min-width:clamp(32px,5vw,40px);position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(32px,5vw,40px)}.action-btn:active{transform:scale(.95)}.notification-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 6px #ef44444d;color:#fff;display:flex;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:.2rem .4rem;position:absolute;right:-2px;top:-2px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dashboard-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1600px;min-width:0;overflow-x:hidden;padding:clamp(1rem,3vw,2rem);width:100%}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#064e3b,#065f46);border:none;border-radius:clamp(8px,1.5vw,10px);box-shadow:0 2px 8px #064e3b33;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:clamp(1.25rem,3vw,1.5rem);height:clamp(40px,8vw,44px);justify-content:center;margin-right:clamp(.75rem,2vw,1rem);min-height:clamp(40px,8vw,44px);min-width:clamp(40px,8vw,44px);touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:clamp(40px,8vw,44px)}.mobile-menu-btn:active{transform:scale(.95)}.menu-icon{display:block;line-height:1}.mobile-menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:199}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.admin-dashboard{overflow-x:hidden;width:100%}.dashboard-main{max-width:100%;width:calc(100% - 280px)}.header-content{gap:1rem;grid-template-columns:1fr}.header-right{justify-self:start;width:100%}.dashboard-content{padding:clamp(1rem,2.5vw,1.5rem)}}@media (max-width:1024px){.dashboard-main{margin-left:0;width:100%}.dashboard-content{box-sizing:border-box;max-width:100%;padding:clamp(1rem,2.5vw,1.5rem);width:100%}.mobile-menu-btn{display:flex}.mobile-menu-overlay{display:block}.header-content{gap:clamp(.75rem,2vw,1rem);grid-template-columns:auto 1fr}.header-left{align-items:center;display:flex;gap:clamp(.75rem,2vw,1rem);min-width:0;width:100%}.header-title-section{flex:1 1;min-width:0;overflow:hidden}.header-right{flex-wrap:wrap;gap:clamp(.75rem,2vw,1rem);grid-column:1/-1;justify-content:space-between;width:100%}.user-info{flex:0 1 auto;min-width:auto}}@media (max-width:768px){.admin-dashboard{overflow-x:hidden;width:100%}.dashboard-main{margin-left:0;width:100%}.dashboard-header{box-sizing:border-box;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);width:100%}.header-content{grid-template-columns:auto 1fr}.header-content,.header-left{gap:clamp(.5rem,1.5vw,.75rem);width:100%}.header-left{flex-wrap:nowrap}.header-title-section{flex:1 1;min-width:0;overflow:hidden}.dashboard-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:clamp(.75rem,2vw,1rem);width:100%}.header-right{flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.75rem);grid-column:1/-1;justify-content:flex-start;width:100%}.user-info{flex:0 1 auto;min-width:auto;padding:clamp(.35rem,1vw,.4rem) clamp(.6rem,1.5vw,.75rem)}.user-details{display:flex}}@media (max-width:480px){.admin-dashboard{overflow-x:hidden;position:relative;width:100vw}.dashboard-main{margin-left:0;min-width:0;width:100%}.dashboard-header{box-sizing:border-box;padding:clamp(.625rem,2vw,.75rem) clamp(.75rem,2vw,1rem);position:relative;width:100%}.header-content{grid-template-columns:auto 1fr}.header-content,.header-left{gap:clamp(.5rem,1.5vw,.75rem);width:100%}.header-left{flex-wrap:nowrap}.header-title-section{flex:1 1;min-width:0;overflow:hidden}.dashboard-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:clamp(.625rem,2vw,.75rem);width:100%}.header-right{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;width:100%}.header-right,.user-info{gap:clamp(.375rem,1.5vw,.5rem)}.user-info{flex:0 1 auto;min-width:auto;padding:clamp(.3rem,1vw,.3rem) clamp(.5rem,1.5vw,.6rem)}.user-details{display:none}.notification-badge{font-size:.65rem;height:16px;min-width:16px;padding:.15rem .3rem}.mobile-menu-btn{flex-shrink:0}}@media (min-width:1600px){.dashboard-content{padding:2.5rem}.dashboard-header{padding:2rem 2.5rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-color-scheme:dark){.admin-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}.dashboard-header{background:#1e293bf2;border-bottom-color:#334155}.dashboard-title{color:#f1f5f9}.dashboard-subtitle{color:#94a3b8}.user-info{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}.user-name{color:#f1f5f9}.action-btn,.user-role{color:#94a3b8}.action-btn{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}}@media print{.admin-dashboard{background:#fff}.dashboard-header{border-bottom:2px solid #000;box-shadow:none}.action-btn,.mobile-menu-btn,.user-info{display:none}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{max-width:100vw;overflow-x:hidden;position:relative}body{margin:0;padding:0;width:100%}.admin-dashboard,.dashboard-content,.dashboard-header,.dashboard-main,.header-content{max-width:100%;overflow-x:hidden;width:100%}.admin-dashboard{overflow-x:hidden;position:relative}.dashboard-content>*{overflow-x:auto}.dashboard-content>*,.dashboard-content>div{max-width:100%;min-width:0;width:100%}.dashboard-title{font-size:clamp(1.25rem,4vw,2rem);line-height:1.2}.dashboard-subtitle,.dashboard-title{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.dashboard-subtitle{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}.user-name{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.header-content,.header-left,.header-right{min-width:0}.header-content{grid-gap:clamp(.75rem,2vw,1.5rem);align-items:center;display:grid;gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:1fr auto}.dashboard-content table{border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.dashboard-content .table-container,.dashboard-content .table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;position:relative;width:100%}.dashboard-content .table-container::-webkit-scrollbar,.dashboard-content .table-wrapper::-webkit-scrollbar{height:8px;width:8px}.dashboard-content .table-container::-webkit-scrollbar-track,.dashboard-content .table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dashboard-content .table-container::-webkit-scrollbar-thumb,.dashboard-content .table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dashboard-content .table-container::-webkit-scrollbar-thumb:hover,.dashboard-content .table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-content>div[class*=card],.dashboard-content>div[class*=container],.dashboard-content>div[class*=table]{box-sizing:border-box;max-width:100%;min-width:0;width:100%}@media (max-width:768px){body,html{max-width:100vw;overflow-x:hidden;width:100%}a,button,input,select,textarea{min-height:44px;min-width:44px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}@media (min-width:769px) and (max-width:1024px){.dashboard-content{padding:clamp(1.25rem,2.5vw,1.5rem)}.header-content{grid-template-columns:1fr auto}}@media (min-width:1400px){.dashboard-content{padding:2.5rem}.header-content{max-width:1600px}}@media (orientation:landscape) and (max-height:600px){.dashboard-header{padding:.75rem clamp(1rem,2vw,1.5rem)}.dashboard-content{padding:1rem clamp(1rem,2vw,1.5rem)}.dashboard-title{font-size:clamp(1.1rem,3vw,1.5rem)}.dashboard-subtitle{font-size:clamp(.8rem,2vw,.9rem)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dashboard-header{border-bottom-width:.5px}.user-info{border-width:.5px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (container-type:inline-size){.dashboard-content{container-type:inline-size}@container (max-width: 768px){.dashboard-content>*{padding:1rem}}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.no-scroll{max-height:100vh;overflow:hidden}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media print{.admin-dashboard{background:#fff;overflow:visible}.dashboard-content{overflow:visible;padding:1rem}.dashboard-content table{page-break-inside:avoid}}.admin{padding:1rem}.admin,.admin-loading{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh}.admin-loading{flex-direction:column}.loading-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#064e3b;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-loading p{color:#64748b;font-size:1rem;font-weight:500;margin:0}@media (max-width:768px){.admin{padding:.5rem}.admin-loading{padding:1rem}.spinner{border-width:3px;height:40px;width:40px}.admin-loading p{font-size:.9rem}}@media (max-width:480px){.spinner{border-width:2px;height:35px;width:35px}.admin-loading p{font-size:.85rem}}@media (prefers-color-scheme:dark){.admin,.admin-loading{background:linear-gradient(135deg,#1e293b,#334155)}.spinner{border-color:#10b981 #475569 #475569}.admin-loading p{color:#94a3b8}}
/*# sourceMappingURL=main.ceabd4b3.css.map*/