*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;overflow:hidden}.layout{display:flex;height:100vh;background:#f5f7fa}.sidebar{background:linear-gradient(180deg,#1a9b8e,#148f82);color:#fff;transition:width .3s ease;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.logo-text{font-size:1.1rem;font-weight:700;margin:0;white-space:nowrap}.nav{padding:1rem 0;flex:1}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#ffffffd9;text-decoration:none;transition:all .2s;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;border-left:4px solid #ff9d47}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.menu-toggle{background:none;border:none;cursor:pointer;color:#333;padding:.5rem;border-radius:4px;transition:background .2s}.menu-toggle:hover{background:#f0f0f0}.header-right{display:flex;align-items:center;gap:1rem}.admin-name{font-weight:600;color:#333}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.content{flex:1;padding:2rem;overflow-y:auto}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff1a;border-radius:8px;margin-bottom:12px;text-decoration:none;cursor:pointer;transition:all .2s}.user-info:hover{background:#fff3}.user-info.active{background:#ffffff40;border-left:3px solid #ff9d47}.user-avatar{display:flex;align-items:center;justify-content:center;color:#ffffffe6}.user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-id{font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{display:flex;flex-direction:column;gap:4px}.sidebar-action-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.sidebar-action-btn:hover{background:#ffffff1a;color:#fff}.sidebar-action-btn.active{background:#ffffff26;color:#fff}.sidebar-action-btn.logout:hover{background:#ef444433;color:#fca5a5}.sidebar.closed .user-info{justify-content:center;padding:8px}.sidebar.closed .sidebar-action-btn{justify-content:center;padding:10px}@media(max-width:768px){.sidebar.open{position:fixed;left:0;top:0;bottom:0;z-index:1000}.sidebar.closed{width:0;overflow:hidden}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4ade80,#22c55e,#16a34a);padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:48px 40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.login-logo img{height:48px;width:auto}.login-logo h1{font-size:32px;font-weight:700;color:#16a34a;margin:0}.login-subtitle{font-size:16px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form .form-group label{font-size:14px;font-weight:500;color:#374151}.login-form .form-group input{padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s;width:100%;box-sizing:border-box}.login-form .form-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px!important}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#6b7280}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-login:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.btn-login:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.login-links{text-align:center;margin-top:8px}.login-links a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s}.login-links a:hover{color:#22c55e;text-decoration:underline}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.login-footer p{font-size:13px;color:#9ca3af;margin:0}.forgot-password-container{max-width:480px}.back-link{display:inline-flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:16px;transition:color .2s}.back-link:hover{color:#22c55e}.forgot-title{font-size:24px;font-weight:600;color:#1f2937;margin:0;text-align:center}.tab-container{display:flex;gap:8px;margin:24px 0}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:#f3f4f6;border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.tab-button:hover{background:#e5e7eb}.tab-button.active{background:#f0fdf4;border-color:#22c55e;color:#16a34a}.result-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:24px;text-align:center;margin-bottom:20px}.result-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#22c55e;border-radius:50%;color:#fff;margin-bottom:16px}.result-message{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px}.temp-password{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:12px 20px;border-radius:8px;margin-bottom:12px}.temp-password span{font-size:14px;color:#6b7280}.temp-password code{font-size:18px;font-weight:600;color:#16a34a;background:#f0fdf4;padding:4px 8px;border-radius:4px}.result-hint{font-size:14px;color:#6b7280;margin:0 0 16px}.btn-to-login{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-to-login:hover{background:#16a34a}@media(max-width:480px){.login-container{padding:32px 24px}.login-logo h1{font-size:28px}.tab-container{flex-direction:column}}.dashboard{max-width:1400px}.page-title-section{margin-bottom:2rem}.page-title{font-size:2rem;color:#333;margin-bottom:.25rem;font-weight:700}.amount-notice{font-size:13px;color:#059669;font-weight:500;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;transition:transform .2s,box-shadow .2s;min-height:100px;align-items:center}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-title{font-size:.9rem;color:#666;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:#333;margin:0}.stat-subtext{font-size:.85rem;color:#888;margin:.25rem 0 0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:1.25rem;color:#333;margin:0 0 1.5rem;font-weight:600}.plan-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.plan-legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:8px}.plan-legend-color{width:12px;height:12px;border-radius:3px}.plan-legend-name{font-weight:600;color:#333}.plan-legend-count{color:#666;font-size:.9rem}.plan-legend-inactive{color:#999;font-size:.8rem;font-style:italic}@media(max-width:768px){.stats-grid,.charts-grid{grid-template-columns:1fr}.plan-legend{flex-direction:column;gap:.5rem}}.members-page{max-width:1600px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title-section{display:flex;flex-direction:column;gap:4px}.vat-notice{font-size:13px;color:#059669;font-weight:500;margin:0}.page-actions{display:flex;gap:1rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:#fff;padding:0 1rem;border-radius:8px;box-shadow:0 2px 4px #00000014;min-width:300px;height:44px}.search-box input{border:none;outline:none;flex:1;font-size:.95rem;height:100%}.filter-box{display:flex;align-items:center;gap:.5rem;background:#fff;padding:0 1rem;border-radius:8px;box-shadow:0 2px 4px #00000014;height:44px}.filter-box select{border:none;outline:none;font-size:.95rem;cursor:pointer;background:transparent;height:100%}.stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-item{background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #00000014;display:flex;flex-direction:column;gap:.5rem;min-height:80px;justify-content:center}.stat-label{font-size:.85rem;color:#666}.stat-number{font-size:1.75rem;font-weight:700;color:#333}.stat-number.clickable{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.stat-number.clickable:hover{transform:scale(1.1);opacity:.8}.stat-number.active{color:#1a9b8e}.stat-number.pending{color:#ff9d47}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.members-table th{padding:1rem;text-align:left;font-weight:600;color:#495057;font-size:.9rem;white-space:nowrap}.members-table td{padding:1rem;border-bottom:1px solid #e9ecef;font-size:.9rem;color:#333}.members-table tbody tr:hover{background:#f8f9fa}.members-table td input,.members-table td select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.name-cell{font-weight:600;color:#1a9b8e}.name-cell.clickable{cursor:pointer;transition:all .2s}.name-cell.clickable:hover{color:#06c;text-decoration:underline}.sales-cell{font-weight:600;color:#ff9d47}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:1px solid #ddd;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.btn-icon:hover{background:#f8f9fa;border-color:#1a9b8e;color:#1a9b8e}.btn-icon.delete:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.btn-save{background:#1a9b8e;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#5a6268}.info-cell{display:flex;flex-direction:column;gap:.25rem}.info-primary{font-weight:600;color:#333}.info-secondary{font-size:.85rem;color:#666}.edit-info-cell{display:flex;flex-direction:column;gap:.5rem}.edit-info-cell input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#06c;color:#fff;border:none;padding:0 1.25rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #06c3;height:44px;white-space:nowrap}.btn-primary:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 8px #0066cc4d}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-actions{flex-direction:column}.search-box{min-width:auto}.stats-row{flex-direction:column}}.create-member-page{padding:24px;max-width:1200px;margin:0 auto}.create-member-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.back-button:hover{background:#f5f5f5;border-color:#06c;color:#06c}.create-member-form{background:#fff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden}.form-section{padding:32px;border-bottom:1px solid #e0e0e0}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #0066cc}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group label{font-size:14px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.required{color:#f44;font-weight:700}.form-group input,.form-group select{padding:12px 16px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;transition:all .2s;background:#fff;color:#000}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input.error,.form-group select.error{border-color:#f44}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #ff44441a}.error-message{font-size:12px;color:#f44;margin-top:-4px}.plan-info{margin-top:4px}.plan-info small{font-size:12px;color:#666;background:#f0f8ff;padding:6px 10px;border-radius:4px;display:inline-block}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;background:#f9f9f9;border-top:1px solid #e0e0e0}.btn-cancel,.btn-submit{padding:12px 32px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#666;border:1px solid #d0d0d0}.btn-cancel:hover{background:#f5f5f5;border-color:#999}.btn-submit{background:#06c;color:#fff}.btn-submit:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.edit-button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.edit-button:hover{background:#0052a3}.btn-cancel svg,.btn-submit svg{margin-right:4px}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;color:#000;cursor:not-allowed}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #0066cc}.section-header-row .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.btn-add-small{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-small:hover{background:#0052a3}.empty-state-box{text-align:center;padding:40px;color:#666;background:#f9f9f9;border-radius:8px}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background:#f5f5f5;font-weight:600;color:#333;white-space:nowrap}.data-table tbody tr:hover{background:#f9f9f9}.status-tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-tag.active{background:#e6f4ea;color:#1e7e34}.status-tag.pending{background:#fff3e0;color:#e65100}.btn-icon-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#f44;cursor:pointer;border-radius:6px;transition:all .2s}.btn-icon-delete:hover{background:#ffebee}.modal-content{background:#fff;border-radius:12px;padding:24px;min-width:400px;max-width:90%;box-shadow:0 20px 60px #0000004d}.modal-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.empty-message{color:#666;text-align:center;padding:20px}@media(max-width:768px){.create-member-page{padding:16px}.form-section{padding:20px}.form-grid{grid-template-columns:1fr}.form-actions{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.payment-management{padding:24px}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-header h1{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.page-header p{font-size:14px;color:#666}.btn-add-payment{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#1a9b8e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-add-payment:hover{background:#168a7e}.vat-notice{font-size:13px;color:#059669;font-weight:500;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d}.stat-card h3{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.stat-value.warning{color:#f59e0b}.stat-label{font-size:13px;color:#999}.info-section{margin-bottom:24px}.info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.info-card h3{font-size:16px;font-weight:600;color:#0369a1;margin-bottom:16px}.info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.fee-type{background:#fff;padding:16px;border-radius:8px;border:1px solid #e0f2fe}.fee-type h4{font-size:14px;font-weight:600;color:#0369a1;margin-bottom:8px}.fee-type p{font-size:13px;color:#475569;line-height:1.6}.filters-section{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e5e5;margin-bottom:24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.filter-group{display:flex;gap:12px;flex-wrap:wrap}.filter-group select{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.table-container{background:#fff;border-radius:12px;border:1px solid #e5e5e5;overflow:hidden;margin-bottom:16px}.payment-table{width:100%;border-collapse:collapse}.payment-table thead{background:#f9fafb;border-bottom:2px solid #e5e5e5}.payment-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.payment-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.payment-table tbody tr:hover{background:#f9fafb}.payment-table td{padding:16px;font-size:14px;color:#1f2937}.payment-table td.amount{font-weight:600;color:#059669}.payment-table td.no-data{text-align:center;padding:48px;color:#9ca3af}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.type-setup{background:#dbeafe;color:#1e40af}.type-monthly{background:#dcfce7;color:#166534}.payment-method{font-size:13px;color:#4b5563}.payment-method.method-pg{font-weight:600;color:#7c3aed}.fee-type-badge{display:inline-block;margin-left:6px;font-size:11px;color:#7c3aed;font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-completed{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-overdue{background:#fee2e2;color:#991b1b}.pg-fee{color:#7c3aed;font-weight:600;font-size:13px}.not-applicable{color:#d1d5db}.summary-section{padding:12px 0;text-align:right;font-size:14px;color:#6b7280}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.add-payment-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#4b5563}.add-payment-modal form{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a9b8e;box-shadow:0 0 0 3px #1a9b8e1a}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#4b5563;border:none}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:#1a9b8e;color:#fff;border:none}.btn-submit:hover{background:#168a7e}@media(max-width:768px){.payment-management{padding:16px}.page-header{flex-direction:column;align-items:stretch}.btn-add-payment{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group select{flex:1}.table-container{overflow-x:auto}.payment-table{min-width:900px}.info-content,.form-grid{grid-template-columns:1fr}.modal-content{width:95%}}.sales-payment-management{padding:24px}.sales-payment-management .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.sales-payment-management .page-header h1{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:4px}.sales-payment-management .page-header p{font-size:14px;color:#6b7280}.sales-payment-management .btn-excel-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.sales-payment-management .btn-excel-download:hover{background:#059669}.sales-payment-management .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.sales-payment-management .stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.sales-payment-management .stat-card h3{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.sales-payment-management .stat-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.sales-payment-management .stat-value.success{color:#10b981}.sales-payment-management .stat-value.warning{color:#f59e0b}.sales-payment-management .stat-label{font-size:13px;color:#9ca3af}.sales-payment-management .filters-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.sales-payment-management .filters-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.sales-payment-management .filters-row:last-child{margin-bottom:0}.sales-payment-management .search-box{flex:1;min-width:280px;max-width:400px;position:relative}.sales-payment-management .search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.sales-payment-management .search-box input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.sales-payment-management .search-box input:focus{outline:none;border-color:#22c55e}.sales-payment-management .filter-group{display:flex;flex-direction:column;gap:6px}.sales-payment-management .filter-group label{font-size:12px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:4px}.sales-payment-management .filter-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;min-width:120px;background:#fff;cursor:pointer}.sales-payment-management .filter-group select:focus{outline:none;border-color:#22c55e}.sales-payment-management .filter-group.date-range .date-inputs{display:flex;align-items:center;gap:8px}.sales-payment-management .filter-group.date-range input[type=date]{padding:9px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px}.sales-payment-management .filter-group.date-range input[type=date]:focus{outline:none;border-color:#22c55e}.sales-payment-management .filter-group.date-range span{color:#9ca3af}.sales-payment-management .btn-reset{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s}.sales-payment-management .btn-reset:hover{background:#e5e7eb;color:#1f2937}.sales-payment-management .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.sales-payment-management .payments-table{width:100%;border-collapse:collapse;font-size:13px}.sales-payment-management .payments-table th{background:#f9fafb;padding:12px 10px;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.sales-payment-management .payments-table td{padding:12px 10px;border-bottom:1px solid #f3f4f6;color:#1f2937}.sales-payment-management .payments-table tbody tr:hover{background:#f9fafb}.sales-payment-management .payment-id{font-family:monospace;font-size:12px;color:#6b7280}.sales-payment-management .order-number{font-family:monospace;font-size:12px;color:#2563eb;font-weight:500}.sales-payment-management .payment-datetime{white-space:nowrap}.sales-payment-management .payment-datetime .date{display:block;font-weight:500}.sales-payment-management .payment-datetime .time{display:block;font-size:11px;color:#9ca3af}.sales-payment-management .amount{font-weight:600;text-align:right;white-space:nowrap}.sales-payment-management .card-number{font-family:monospace;font-size:12px;color:#6b7280}.sales-payment-management .approval-number{font-family:monospace;font-size:12px}.sales-payment-management .settlement-date{white-space:nowrap}.sales-payment-management .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.sales-payment-management .status-badge.settled{background:#d1fae5;color:#065f46}.sales-payment-management .status-badge.unsettled{background:#fef3c7;color:#92400e}.sales-payment-management .pagination-section{display:flex;align-items:center;justify-content:center;gap:32px;padding:16px 0}.sales-payment-management .page-size-selector{display:flex;align-items:center;gap:8px}.sales-payment-management .page-size-selector label{font-size:14px;color:#6b7280}.sales-payment-management .page-size-selector select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.sales-payment-management .page-size-selector select:focus{outline:none;border-color:#22c55e}.sales-payment-management .pagination{display:flex;align-items:center;justify-content:center;gap:16px}.sales-payment-management .pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.sales-payment-management .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.sales-payment-management .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sales-payment-management .pagination-info{font-size:14px;color:#6b7280}.sales-payment-management .pagination-info span:first-child{font-weight:600;color:#1f2937}.sales-payment-management .pagination-info .total-count{margin-left:8px;color:#9ca3af}.sales-payment-management .approval-link{background:none;border:none;color:#2563eb;font-family:monospace;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.sales-payment-management .approval-link:hover{color:#1d4ed8}.sales-payment-management .receipt-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.sales-payment-management .receipt-modal{background:#fff;border-radius:12px;width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.sales-payment-management .receipt-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.sales-payment-management .receipt-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.sales-payment-management .receipt-header .btn-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.sales-payment-management .receipt-header .btn-close:hover{background:#e5e7eb;color:#1f2937}.sales-payment-management .receipt-content{padding:20px}.sales-payment-management .receipt-title{text-align:center;padding-bottom:20px;border-bottom:2px dashed #e5e7eb;margin-bottom:20px}.sales-payment-management .receipt-logo{font-size:24px;font-weight:700;color:#22c55e;margin-bottom:4px}.sales-payment-management .receipt-title p{font-size:14px;color:#6b7280;margin:0}.sales-payment-management .receipt-section{margin-bottom:20px}.sales-payment-management .receipt-section h3{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.sales-payment-management .receipt-row{display:flex;justify-content:space-between;padding:8px 0}.sales-payment-management .receipt-row .label{font-size:13px;color:#6b7280}.sales-payment-management .receipt-row .value{font-size:13px;color:#1f2937;font-weight:500;text-align:right}.sales-payment-management .receipt-row .value.amount{font-size:16px;font-weight:700;color:#2563eb}.sales-payment-management .receipt-footer{text-align:center;padding-top:16px;border-top:2px dashed #e5e7eb;margin-top:20px}.sales-payment-management .receipt-footer p{font-size:11px;color:#9ca3af;margin:4px 0}@media(max-width:1200px){.sales-payment-management .stats-grid{grid-template-columns:repeat(2,1fr)}.sales-payment-management .table-container{overflow-x:auto}.sales-payment-management .payments-table{min-width:1400px}}@media(max-width:768px){.sales-payment-management{padding:16px}.sales-payment-management .stats-grid{grid-template-columns:1fr}.sales-payment-management .filters-row{flex-direction:column;align-items:stretch}.sales-payment-management .search-box{max-width:none}.sales-payment-management .filter-group select{width:100%}}.settlement-management{padding:24px}.page-header h1{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a}.page-header p{font-size:14px;color:#666;margin:0}.vat-notice{font-size:13px;color:#059669;font-weight:500;margin-top:8px!important}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:10px;padding:20px 24px;border:1px solid #e5e7eb}.stat-card h3{font-size:13px;color:#6b7280;margin:0 0 10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:26px;font-weight:700;color:#1a1a1a;margin:0;font-variant-numeric:tabular-nums}.filters-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e5e7eb;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.filters-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex:1}.search-box{display:flex;align-items:center;gap:8px;padding:0 14px;height:44px;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;max-width:280px;background:#fff;transition:border-color .2s}.table-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto}.settlement-table{width:100%;border-collapse:collapse}.settlement-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.settlement-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap}.settlement-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#1a1a1a}.settlement-table tbody tr:hover{background:#f9fafb}.settlement-table tbody tr:last-child td{border-bottom:none}.seller-name{font-weight:600;color:#3b82f6}.amount{text-align:right;font-variant-numeric:tabular-nums}.settlement-amount{text-align:right;font-weight:600;color:#059669;font-variant-numeric:tabular-nums}.no-data{text-align:center;color:#9ca3af;padding:40px!important}.table-footer{background:#fff;border-radius:8px;padding:16px;margin-top:16px;border:1px solid #e5e7eb;text-align:right}.table-footer p{margin:0;font-size:14px;color:#666}.period-cell{min-width:200px}.period-info{display:flex;flex-direction:column;gap:4px}.period-range{font-size:14px;color:#1a1a1a;font-weight:500}.settlement-date{font-size:12px;color:#666}.commission-cell{text-align:right}.commission-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.commission-amount{font-size:14px;color:#1a1a1a;font-weight:500;font-variant-numeric:tabular-nums}.commission-rate{font-size:12px;color:#666}.payment-method-btn{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;color:#3b82f6;font-weight:500;transition:all .2s}.payment-method-btn:hover{background:#e5e7eb;border-color:#3b82f6}.btn-delete-selected{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-delete-selected:hover{background:#b91c1c}.checkbox-cell{text-align:center;width:40px}.checkbox-cell input[type=checkbox],.settlement-table th input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selected-row{background-color:#eff6ff!important}.selected-row:hover{background-color:#dbeafe!important}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-title{font-size:20px;font-weight:700;margin:0 0 20px;color:#1a1a1a}.account-info{display:flex;flex-direction:column;gap:16px}.account-item{display:flex;flex-direction:column;gap:4px}.account-item label{font-size:12px;color:#666;font-weight:500}.account-item p{font-size:16px;color:#1a1a1a;margin:0;padding:10px 12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.account-number{font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px;color:#3b82f6!important}.modal-footer{display:flex;justify-content:space-between;gap:8px}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.date-range-filter{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.date-range-filter svg{color:#9ca3af;flex-shrink:0}.date-input{height:32px;padding:0 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;background:#f9fafb;cursor:pointer;outline:none;transition:border-color .2s}.date-input:focus{border-color:#3b82f6;background:#fff}.date-separator{color:#9ca3af;font-size:14px;margin:0 4px}.clear-date-btn{height:32px;padding:0 12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:#dc2626;transition:all .2s}.clear-date-btn:hover{background:#fecaca;border-color:#f87171}.chart-section{background:#fff;border-radius:8px;padding:24px;margin-top:24px;border:1px solid #e5e7eb}.chart-title{font-size:18px;font-weight:700;margin:0 0 20px;color:#1a1a1a}.chart-container{width:100%;height:400px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-buttons{display:flex;gap:12px;align-items:center}.btn-generate-settlement{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#1a9b8e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-generate-settlement:hover{background:#148f82}.btn-upload-result{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-upload-result:hover{background:#2563eb}.btn-payment-request{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-payment-request:hover{background:#7c3aed}.btn-payment-request-upload{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-payment-request-upload:hover{background:#047857}.settlement-id-seller{min-width:180px}.id-seller-info{display:flex;flex-direction:column;gap:4px}.id-seller-info .settlement-id{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:12px;color:#6366f1;font-weight:500}.id-seller-info .seller-name{font-weight:600;color:#111827;font-size:14px}.btn-settlement-report{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-settlement-report:hover{background:#e0f2fe;border-color:#0284c7}.settlement-report-modal{width:1200px;max-width:95vw;min-width:900px;max-height:90vh;overflow-y:auto;padding:32px 40px;box-sizing:border-box}.modal-content.settlement-report-modal{max-width:1200px;width:95vw;min-width:900px}.report-info-wide{display:flex;align-items:flex-start;gap:40px;background:#f8fafc;border-radius:10px;padding:16px 24px;margin-bottom:24px;border:1px solid #e2e8f0}.report-info-wide .info-item{display:flex;flex-direction:column;gap:8px;flex:1}.report-info-wide .info-item label{font-size:13px;color:#64748b;font-weight:600}.report-info-wide .info-item p{font-size:16px;color:#1e293b;margin:0;font-weight:600}.report-table-wide{width:100%;border-collapse:collapse;margin-bottom:32px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;table-layout:fixed}.report-table-wide thead{background:#f1f5f9}.report-table-wide th{padding:12px 16px;text-align:left;font-size:14px;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0}.report-table-wide th:last-child{text-align:right}.report-table-wide td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:15px;color:#1e293b}.report-table-wide tbody tr:last-child td{border-bottom:none}.report-table-wide tbody tr:hover{background:#f8fafc}.report-bottom-section{display:flex;gap:24px;margin-top:24px}.report-summary-wide{flex:1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:16px 24px;border:2px solid #e2e8f0}.report-summary-wide h4{margin:0 0 20px;font-size:16px;font-weight:700;color:#1e293b;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.summary-item label{font-size:15px;color:#64748b;font-weight:600}.summary-item p{font-size:16px;color:#1e293b;margin:0;font-weight:600;font-variant-numeric:tabular-nums}.summary-item.total{padding-top:16px;margin-top:8px;border-top:2px solid #3b82f6}.summary-item.total label{font-size:17px;color:#1e293b;font-weight:700}.account-info-wide{flex:1;background:#f0f9ff;border-radius:10px;padding:16px 24px;border:1px solid #bae6fd}.account-info-wide h4{margin:0 0 20px;font-size:16px;font-weight:700;color:#0369a1;padding-bottom:12px;border-bottom:2px solid #bae6fd}.account-items{display:flex;flex-direction:column;gap:16px}.account-item-inline{display:flex;align-items:center;gap:16px}.account-item-inline label{font-size:14px;color:#0369a1;font-weight:600;min-width:80px}.account-item-inline p{font-size:16px;color:#1e293b;margin:0;font-weight:600}.account-item-inline .account-number{color:#0284c7;font-weight:700;font-variant-numeric:tabular-nums;font-size:18px}.settlement-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid #1a9b8e}.settlement-report-header .header-left{display:flex;align-items:center;gap:20px}.settlement-report-header .modal-title{margin:0;font-size:28px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.report-logo{height:56px;width:auto;object-fit:contain}.report-actions{display:flex;gap:8px}.btn-icon-only{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.btn-icon-only:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-icon{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-icon:hover{background:#3b82f6;color:#fff}.settlement-report-body{margin-bottom:32px}.report-info{background:#f8fafc;border-radius:12px;padding:28px;margin-bottom:32px;border:1px solid #e2e8f0}.report-info-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:20px}.report-info-row:last-child{margin-bottom:0}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:13px;color:#64748b;font-weight:600;letter-spacing:.3px}.info-item p{font-size:16px;color:#1e293b;margin:0;font-weight:600;line-height:1.5}.section-title{font-size:17px;font-weight:700;color:#1e293b;margin:32px 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.report-table{width:100%;border-collapse:collapse;margin-bottom:32px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.report-table thead{background:#f1f5f9}.report-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:700;color:#475569;letter-spacing:.3px;border-bottom:2px solid #e2e8f0}.report-table th:last-child{text-align:right}.report-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b;line-height:1.5}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover{background:#f8fafc}.order-date{font-size:12px;color:#94a3b8;margin-top:4px}.report-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px 28px;border:2px solid #e2e8f0;margin-bottom:32px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0}.summary-row:last-child{border-bottom:none}.summary-row label{font-size:15px;color:#64748b;font-weight:600}.summary-row p{font-size:16px;color:#1a1a1a;margin:0;font-weight:600;font-variant-numeric:tabular-nums}.summary-row.total{padding-top:16px;margin-top:8px;border-top:2px solid #3b82f6}.summary-row.total label{font-size:17px;color:#1a1a1a;font-weight:700}.summary-row.total p{font-size:20px;color:#059669;font-weight:700}.summary-row .commission{color:#dc2626}.account-info-section{margin-top:16px;padding:16px 20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.account-info-row{display:flex;align-items:center;gap:32px;flex-wrap:nowrap}.account-info-item{display:flex;align-items:center;gap:10px;white-space:nowrap}.account-info-item label{font-size:14px;color:#64748b;font-weight:600}.account-info-item p{font-size:15px;color:#1e293b;margin:0;font-weight:600}.account-info-item .account-number{color:#0284c7;font-weight:700;font-variant-numeric:tabular-nums}.btn-secondary{padding:10px 20px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-delete{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-delete:hover{background:#b91c1c}@media print{body *{visibility:hidden}.modal-overlay,.modal-overlay *{visibility:visible}.modal-overlay{position:fixed;top:0;left:0;background:#fff!important;display:block}.settlement-report-modal{position:absolute;top:0;left:0;max-width:100%;width:100%;max-height:none;margin:0;padding:20px;box-shadow:none}.settlement-report-header .report-actions,.modal-footer{display:none!important}.report-table{page-break-inside:auto}.report-table tr{page-break-inside:avoid;page-break-after:auto}.report-table thead{display:table-header-group}.report-summary{page-break-inside:avoid}}.btn-seller-registration{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-seller-registration:hover{background:#6d28d9}.seller-modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.seller-select-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.seller-search-box{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.seller-search-box input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.seller-search-box svg{color:#9ca3af}.seller-select-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-label input{width:18px;height:18px;cursor:pointer}.selected-count{font-size:14px;color:#7c3aed;font-weight:500}.seller-list{flex:1;overflow-y:auto;max-height:350px;display:flex;flex-direction:column;gap:8px}.seller-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.seller-item:hover{background:#f3f4f6;border-color:#d1d5db}.seller-item.selected{background:#f5f3ff;border-color:#7c3aed}.seller-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#7c3aed}.seller-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.seller-item-name{font-size:14px;font-weight:600;color:#1f2937}.seller-item-details{font-size:12px;color:#6b7280}.seller-status{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500}.seller-status.active{background:#dcfce7;color:#15803d}.seller-status.inactive{background:#fef3c7;color:#b45309}.seller-confirm-body{padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px}.confirm-message{text-align:center}.confirm-message .confirm-icon{color:#7c3aed;margin-bottom:16px}.confirm-message h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.confirm-message p{font-size:14px;color:#6b7280;margin:0}.selected-sellers-list{width:100%;max-height:250px;overflow-y:auto;background:#f9fafb;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.selected-seller-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.selected-seller-item .seller-name{font-size:14px;font-weight:500;color:#1f2937}.selected-seller-item .seller-business{font-size:13px;color:#6b7280}.db-status-bar{position:fixed;bottom:0;left:250px;right:0;height:32px;display:flex;align-items:center;gap:10px;padding:0 20px;font-size:12px;border-top:1px solid #e5e7eb;background:#f9fafb;z-index:100}.db-status-bar.connected{background:#f0fdf4;border-top-color:#bbf7d0}.db-status-bar.disconnected{background:#fef2f2;border-top-color:#fecaca}.db-status-indicator{width:8px;height:8px;border-radius:50%}.db-status-bar.connected .db-status-indicator{background:#22c55e;box-shadow:0 0 4px #22c55e}.db-status-bar.disconnected .db-status-indicator{background:#ef4444;box-shadow:0 0 4px #ef4444}.db-status-message{color:#374151;font-weight:500}.db-status-bar.connected .db-status-message{color:#166534}.db-status-bar.disconnected .db-status-message{color:#991b1b}.db-status-time{color:#6b7280;margin-left:auto}@media(max-width:768px){.db-status-bar{left:0}}.settlement-detail-page{padding:24px;background:#f8fafc;min-height:100vh}.loading{text-align:center;padding:60px;color:#64748b;font-size:16px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:3px solid #1a9b8e}.header-left{display:flex;align-items:center;gap:24px}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-back:hover{background:#f1f5f9;color:#1e293b}.title-section{display:flex;align-items:center;gap:16px}.report-logo{height:48px;width:auto;object-fit:contain}.title-section h1{margin:0;font-size:28px;font-weight:700;color:#1e293b;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:10px}.btn-icon-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.btn-icon-action:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-delete{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626}.detail-content{background:#fff;border-radius:10px;padding:28px 32px;box-shadow:0 1px 3px #0000001a}.info-table{width:100%;border-collapse:collapse;margin-bottom:24px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.info-table th,.info-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.info-table th{background:#f8fafc;font-size:13px;font-weight:600;color:#64748b;width:100px;white-space:nowrap}.info-table td{font-size:14px;font-weight:600;color:#1e293b}.info-table tr:last-child th,.info-table tr:last-child td{border-bottom:none}.info-table td.settlement-id-value{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;color:#6366f1;font-weight:700}.orders-section{margin-bottom:24px}.orders-section h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.orders-table{width:100%;border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.orders-table thead{background:#f1f5f9}.orders-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.orders-table th:last-child{text-align:right}.orders-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b;white-space:nowrap}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:#f8fafc}.text-right{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.bottom-section{display:flex;gap:24px}.summary-section{flex:1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:20px 24px;border:2px solid #e2e8f0}.summary-section h4,.account-section h4{margin:0 0 16px;font-size:15px;font-weight:700;color:#1e293b;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.summary-items{display:flex;flex-direction:column;gap:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-item label{font-size:14px;color:#64748b;font-weight:600;white-space:nowrap}.summary-item p{font-size:15px;color:#1e293b;margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.summary-item.total{padding-top:12px;margin-top:6px;border-top:2px solid #3b82f6}.summary-item.total label{font-size:16px;color:#1e293b;font-weight:700}.summary-item.total p{font-size:22px;color:#059669;font-weight:700}.summary-item .commission{color:#dc2626}.account-section{flex:1;background:#f0f9ff;border-radius:10px;padding:20px 24px;border:1px solid #bae6fd}.account-section h4{color:#0369a1;border-bottom-color:#bae6fd}.account-items{display:grid;grid-template-columns:80px 1fr;gap:12px 16px;align-items:center}.account-item{display:contents}.account-item label{font-size:14px;color:#0369a1;font-weight:600;white-space:nowrap;text-align:left}.account-item p{font-size:15px;color:#1e293b;margin:0;font-weight:600;white-space:nowrap;text-align:left}.account-item .account-number{color:#0284c7;font-weight:700;font-variant-numeric:tabular-nums;font-size:17px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.status-badge.pending{background:#e0e7ff;color:#3730a3}.status-badge.hold{background:#fef3c7;color:#92400e}.payment-result-section{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.payment-result-section h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:16px}.payment-result-content{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.payment-result-table{width:100%;border-collapse:collapse}.payment-result-table th,.payment-result-table td{padding:10px 12px;text-align:left;font-size:14px;border-bottom:1px solid #e2e8f0}.payment-result-table th{background:#f1f5f9;color:#475569;font-weight:600;width:120px;white-space:nowrap}.payment-result-table td{color:#1e293b}.payment-result-table tr:last-child th,.payment-result-table tr:last-child td{border-bottom:none}.payment-result-table .failure-row th,.payment-result-table .failure-row td{background:#fef2f2}.payment-result-table .actual-payment{font-weight:700;color:#059669}.payment-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.payment-status-badge.success{background:#d1fae5;color:#065f46}.payment-status-badge.failed{background:#fee2e2;color:#991b1b}.payment-status-badge.pending{background:#fef3c7;color:#92400e}.payment-result-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:40px;text-align:center}.payment-result-empty p{color:#64748b;font-size:15px;margin:0}@media print{.detail-header .btn-back,.header-actions{display:none}.detail-content{box-shadow:none;padding:20px}}.settlement-docs{max-width:900px;margin:0 auto;padding:30px;background:#fff;min-height:100vh}.docs-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.docs-header h1{margin:15px 0 10px;color:#1a1a2e;font-size:28px}.docs-header svg{color:#4a6cf7}.docs-subtitle{color:#666;font-size:16px}.docs-section{margin-bottom:35px}.docs-section h2{display:flex;align-items:center;gap:10px;color:#1a1a2e;font-size:20px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.docs-section h2 svg{color:#4a6cf7}.docs-section h3{color:#333;font-size:16px;margin:20px 0 10px}.docs-content{padding-left:30px}.docs-content ul{margin:10px 0;padding-left:20px}.docs-content li{margin:8px 0;color:#444;line-height:1.6}.docs-table{width:100%;border-collapse:collapse;margin:15px 0;font-size:14px}.docs-table.small{font-size:13px}.docs-table th,.docs-table td{padding:12px 15px;text-align:left;border:1px solid #e0e0e0}.docs-table th{background:#f5f7fa;font-weight:600;color:#333}.docs-table td{background:#fff;color:#444}.docs-table tr:nth-child(2n) td{background:#fafafa}.formula-box{background:linear-gradient(135deg,#4a6cf7,#6366f1);color:#fff;padding:20px;border-radius:8px;text-align:center;font-size:18px;margin:15px 0}.note-box{display:flex;align-items:center;gap:10px;background:#fff8e6;border:1px solid #ffd666;border-radius:6px;padding:12px 15px;margin:15px 0;color:#8a6d00}.note-box svg{flex-shrink:0}.column-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.column-grid span{background:#f0f4ff;padding:8px 12px;border-radius:4px;font-size:13px;color:#4a6cf7;text-align:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.success{background:#e6f7e6;color:#2e7d32}.status-badge.failed{background:#ffebee;color:#c62828}.status-badge.pending{background:#fff3e0;color:#e65100}.code-block{background:#1a1a2e;border-radius:8px;padding:20px;overflow-x:auto}.code-block pre{margin:0;color:#a5d6ff;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.docs-footer{margin-top:50px;padding-top:20px;border-top:2px solid #e0e0e0;text-align:center;color:#888;font-size:14px}.docs-footer p{margin:5px 0}@media(max-width:768px){.settlement-docs{padding:20px}.docs-content{padding-left:0}.column-grid{grid-template-columns:repeat(2,1fr)}.docs-table{display:block;overflow-x:auto}}.create-settlement-page{padding:2rem;max-width:1400px;margin:0 auto}.create-settlement-page .page-header{margin-bottom:2rem}.create-settlement-page .btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;margin-bottom:1rem;transition:all .2s}.create-settlement-page .btn-back:hover{background:#f9fafb;border-color:#d1d5db}.create-settlement-page h1{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.create-settlement-page .page-header p{color:#6b7280;font-size:.875rem}.settlement-form{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.select-actions{display:flex;gap:.5rem}.btn-select-action{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-select-action:hover{background:#f3f4f6;border-color:#9ca3af}.date-range-inputs{display:flex;align-items:center;gap:1rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{font-size:.875rem;font-weight:500;color:#374151}.date-input{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:200px}.date-separator{color:#6b7280;font-weight:500;margin-top:1.5rem}.month-select-group{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.month-select-group label{font-size:.875rem;font-weight:500;color:#374151}.month-select{padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:150px;background:#fff;cursor:pointer}.month-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.seller-checkboxes,.status-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-text{font-size:.875rem;color:#374151}.seller-info{color:#6b7280;font-size:.75rem;margin-left:.5rem}.form-actions{display:flex;justify-content:center;margin-top:2rem}.btn-start-settlement{padding:.875rem 3rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-start-settlement:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.settlement-preview{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.preview-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.preview-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.preview-period{color:#6b7280;font-size:.875rem}.preview-table-container{overflow-x:auto;margin-bottom:2rem}.preview-table{width:100%;border-collapse:collapse}.preview-table th{background:#f9fafb;padding:.875rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.preview-table td{padding:1rem .875rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#111827}.preview-table .seller-name{font-weight:600;color:#1f2937}.preview-table .amount{text-align:right;font-weight:500}.preview-table .commission{text-align:right;color:#dc2626}.preview-table .settlement-amount{text-align:right;font-weight:700;color:#059669}.preview-table tfoot .total-row{background:#f9fafb;font-weight:700}.preview-table tfoot .total-row td{padding:1rem .875rem;border-top:2px solid #e5e7eb;border-bottom:none}.confirmation-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:2rem;text-align:center}.confirmation-question{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.confirmation-actions{display:flex;justify-content:center;gap:1rem}.btn-reset{padding:.75rem 2rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#f3f4f6;border-color:#9ca3af}.btn-confirm{padding:.75rem 2rem;background:#059669;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966966}@media(max-width:768px){.create-settlement-page{padding:1rem}.settlement-form,.settlement-preview{padding:1.5rem}.date-range-inputs{flex-direction:column;align-items:stretch}.date-separator{margin-top:0;text-align:center}.seller-checkboxes,.status-checkboxes{grid-template-columns:1fr}.confirmation-actions{flex-direction:column}.btn-reset,.btn-confirm{width:100%}}.payment-request-preview{padding:24px;background:#f8fafc;min-height:100vh}.payment-request-preview .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid #1a9b8e}.payment-request-preview .header-left{display:flex;align-items:center;gap:24px}.payment-request-preview .btn-back{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.payment-request-preview .btn-back:hover{background:#f1f5f9;color:#1e293b}.payment-request-preview .title-section{display:flex;align-items:center;gap:12px}.payment-request-preview .title-icon{color:#1a9b8e}.payment-request-preview .title-section h1{margin:0;font-size:24px;font-weight:700;color:#1e293b}.summary-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.summary-section h2{margin:0 0 20px;font-size:18px;font-weight:700;color:#1e293b}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px}.summary-card .label{font-size:13px;color:#64748b;font-weight:500}.summary-card .value{font-size:20px;font-weight:700;color:#1e293b}.summary-card.highlight{background:#ecfdf5;border-color:#10b981}.summary-card.highlight .value{color:#059669}.settlements-list-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.settlements-list-section h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#1e293b}.settlements-table{width:100%;border-collapse:collapse}.settlements-table th,.settlements-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:14px}.settlements-table th{background:#f8fafc;color:#475569;font-weight:600}.settlements-table td{color:#1e293b}.settlements-table .id-cell{font-family:Monaco,Consolas,monospace;font-size:13px;color:#0369a1}.settlements-table .amount{text-align:right;font-variant-numeric:tabular-nums}.settlements-table .amount.highlight{font-weight:700;color:#059669}.settlements-table tfoot .total-row{background:#f1f5f9;font-weight:700}.settlements-table tfoot .total-row td{border-bottom:none;padding:14px 16px}.empty-state{text-align:center;padding:48px 24px;color:#64748b}.action-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.payment-date-input{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.payment-date-input label{font-size:14px;font-weight:600;color:#475569;white-space:nowrap}.payment-date-input .date-input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#1e293b;background:#fff}.payment-date-input .date-input:focus{outline:none;border-color:#1a9b8e;box-shadow:0 0 0 3px #1a9b8e1a}.action-section .description{margin:0;font-size:15px;color:#475569;flex:1}.btn-generate{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#1a9b8e,#0d7a6e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #1a9b8e4d}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #1a9b8e66}.btn-generate:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.action-section{flex-direction:column;gap:16px;text-align:center}}.order-management{padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.stat-card h3{font-size:.9rem;color:#6b7280;margin-bottom:.75rem;font-weight:500}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.filters-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.search-box input{flex:1;border:none;background:transparent;font-size:.95rem;outline:none}.date-range-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.date-range-box label{font-size:.9rem;color:#374151;font-weight:600;white-space:nowrap}.date-range-box input[type=date]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.9rem;outline:none;cursor:pointer;transition:all .2s}.date-range-box input[type=date]:hover{border-color:#9ca3af}.date-range-box input[type=date]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-separator{color:#6b7280;font-weight:500}.btn-clear-date{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#6b7280;cursor:pointer;transition:all .2s;font-weight:500}.btn-clear-date:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.filter-group{display:flex;gap:1rem;flex-wrap:wrap}.filter-box{display:flex;align-items:center;gap:.5rem;padding:0 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;height:44px}.filter-box select{width:100%;height:100%;border:none;background:transparent;font-size:14px;font-weight:500;outline:none;cursor:pointer;color:#374151;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:20px}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.order-table{width:100%;border-collapse:collapse}.order-table thead{background:#f9fafb}.order-table th{padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.order-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#1f2937}.order-table tbody tr:hover{background:#f9fafb}.order-number{font-weight:600;color:#3b82f6}.hospital-name,.seller-name{font-weight:500}.date-cell{font-size:.85rem}.date-info{display:flex;flex-direction:column;gap:.25rem}.order-date{color:#6b7280}.delivery-date{color:#3b82f6;font-size:.8rem}.amount{font-weight:600;color:#059669}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;background:#e5e7eb;color:#6b7280}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.processing{background:#dbeafe;color:#1e40af}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.btn-icon{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#e5e7eb;border-color:#d1d5db}.table-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}.items-per-page{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.items-per-page label{font-size:.9rem;color:#6b7280;font-weight:500}.items-per-page select{padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;font-size:.9rem;cursor:pointer;outline:none;transition:all .2s}.items-per-page select:hover{border-color:#d1d5db;background:#f3f4f6}.table-footer{padding:1.5rem;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:1rem}.footer-info{text-align:center}.footer-info p{margin:0;color:#6b7280;font-size:.9rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-page{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .2s}.pagination-page:hover{background:#f9fafb;border-color:#d1d5db}.pagination-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.pagination-ellipsis{padding:0 .5rem;color:#9ca3af}.no-data{text-align:center;padding:3rem 1rem;color:#9ca3af;font-style:italic}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.order-detail-modal .modal-title{padding:1.5rem;border-bottom:2px solid #e5e7eb;margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.order-detail-modal .modal-body{padding:1.5rem}.order-detail-section{margin-bottom:2rem}.order-detail-section:last-child{margin-bottom:0}.order-detail-section h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.detail-item p{margin:0;font-size:.95rem;color:#1f2937;font-weight:500}.items-table{width:100%;border-collapse:collapse;margin-top:1rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.items-table thead{background:#f9fafb}.items-table th{padding:.75rem 1rem;text-align:left;font-size:.85rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.items-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#1f2937}.items-table tbody tr:last-child td{border-bottom:none}.total-amount-masked{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;text-align:right;font-size:1rem;color:#374151}.settlement-control{display:flex;align-items:center;gap:1rem}.btn-settle,.btn-unsettle{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-settle{background:#10b981;color:#fff}.btn-settle:hover{background:#059669}.btn-unsettle{background:#f59e0b;color:#fff}.btn-unsettle:hover{background:#d97706}.modal-footer{padding:1.5rem;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.btn-primary{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.status-badge.clickable{cursor:pointer;transition:all .2s}.status-badge.clickable:hover{opacity:.8;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.settlement-detail-modal .modal-title{padding:1.5rem;border-bottom:2px solid #e5e7eb;margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.settlement-detail-modal .modal-body{padding:1.5rem}.amount-large{font-size:1.1rem;font-weight:700;color:#059669}.amount-commission{font-size:1rem;font-weight:600;color:#dc2626}.amount-settlement{font-size:1.1rem;font-weight:700;color:#3b82f6}.admin-accounts-page{padding:24px}.admin-accounts-page .page-header{margin-bottom:24px}.admin-accounts-page .page-header h1{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 4px}.admin-accounts-page .page-header p{color:#6b7280;margin:0}.admin-accounts-page .controls-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-accounts-page .btn-create{display:flex;align-items:center;gap:8px;padding:0 20px;height:44px;background:#4abe4a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.admin-accounts-page .btn-create:hover{background:#3da63d}.admin-accounts-page .search-box{flex:1;max-width:400px}.admin-accounts-page .search-box input{width:100%;height:44px;padding:0 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.admin-accounts-page .stats-cards{display:flex;gap:16px;margin-bottom:24px}.admin-accounts-page .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 24px;display:flex;flex-direction:column;gap:4px}.admin-accounts-page .stat-label{font-size:13px;color:#6b7280}.admin-accounts-page .stat-value{font-size:24px;font-weight:600;color:#1f2937}.admin-accounts-page .stat-value.active{color:#10b981}.admin-accounts-page .stat-value.pending{color:#f59e0b}.admin-accounts-page .table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.admin-accounts-page .admin-table{width:100%;border-collapse:collapse}.admin-accounts-page .admin-table th,.admin-accounts-page .admin-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.admin-accounts-page .admin-table th{background:#f9fafb;font-weight:500;color:#6b7280;font-size:13px}.admin-accounts-page .admin-table td{font-size:14px;color:#1f2937}.admin-accounts-page .login-id-cell{font-weight:500;color:#3b82f6}.admin-accounts-page .permission-badge{display:inline-block;padding:4px 10px;background:#eff6ff;color:#3b82f6;border-radius:20px;font-size:12px;font-weight:500}.admin-accounts-page .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.admin-accounts-page .status-badge.active{background:#d1fae5;color:#059669}.admin-accounts-page .status-badge.pending{background:#fef3c7;color:#d97706}.admin-accounts-page .action-buttons{display:flex;gap:8px}.admin-accounts-page .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.admin-accounts-page .btn-icon:hover{background:#f3f4f6;color:#3b82f6}.admin-accounts-page .btn-icon.delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.admin-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.admin-modal .modal-header h3{margin:0;font-size:18px;font-weight:600}.admin-modal .btn-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.admin-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.admin-modal .form-section{margin-bottom:24px}.admin-modal .form-section:last-child{margin-bottom:0}.admin-modal .form-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.admin-modal .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-modal .section-header h4{margin:0}.admin-modal .btn-select-all{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#4b5563;cursor:pointer;transition:all .2s}.admin-modal .btn-select-all:hover{background:#e5e7eb}.admin-modal .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-modal .form-group{display:flex;flex-direction:column;gap:6px}.admin-modal .form-group label{font-size:13px;font-weight:500;color:#374151}.admin-modal .form-group .required{color:#ef4444}.admin-modal .form-group input,.admin-modal .form-group select{height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.admin-modal .form-group input:disabled{background:#f3f4f6;color:#9ca3af}.admin-modal .password-input{position:relative;display:flex}.admin-modal .password-input input{flex:1;padding-right:40px}.admin-modal .btn-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.admin-modal .permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-modal .permission-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.admin-modal .permission-checkbox:hover{background:#f3f4f6}.admin-modal .permission-checkbox input{display:none}.admin-modal .permission-checkbox .checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-modal .permission-checkbox input:checked+.checkmark{background:#4abe4a;border-color:#4abe4a}.admin-modal .permission-checkbox input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.admin-modal .permission-checkbox .label-text{font-size:13px;color:#374151}.admin-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.admin-modal .btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#4b5563;cursor:pointer}.admin-modal .btn-primary{padding:10px 20px;background:#4abe4a;border:none;border-radius:8px;font-size:14px;color:#fff;font-weight:500;cursor:pointer}.admin-modal .btn-primary:hover{background:#3da63d}@media(max-width:768px){.admin-modal .form-grid{grid-template-columns:1fr}.admin-modal .permissions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.admin-modal .permissions-grid{grid-template-columns:1fr}}.partners-page{padding:24px}.info-cell{display:flex;flex-direction:column;gap:2px}.info-primary{font-weight:500;color:#1f2937}.info-secondary{font-size:12px;color:#6b7280}.stat-card{background:#fff;border-radius:10px;padding:20px 24px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;min-width:120px}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#1a1a1a}.stat-value.active{color:#059669}.stat-value.inactive{color:#dc2626}.controls-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.btn-create{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;background:#1a9b8e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.filters-right{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-width:250px}.search-box input{border:none;outline:none;background:transparent;flex:1;font-size:14px;height:100%}.status-filters{display:flex;gap:6px}.filter-btn{height:44px;padding:0 16px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.table-container{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.partners-table{width:100%;border-collapse:collapse}.partners-table th{background:#f9fafb;padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.partners-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#1a1a1a}.partners-table tbody tr:hover{background:#f9fafb}.partners-table tbody tr:last-child td{border-bottom:none}.login-id{font-weight:600;color:#3b82f6}.business-name{font-weight:500}.bank-info{display:flex;flex-direction:column;gap:2px}.account-number{font-size:12px;color:#6b7280}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.inactive{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#3b82f6;border-color:#3b82f6}.btn-icon.delete:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}.modal-content.partner-modal{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.form-section{margin-bottom:24px}.form-section h4{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.form-group input:disabled{background:#f3f4f6;color:#9ca3af}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:44px}.btn-toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px}.btn-toggle-password:hover{color:#3b82f6}.file-input input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-label{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px dashed #d1d5db;border-radius:8px;background:#f9fafb;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-label:hover{border-color:#3b82f6;background:#eff6ff}.clickable-cell{cursor:pointer;transition:all .2s}.clickable-cell:hover .info-primary{color:#3b82f6}.hospital-count-link{cursor:pointer;color:#3b82f6;text-decoration:underline;font-weight:500}.hospital-count-link:hover{color:#2563eb}.modal-content.hospital-popup{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.hospital-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.hospital-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.hospital-item:last-child{border-bottom:none}.hospital-item:hover{background:#f9fafb}.hospital-name{font-weight:500;color:#1f2937}.hospital-item:hover .hospital-name{color:#3b82f6}.no-hospitals{text-align:center;color:#9ca3af;padding:32px;margin:0}@media(max-width:768px){.controls-section{flex-direction:column;align-items:stretch}.filters-right{flex-direction:column}.search-box{width:100%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.detail-page{padding:24px}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb}.detail-title{font-size:22px;font-weight:600;color:#111827;margin:0}.detail-content{display:flex;flex-direction:column;gap:24px}.info-section{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.info-section.full-width{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#111827;margin:0}.section-title svg{color:#6b7280}.info-grid{display:flex;flex-direction:column}.info-item{display:flex;align-items:center;padding:0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-item.full-width{display:flex}.info-item label{width:160px;min-width:160px;padding:12px 16px;font-size:13px;font-weight:500;color:#374151;background:#f9fafb;border-right:1px solid #e5e7eb}.info-item p{flex:1;padding:12px 16px;font-size:14px;color:#111827;margin:0}.info-value-email,.info-value-phone,.info-value-address{display:flex;align-items:center;gap:8px;color:#4b5563}.info-value-amount{font-weight:600;color:#059669}.partner-select-wrapper{display:flex;align-items:center;gap:8px;color:#4b5563}.partner-select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer}.partner-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-add{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-add:hover{background:#2563eb}.empty-state{padding:48px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:8px}.empty-state p{margin:0;font-size:15px}.individuals-table{width:100%;border-collapse:collapse;font-size:14px}.individuals-table thead{background:#f9fafb}.individuals-table th{padding:12px 16px;text-align:left;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb}.individuals-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6}.individuals-table tbody tr:hover{background:#f9fafb}.action-buttons{display:flex;gap:8px;align-items:center}.btn-edit-small{padding:6px 10px;background:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-edit-small:hover{background:#dbeafe;border-color:#93c5fd}.btn-delete{padding:6px 10px;background:#fee;color:#dc2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fecaca;border-color:#f87171}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 20px}.modal-body{margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.empty-message{padding:32px;text-align:center;color:#9ca3af;font-size:14px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb}.btn-primary{padding:10px 16px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-edit{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#f9fafb;border-color:#9ca3af}.btn-save{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#10b981;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover{background:#059669}.billing-form{background:#f9fafb;border-radius:8px;padding:20px}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.radio-label span{-webkit-user-select:none;user-select:none}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;width:100%}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.btn-billing{width:100%;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-billing:hover{background:#059669}.btn-billing:disabled{background:#9ca3af;cursor:not-allowed}.billing-type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.billing-type-badge.monthly{background:#dbeafe;color:#1e40af}.billing-type-badge.yearly{background:#fef3c7;color:#92400e}.amount-cell{font-weight:600;color:#059669}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.table-container{overflow-x:auto}.account-form{background:#f9fafb;border-radius:8px;padding:20px}.account-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.account-number{font-family:Courier New,monospace;font-weight:500;letter-spacing:.5px}.modal-large{max-width:600px;width:90%}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.permission-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.permission-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.permission-checkbox span{-webkit-user-select:none;user-select:none}.permissions-cell{max-width:200px;font-size:13px;color:#6b7280}.required{color:#dc3545}.error-message{color:#dc3545;font-size:12px;margin-top:4px}.form-input.error{border-color:#dc3545}@media(max-width:768px){.detail-page{padding:16px}.info-item{flex-direction:column;align-items:stretch}.info-item label{width:100%;border-right:none;border-bottom:none}.info-item p{padding:8px 16px 12px}.detail-header{flex-direction:column;align-items:flex-start;gap:12px}.detail-title{font-size:18px}.section-header{padding:12px 16px}.section-title{font-size:14px}.form-row{grid-template-columns:1fr}.permissions-grid{grid-template-columns:repeat(2,1fr)}}.partner-form-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;padding:24px}.form-header-actions{display:flex;justify-content:flex-end;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.form-section h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #1a9b8e}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a9b8e}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;color:#374151;cursor:default}.password-input{display:flex;align-items:center;gap:8px}.password-input input{flex:1}.btn-toggle-password{padding:10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.btn-toggle-password:hover{background:#e5e7eb;color:#374151}.file-input{position:relative}.file-input input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.file-label:hover{background:#e5e7eb}.edit-actions{display:flex;gap:8px}.btn-edit{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1a9b8e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#148f82}.btn-cancel{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;color:#374151}.btn-save{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1a9b8e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.partner-form-container{padding:16px}}.pg-fee-page{padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.page-header p{font-size:14px;color:#6b7280;margin:0}.stats-cards{display:flex;gap:16px;margin-bottom:24px}.top-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:20px;flex-wrap:wrap}.stats-row{display:flex;gap:16px}.stat-card{background:#fff;border-radius:8px;padding:16px 24px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;min-width:160px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:20px;font-weight:700;color:#1a1a1a}.action-buttons{display:flex;align-items:center;gap:10px}.btn-create{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;background:#1a9b8e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s}.btn-create:hover{background:#148f82}.btn-excel{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;background:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s}.btn-excel:hover{background:#047857}.filters-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range{display:flex;align-items:center;gap:10px}.date-range svg{color:#6b7280;flex-shrink:0}.date-input{height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#374151;cursor:pointer;min-width:140px}.date-input:focus{outline:none;border-color:#3b82f6}.date-separator{color:#6b7280;font-size:13px;font-weight:500}.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-width:180px}.search-box:focus-within{border-color:#3b82f6}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{border:none;outline:none;background:transparent;flex:1;font-size:13px;height:100%}.pg-filters{display:flex;gap:6px}.filter-btn{height:40px;padding:0 14px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.filter-btn.active{background:#1a9b8e;color:#fff;border-color:#1a9b8e}.table-container{background:#fff;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:16px}.pg-fee-table{width:100%;border-collapse:collapse}.pg-fee-table th{background:#f9fafb;padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap}.pg-fee-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#1a1a1a}.pg-fee-table tbody tr:hover{background:#f9fafb}.pg-fee-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer}.date-cell{white-space:nowrap}.date-info{display:flex;flex-direction:column;gap:2px}.date-info .date-part{font-weight:500;color:#1a1a1a}.date-info .time-part{font-size:12px;color:#6b7280}.hospital-month-cell{min-width:140px}.hospital-month-info{display:flex;flex-direction:column;gap:2px}.hospital-month-info .hospital-name{font-weight:600;color:#1a1a1a}.hospital-month-info .target-month{font-size:12px;color:#6b7280}.sales-rate-cell{text-align:right}.sales-rate-info{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.sales-rate-info .sales-amount{font-weight:500;color:#1a1a1a;font-variant-numeric:tabular-nums}.sales-rate-info .fee-rate{font-size:12px;color:#3b82f6;font-weight:500}.hospital-name{font-weight:500}.amount,.fee-amount{text-align:right;font-variant-numeric:tabular-nums}.fee-amount{font-weight:600;color:#059669;font-size:12px}.rate{text-align:center;color:#3b82f6;font-weight:500}.note{color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.no-data{text-align:center;color:#9ca3af;padding:60px 20px!important}.loading{display:flex;align-items:center;justify-content:center;height:300px;color:#6b7280;font-size:16px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.page-size-selector{display:flex;align-items:center;gap:10px}.page-size-selector span{font-size:14px;color:#6b7280}.page-size-selector select{height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;background:#fff}.page-size-selector select:focus{outline:none;border-color:#3b82f6}.page-nav{display:flex;align-items:center;gap:12px}.page-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.btn-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s}.btn-close:hover{background:#f3f4f6;color:#1a1a1a}.modal-body{padding:24px;overflow-y:auto;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#374151}.required{color:#dc2626}.form-group input,.form-group select{height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.fee-preview{margin-top:20px;padding:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.fee-preview span{font-size:14px;color:#166534}.fee-preview strong{font-size:18px;color:#059669}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel{height:44px;padding:0 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{height:44px;padding:0 24px;background:#1a9b8e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-primary:hover{background:#148f82}@media(max-width:768px){.controls-section{flex-direction:column;align-items:stretch}.filters-right{flex-direction:column}.search-box{width:100%}.form-grid{grid-template-columns:1fr}}.pg-fee-detail-page{padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s}.btn-back:hover{background:#f3f4f6;border-color:#d1d5db}.header-actions{display:flex;gap:12px}.btn-edit,.btn-save,.btn-cancel,.btn-delete{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-edit{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.btn-edit:hover{background:#dbeafe}.btn-save{background:#1a9b8e;border:none;color:#fff}.btn-save:hover{background:#148f82}.btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f3f4f6}.btn-delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-delete:hover{background:#fee2e2}.detail-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:32px}.detail-card h2{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item.full-width{grid-column:1 / -1}.detail-item.highlight{background:#f0fdf4;padding:16px;border-radius:8px;border:1px solid #bbf7d0}.detail-item label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:16px;color:#1a1a1a}.detail-item input,.detail-item select{height:44px;padding:0 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.detail-item input:focus,.detail-item select:focus{outline:none;border-color:#3b82f6}.registrar{display:inline-flex;align-items:center;padding:4px 12px;background:#eff6ff;color:#1e40af;border-radius:6px;font-weight:500;width:fit-content}.hospital-name{font-weight:600!important}.amount{font-variant-numeric:tabular-nums}.fee-amount{font-size:24px!important;font-weight:700!important;color:#059669!important;font-variant-numeric:tabular-nums}.rate{color:#3b82f6!important;font-weight:600!important}.pg-badge{display:inline-block;padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;width:fit-content}.pg-badge.solbridge{background:#dbeafe;color:#1e40af}.pg-badge.easypg{background:#fef3c7;color:#92400e}.loading,.not-found{display:flex;align-items:center;justify-content:center;height:300px;color:#6b7280;font-size:16px}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:1}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{justify-content:flex-end}}.mypage{padding:24px}.mypage-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.mypage-title{font-size:24px;font-weight:600;color:#111827;margin:0}.mypage-content{max-width:600px}.mypage-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.section-description{font-size:14px;color:#6b7280;margin:-8px 0 16px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-hint{font-size:12px;color:#9ca3af;margin-top:4px}.required{color:#ef4444}.error-message{display:block;font-size:12px;color:#ef4444;margin-top:4px}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:40px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151}.form-actions{display:flex;justify-content:flex-end}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#16a34a}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:768px){.mypage{padding:16px}.mypage-header{flex-direction:column;align-items:flex-start;gap:12px}.form-section{padding:16px}}.app{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}