@tailwind base;@tailwind components;@tailwind utilities;.steps-container{display:grid;gap:16px}.progress-bar{position:relative;height:6px;background:#e9ecef;border-radius:999px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(310deg,#2152ff 0%,#21d4fd 100%);width:0%;transition:width .22s ease}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.step{text-align:center;display:grid;justify-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:999px;background:#f0f2f5;color:#2152ff;display:grid;place-items:center;font-weight:700;font-size:14px;transition:all .16s ease;border:2px solid transparent}.step-label{font-size:13px;color:#67748e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.step.completed .step-number{background:#2152ff;color:#fff}.step.active .step-number{background:#fff;color:#2152ff;border-color:#2152ff;box-shadow:0 0 0 3px #2152ff2e}.step.active .step-label{color:#344767;font-weight:700}@media (max-width: 768px){.step-label{max-width:80px;font-size:12px}.step-number{width:32px;height:32px;font-size:13px}}@media (max-width: 480px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}}body{font-family:Tajawal,sans-serif}.hero-gradient{background:linear-gradient(135deg,#0f172a 0%,#0c326f 50%,#334155 100%)}.vip-accent{background-color:#0f172a}.vip-text{color:#0f172a}.vip-border{border-color:#0f172a}.gold-accent{color:#4c44e2}.gold-bg{background-color:#4c44e2}.gold-border{border-color:#4c44e2}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.bg-blue-900{background-color:#1c4073!important}.hover\:bg-yellow-800:hover,.hover\:bg-yellow-700:hover{background-color:#1a4388!important}.border-yellow-300{border-color:#fff!important}.rounded-md{border-radius:4.4rem!important}:root{--primary: #1a5fb4;--primary-dark: #0d4a9c;--secondary: #f8f9fa;--accent: #e9ecef;--text: #333;--text-light: #6c757d;--border: #dee2e6;--white: #ffffff;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15);--success: #16a34a;--success-dark: #0f7a37;--success-ink: #065f46;--ring: rgba(22, 163, 74, .35)}header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:1rem 0;box-shadow:var(--shadow-lg)}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700}.logo i{font-size:2rem}nav ul{display:flex;list-style:none;gap:1.5rem}nav a{color:var(--white);text-decoration:none;font-weight:500;transition:opacity .3s;display:flex;align-items:center;gap:.5rem}nav a:hover{opacity:.9}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-subtitle{color:var(--text-light);font-size:1.1rem}:root{--success: #16a34a;--success-dark: #0f7a37;--success-ink: #065f46;--ring: rgba(22, 163, 74, .35)}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.service-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;height:100%;border:2px solid transparent}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-card.featured{border:2px solid var(--primary);position:relative}.service-card.featured:before{content:"مميز";position:absolute;top:15px;left:-30px;background:var(--primary);color:#fff;padding:5px 30px;transform:rotate(-45deg);font-size:.85rem;font-weight:600;z-index:1}.service-card.is-selected{border-color:var(--success);box-shadow:0 14px 30px #16a34a26,var(--shadow);transform:translateY(-3px)}.service-card.is-selected .service-header{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%)}.service-card.is-selected .service-features li:before{color:var(--success)}.service-card.is-selected .service-price{color:var(--success)}.service-card.is-selected.featured:before{background:var(--success)}.service-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:1.5rem;text-align:center}.service-title{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.service-subtitle{font-size:1rem;opacity:.9}.service-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.service-features{list-style:none;margin-bottom:1.5rem;flex:1;padding:0}.service-features li{padding:.5rem 1.75rem .5rem 0;position:relative;border-bottom:1px dashed var(--accent)}.service-features li:last-child{border-bottom:none}.service-features li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;right:0;top:.35rem;line-height:1}.service-price{text-align:center;font-size:2rem;font-weight:700;color:var(--primary);margin:1rem 0}.service-price small{font-size:1rem;color:var(--text-light);display:block;font-weight:500}.service-footer{text-align:center;margin-top:auto}.btn{display:inline-block;background:var(--primary);color:var(--white);border:none;border-radius:10px;padding:.8rem 1.25rem;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;text-decoration:none;box-shadow:0 6px 18px #00000014;position:relative;outline:none}.btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 10px 24px #0000001f}.btn:active{transform:translateY(0);box-shadow:0 4px 12px #00000014}.btn:focus-visible{box-shadow:0 0 0 4px var(--ring)}.btn-outline:focus-visible{box-shadow:0 0 0 4px var(--ring)}.btn--selected{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.btn--selected:hover{background:var(--success-dark)!important}.btn[disabled],.btn.is-loading{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.notice{background:var(--white);border-radius:12px;padding:1.5rem;text-align:center;margin-top:2rem;box-shadow:var(--shadow);border-right:4px solid var(--primary)}.notice i{color:var(--primary);font-size:1.5rem;margin-bottom:.75rem}.notice p{margin:0;font-weight:500;color:var(--text)}footer{background:var(--white);border-top:1px solid var(--border);padding:2rem 0 1rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:1.5rem}.footer-section h3{color:var(--primary);margin-bottom:1rem;font-size:1.25rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--text-light);text-decoration:none;transition:color .3s;display:flex;align-items:center;gap:.5rem}.footer-links a:hover{color:var(--primary)}.copyright{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-light);font-size:.9rem}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}nav ul{gap:1rem}.services-container{grid-template-columns:1fr}.page-title{font-size:1.75rem}.search-filter-container{flex-direction:column}.search-box,.filter-select{min-width:100%}.templates-grid{grid-template-columns:1fr}}:root{--primary: #1a5fb4;--primary-dark: #0d4a9c;--secondary: #f8f9fa;--accent: #e9ecef;--text: #333;--text-light: #6c757d;--border: #dee2e6;--white: #ffffff;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15);--success: #28a745}.steps-container{display:flex;justify-content:center;margin-bottom:2.5rem;position:relative}.steps{display:flex;background:var(--white);border-radius:50px;padding:.5rem;box-shadow:var(--shadow);position:relative;z-index:2}.step{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;position:relative;z-index:2}.step-number{width:30px;height:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:.5rem;transition:all .3s}.step.active .step-number{background:var(--primary);color:var(--white)}.step.completed .step-number{background:var(--success);color:var(--white)}.step-label{font-size:.85rem;font-weight:500;color:var(--text-light)}.step.active .step-label{color:var(--primary);font-weight:600}.progress-bar{position:absolute;top:50%;right:0;left:0;height:3px;background:var(--accent);transform:translateY(-50%);z-index:1}.progress_1{height:100%;background:var(--primary);width:10%;transition:width .3s}.progress_2{height:100%;background:var(--primary);width:20%;transition:width .3s}.progress_3{height:100%;background:var(--primary);width:40%;transition:width .3s}.progress_4{height:100%;background:var(--primary);width:60%;transition:width .3s}.progress_5{height:100%;background:var(--primary);width:80%;transition:width .3s}.progress_6{height:100%;background:#28a745;width:100%;transition:width .3s}.page-header{text-align:center;margin-bottom:2.5rem}.page-title{font-size:2.25rem;color:var(--primary);margin-bottom:.5rem;font-weight:700}.page-subtitle{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto}.selection-container{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.selection-header{margin-bottom:1.5rem;text-align:center}.selection-title{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.selection-description{color:var(--text-light)}.recipient-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.recipient-option{border:2px solid var(--border);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s;text-align:center}.recipient-option:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.recipient-option.selected{border-color:var(--primary);background:rgba(26,95,180,.05)}.option-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.option-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.option-description{color:var(--text-light);font-size:.9rem}.search-container{margin-bottom:1.5rem}.search-box{position:relative;width:80%;margin:0 auto}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border);border-radius:50px;font-size:1rem;transition:all .3s;text-align:center}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a5fb41a;text-align:center}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.recipient-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.recipient-item{border:1px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:1rem}.recipient-item:hover{border-color:var(--primary);background:rgba(26,95,180,.03)}.recipient-item.selected{border-color:var(--primary);background:rgba(26,95,180,.05)}.recipient-icon{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.2rem}.recipient-info{flex:1}.recipient-name{font-weight:600;margin-bottom:.25rem}.recipient-type{font-size:.85rem;color:var(--text-light)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--white);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;box-shadow:var(--shadow)}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn:disabled{background:var(--accent);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}nav ul{gap:1rem}.steps{border-radius:15px}.step{padding:.5rem 8px;text-align:center}.progress-bar{top:100%;z-index:999}.recipient-options,.recipient-list{grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:1rem}.navigation-buttons .btn{width:100%;justify-content:center}}.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1rem}.warning-icon{color:#856404;font-size:1.5rem;margin-top:.2rem}.warning-content h4{color:#856404;margin-bottom:.5rem}.warning-content p{color:#856404;margin:0}.browse-btn{display:inline-block;background:var(--primary);color:var(--white);padding:.5rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s}.requirements{background:var(--secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.requirements h3{margin-bottom:1rem;color:var(--primary)}.requirements-list{list-style:none}.requirements-list li{margin-bottom:.75rem;padding-right:1.5rem;position:relative}.requirements-list li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;right:0}.preview-container{display:none;margin-top:1.5rem}.preview-title{margin-bottom:1rem;color:var(--primary)}.preview-box{border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.preview-icon{font-size:2rem;color:var(--primary)}.preview-info{flex:1}.preview-name{font-weight:600;margin-bottom:.25rem}.preview-size{font-size:.85rem;color:var(--text-light)}.preview-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.1rem;transition:color .3s}.action-btn:hover{color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.template-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer;background:var(--white)}.template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.template-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.template-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:1rem;text-align:center}.template-icon{font-size:2rem;margin-bottom:.5rem}.template-title{font-size:1.2rem;font-weight:600}.template-body{padding:1.5rem}.template-description{color:var(--text-light);margin-bottom:1rem;line-height:1.5}.template-details{display:flex;justify-content:space-between;color:var(--text-light);font-size:.85rem}.template-words{display:flex;align-items:center;gap:.25rem}.template-footer{padding:1rem 1.5rem;background:var(--secondary);text-align:center}.filter-select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:50px;font-size:1rem;background:var(--white);color:var(--text);min-width:200px;cursor:pointer}.skip-option{text-align:center;margin-top:1rem}.skip-link{color:var(--primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.skip-link:hover{text-decoration:underline}.search-filter-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.template-info{background:var(--secondary);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.template-name{font-weight:600;color:var(--primary)}.template-stats{display:flex;gap:1rem;color:var(--text-light);font-size:.9rem}.change-template{color:var(--primary);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s}.change-template:hover{text-decoration:underline}.message-editor{margin-bottom:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.editor-title{font-size:1.2rem;font-weight:600;color:var(--text)}.editor-tools{display:flex;gap:.5rem}.tool-btn{background:var(--accent);border:none;border-radius:4px;padding:.5rem;cursor:pointer;color:var(--text);transition:all .3s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.tool-btn:hover{background:var(--primary);color:var(--white)}.message-textarea{width:100%;min-height:300px;padding:1.5rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a5fb41a}.message-stats{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem}.word-count,.char-count{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem}.count-number{font-weight:600;color:var(--text)}.count-limit{color:var(--text-light)}.count-exceeded{color:var(--danger);font-weight:600}.placeholders-panel{background:var(--secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--primary);display:flex;align-items:center;gap:.5rem}.placeholders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.placeholder-item{background:var(--white);border:1px solid var(--border);border-radius:6px;padding:1rem;cursor:pointer;transition:all .3s}.placeholder-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.placeholder-label{font-weight:600;margin-bottom:.25rem;color:var(--text)}.placeholder-value{font-size:.85rem;color:var(--text-light)}@media (max-width: 768px){.template-info,.editor-header{flex-direction:column;align-items:flex-start}.placeholders-grid{grid-template-columns:1fr}.message-stats{flex-direction:column;align-items:flex-start}.navigation-buttons{flex-direction:column;gap:1rem}.navigation-buttons .btn{width:100%;justify-content:center}}.attachments-container{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.attachments-header{margin-bottom:1.5rem;text-align:center}.attachments-title{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.attachments-description{color:var(--text-light)}.upload-area{border:2px dashed var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:1.5rem;position:relative}.upload-area:hover{border-color:var(--primary);background:rgba(26,95,180,.02)}.upload-area.highlight{border-color:var(--primary);background:rgba(26,95,180,.05)}.upload-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.upload-text{margin-bottom:1rem}.upload-text h3{margin-bottom:.5rem;color:var(--text)}.upload-text p{color:var(--text-light);margin:0}.file-types{color:var(--text-light);font-size:.9rem;margin-bottom:1.5rem}.browse-btn{display:inline-block;background:var(--primary);color:var(--white);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s}.browse-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}#file-input{display:none}.attachments-list{margin-top:2rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.list-title{font-size:1.2rem;font-weight:600;color:var(--text)}.list-count{color:var(--text-light);font-size:.9rem}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.attachment-item{border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s}.attachment-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.attachment-icon{width:50px;height:50px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem}.attachment-info{flex:1}.attachment-name{font-weight:600;margin-bottom:.25rem;word-break:break-word}.attachment-details{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-light)}.attachment-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.1rem;transition:color .3s;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--accent)}.action-btn.view:hover{color:var(--primary)}.action-btn.delete:hover{color:var(--danger)}.pricing-info{background:var(--secondary);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.pricing-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--primary);display:flex;align-items:center;gap:.5rem}.pricing-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pricing-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.pricing-item:last-child{border-bottom:none;font-weight:600;color:var(--primary)}.empty-state{text-align:center;padding:2rem;color:var(--text-light)}.empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent)}@media (max-width: 768px){.upload-area{padding:2rem 1rem}.attachments-grid{grid-template-columns:1fr}.attachment-item{flex-direction:column;text-align:center}.attachment-details{flex-direction:column;gap:.5rem}.pricing-details{grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:1rem}.navigation-buttons .btn{width:100%;justify-content:center}}.payment-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.payment-container{grid-template-columns:1fr}}.payment-methods,.invoice-details{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow)}.section-title{font-size:1.5rem;color:var(--primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.method-card{border:2px solid var(--border);border-radius:8px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.75rem}.method-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.method-card.selected{border-color:var(--primary);background:rgba(26,95,180,.05)}.method-icon{font-size:2.5rem;color:var(--primary)}.method-name{font-weight:600;color:var(--text)}.invoice-items{margin-bottom:1.5rem}.invoice-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.invoice-item:last-child{border-bottom:none}.invoice-total{background:var(--secondary);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.total-row{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:700;color:var(--primary)}.order-summary{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.9rem;color:var(--text-light)}.summary-value{font-weight:600;color:var(--text)}.payment-form{background:var(--white);border-radius:12px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;transition:all .3s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a5fb41a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.secure-payment{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);color:var(--text-light)}.secure-icon{color:var(--success);font-size:1.25rem}.action-buttons{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}