.partner-billing-page{display:flex;flex-direction:column;gap:24px}.billing-section{background:linear-gradient(180deg,#111,#0d0d0d);border:1px solid #1f1f1f;border-radius:16px;padding:28px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #1a1a1a}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon.contract-icon{background:linear-gradient(135deg,#c9fd5d26,#c9fd5d0d);color:#c9fd5d;border:1px solid rgba(201,253,93,.2)}.section-icon.invoice-icon{background:linear-gradient(135deg,#6366f126,#6366f10d);color:#818cf8;border:1px solid rgba(99,102,241,.2)}.section-icon.paid-icon{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#4ade80;border:1px solid rgba(34,197,94,.2)}.section-title{flex:1;display:flex;align-items:baseline;gap:12px}.section-title h2{margin:0;font-size:22px;font-weight:600;color:#fff}.section-title p{margin:0;font-size:13px;color:#555;font-family:SF Mono,Monaco,Consolas,monospace}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.status-chip.signed,.status-chip.paid{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-chip.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-chip.pending-payment{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.courses-breakdown{background:#0a0a0a;border-radius:12px;overflow:hidden;border:1px solid #1a1a1a}.billing-table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{padding:16px 20px;text-align:left}.billing-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#555;background:#080808}.billing-table tbody td{font-size:14px;color:#bbb;border-top:1px solid #151515}.billing-table .course-name{font-weight:500;color:#fff}.billing-table .amount{font-weight:600;color:#c9fd5d}.billing-table .center{text-align:center}.billing-table .right{text-align:right}.billing-table tfoot td{padding:18px 20px;font-weight:600;background:#080808;border-top:1px solid #222;color:#888}.billing-table .total-amount{font-size:20px;font-weight:700;color:#c9fd5d}.info-box{background:linear-gradient(135deg,#22c55e14,#22c55e0a);border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:16px 20px;margin-top:20px}.info-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4ade80;margin-bottom:12px}.info-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-option{display:flex;flex-direction:column;gap:4px}.info-option strong{font-size:13px;color:#86efac}.info-option span{font-size:12px;color:#4ade80;opacity:.8}.invoice-summary{margin-bottom:24px}.invoice-amount-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;background:linear-gradient(145deg,#0d0d0d,#0a0a0a);border-radius:12px;border:1px solid #1a1a1a}.invoice-amount-box .label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555;font-weight:600}.invoice-amount-box .amount{font-size:42px;font-weight:700;color:#fff;letter-spacing:-1px}.invoice-amount-box .amount.paid{color:#4ade80}.invoice-amount-box .paid-date{font-size:14px;color:#4ade80;display:flex;align-items:center;gap:6px}.payment-methods-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#888}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.payment-method-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#0a0a0a;border:1px solid #222;border-radius:12px;cursor:pointer;transition:all .2s}.payment-method-card:hover{border-color:#444;background:#111}.payment-method-card.selected{background:#c9fd5d14;border-color:#c9fd5d}.payment-method-card .method-icon{color:#666}.payment-method-card.selected .method-icon{color:#c9fd5d}.payment-method-card .method-name{font-size:14px;font-weight:600;color:#fff}.payment-method-card .method-desc{font-size:12px;color:#666}.payment-details{padding:20px;background:#0a0a0a;border-radius:12px;border:1px solid #222}.payment-details p{margin:0 0 16px;color:#888;font-size:14px}.payment-details.empty{text-align:center;color:#555;padding:32px}.pay-now-btn{width:100%;padding:16px 24px;background:#c9fd5d;color:#000;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.pay-now-btn:hover{background:#b8e654}.pay-now-btn:disabled{opacity:.5;cursor:not-allowed}.details-grid{display:grid;grid-template-columns:140px 1fr;gap:12px 16px;font-size:14px}.details-grid .label{color:#666}.details-grid .value{color:#fff;font-weight:500}.details-grid .value.mono{font-family:SF Mono,monospace}.details-grid .value.highlight{color:#c9fd5d;font-weight:600}.payment-note{margin-top:16px;padding:12px 16px;background:#22c55e1a;border-radius:8px;border:1px solid rgba(34,197,94,.2);font-size:13px;color:#86efac}.employee-billing-section{margin-top:32px}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#666;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #222}.employee-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat-value.primary{color:#c9fd5d}.stat-value.success{color:#4ade80}.stat-value.danger{color:#f87171}.employee-data-card{background:#111;border:1px solid #222;border-radius:12px;padding:20px;margin-bottom:16px}.employee-data-card h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#888}.employee-cell{display:flex;flex-direction:column;gap:2px}.employee-cell .name{font-weight:500;color:#fff}.employee-cell .email{font-size:12px;color:#666}.contract-num{font-family:SF Mono,monospace;color:#c9fd5d}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.status-paid{background:#22c55e26;color:#4ade80}.status-badge.status-partial{background:#fbbf2426;color:#fbbf24}.status-badge.status-unpaid{background:#ef444426;color:#f87171}.invoices-list{display:flex;flex-direction:column;gap:8px}.invoice-item{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;overflow:hidden}.invoice-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;transition:background .2s}.invoice-header:hover{background:#111}.invoice-info{display:flex;flex-direction:column;gap:4px}.invoice-number{font-family:SF Mono,monospace;font-weight:600;color:#c9fd5d}.invoice-date{font-size:12px;color:#666}.invoice-right{display:flex;align-items:center;gap:16px}.invoice-amount{font-size:16px;font-weight:600;color:#fff}.expand-icon{color:#666;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.invoice-details{padding:16px;border-top:1px solid #1a1a1a;background:#0d0d0d}.invoice-details h5{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;color:#666}.contract-chips{display:flex;flex-wrap:wrap;gap:8px}.contract-chip{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#111;border-radius:8px;border:1px solid #222}.chip-number{font-family:SF Mono,monospace;font-size:12px;color:#c9fd5d}.chip-employee{font-size:13px;color:#999}.chip-amount{font-size:13px;font-weight:600;color:#fff}.download-link{display:inline-block;margin-top:12px;padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:13px;text-decoration:none;transition:all .2s}.download-link:hover{background:#222;border-color:#444}.empty-billing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#555}.empty-billing-state svg{margin-bottom:20px;opacity:.5}.empty-billing-state h3{margin:0 0 8px;font-size:18px;color:#888}.empty-billing-state p{margin:0;font-size:14px;max-width:400px}.muted{color:#555}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.signature-modal{background:#111;border-radius:16px;padding:32px;max-width:520px;width:100%;border:1px solid #333}.signature-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.signature-modal .modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:12px;color:#fff}.signature-modal .modal-header h2 svg{color:#c9fd5d}.close-btn{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#222;color:#fff}.modal-description{margin:0 0 20px;color:#888;font-size:14px}.canvas-wrapper{background:#fff;border-radius:10px;padding:4px;margin-bottom:12px}.canvas-wrapper canvas{width:100%;height:150px;cursor:crosshair;touch-action:none;border-radius:8px}.canvas-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clear-btn{background:transparent;border:1px solid #333;color:#888;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#222;color:#fff}.signature-status{font-size:12px;color:#666}.legal-notice{background:#0a0a0a;border-radius:8px;padding:16px;margin-bottom:24px;font-size:12px;color:#888;line-height:1.6;border:1px solid #222}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:12px 24px;background:transparent;border:1px solid #333;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#222}.btn-sign{padding:12px 24px;background:#c9fd5d;border:none;color:#000;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-sign:hover{background:#b8e654}.btn-sign:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}@media(max-width:768px){.billing-section{padding:16px}.section-header{flex-wrap:wrap;gap:12px}.status-chip{margin-left:auto}.payment-methods-grid,.info-options,.details-grid{grid-template-columns:1fr}.details-grid .label{margin-top:8px}.employee-stats{grid-template-columns:1fr 1fr}.invoice-header{flex-direction:column;align-items:flex-start;gap:12px}.invoice-right{width:100%;justify-content:space-between}}:root{--color-primary: #c9fd5d;--color-primary-hover: #b8ec4c;--color-background: #000000;--color-surface: #111111;--color-surface-hover: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #888888;--color-error: #ff4444;--color-error-bg: rgba(255, 68, 68, .1);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-border: #333333;--font-family: "Inter", system-ui, -apple-system, sans-serif;--border-radius: 8px;--transition: .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.loading-fullscreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--color-text-secondary)}.loading-inline{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary)}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar-header{height:73px;padding:0 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center}.sidebar-header h2{font-size:18px;font-weight:600;color:var(--color-primary);margin:0}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition);margin-bottom:4px}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.nav-item.active{background-color:var(--color-primary);color:#000}.nav-icon{display:flex;align-items:center}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.user-info{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.user-name{font-weight:500;font-size:14px}.user-email{font-size:12px;color:var(--color-text-secondary)}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.logout-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.main-content{flex:1;margin-left:260px;min-height:100vh}.content-header{height:73px;padding:0 32px;border-bottom:1px solid var(--color-border);display:flex;align-items:center}.content-header h1{font-size:24px;font-weight:600;margin:0}.content-body{padding:32px}.onboarding-container{display:flex;min-height:100vh;overflow:hidden}.onboarding-sidebar{width:320px;background:linear-gradient(180deg,var(--color-surface) 0%,rgba(17,17,17,.95) 100%);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:32px;position:sticky;top:0;height:100vh;flex-shrink:0}.onboarding-sidebar .sidebar-logo{padding-bottom:24px;border-bottom:1px solid var(--color-border)}.onboarding-progress{margin-top:40px}.onboarding-progress h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:8px}.step-indicator{font-size:13px;color:var(--color-primary);font-weight:500;margin-bottom:32px}.steps-list{display:flex;flex-direction:column;gap:0;position:relative}.steps-list:before{content:"";position:absolute;left:11px;top:24px;bottom:24px;width:2px;background:var(--color-border);border-radius:1px}.step-item{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--color-text-secondary);padding:16px 0;position:relative;transition:all .2s ease}.step-item .step-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:2px solid var(--color-border);z-index:1;transition:all .3s ease}.step-item.completed .step-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-item.current .step-icon{background:transparent;border-color:var(--color-primary);box-shadow:0 0 0 4px #e1ff0026}.step-item.completed{color:var(--color-success)}.step-item.current{color:var(--color-primary);font-weight:600}.step-item .step-label{flex:1}.onboarding-sidebar .sidebar-header{padding:0 0 28px;border-bottom:1px solid var(--color-border);margin-bottom:0}.onboarding-sidebar .sidebar-header h2{font-size:20px;font-weight:700;color:var(--color-primary);letter-spacing:-.3px}.onboarding-sidebar .sidebar-footer{margin-top:auto;padding:28px 0 0;border-top:1px solid var(--color-border)}.onboarding-sidebar .user-info{margin-bottom:16px}.onboarding-sidebar .user-name{font-size:15px;font-weight:600;color:var(--color-text)}.onboarding-sidebar .logout-button{width:100%;padding:12px 16px;font-size:14px;font-weight:500}.onboarding-content{flex:1;padding:48px;overflow-y:auto;height:100vh}.onboarding-step{max-width:800px;margin:0 auto}.step-header{margin-bottom:36px}.step-header h1{font-size:28px;font-weight:600;margin-bottom:12px}.step-header p{color:var(--color-text-secondary)}.form-section{margin-bottom:36px}.form-section h3{font-size:16px;font-weight:500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:span 2}.form-section>.form-group{margin-top:20px}.form-section>.form-grid+.form-group{margin-top:20px}.form-group label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px;font-family:var(--font-family);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-actions{margin-top:36px;display:flex;justify-content:flex-end;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;font-family:var(--font-family);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);border:none;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#000}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;border-color:var(--color-border)}.btn-text{background:transparent;border:none;color:var(--color-text-secondary);padding:8px 12px}.btn-text:hover{color:var(--color-text)}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{padding:8px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}.btn-icon:hover{color:var(--color-text)}.btn-icon.danger:hover{color:var(--color-error)}.error-message{padding:12px 16px;background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);font-size:14px;margin-bottom:16px}.success-message{padding:12px 16px;background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--border-radius);color:var(--color-success);font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);color:var(--color-text-secondary);position:relative}.file-upload:hover{border-color:var(--color-primary)}.file-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload.uploading{pointer-events:none;border-color:var(--color-primary);background:#3b82f60d}.file-upload.dragging{border-color:var(--color-primary);background:#3b82f61a;transform:scale(1.02)}.file-uploaded{display:flex;align-items:center;gap:12px;padding:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius)}.file-uploaded svg{color:var(--color-success);flex-shrink:0}.file-uploaded .file-name{flex:1;color:var(--color-success);font-weight:500}.file-uploaded .view-link{color:var(--color-primary);text-decoration:none;font-size:14px}.file-uploaded .view-link:hover{text-decoration:underline}.file-uploaded .remove-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.file-uploaded .remove-btn:hover{color:var(--color-error);background:#ef44441a}.courses-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.course-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition)}.course-card.selectable{cursor:pointer}.course-card.selectable:hover{border-color:var(--color-primary)}.course-card.selected{border-color:var(--color-primary);background-color:#c9fd5d0d}.course-checkbox{padding:12px;display:flex;align-items:center;justify-content:center}.checkbox-empty{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px}.course-card.selected .checkbox-empty{background-color:var(--color-primary);border-color:var(--color-primary)}.course-thumbnail{width:100%;height:160px;object-fit:cover}.course-content{padding:16px}.course-content h3{font-size:16px;font-weight:500;margin-bottom:8px}.course-description{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:8px;font-size:12px;color:var(--color-text-secondary);margin-bottom:12px}.course-price{font-size:14px;font-weight:600;color:var(--color-primary)}.course-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--color-success-bg);color:var(--color-success);font-size:12px;border-radius:4px;margin:12px}.course-card .course-header{display:flex;gap:12px;padding:16px;cursor:pointer}.course-card .course-info{flex:1}.course-card .course-info h3{font-size:16px;font-weight:600;margin-bottom:8px}.course-seats-row{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--color-border);background:#e1ff0008}.course-seats-row label{font-size:14px;color:var(--color-text-secondary)}.seats-control{display:flex;align-items:center;gap:0}.seats-control button{width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-size:18px;cursor:pointer;transition:all .2s}.seats-control button:first-child{border-radius:6px 0 0 6px}.seats-control button:last-child{border-radius:0 6px 6px 0}.seats-control button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.seats-control button:disabled{opacity:.5;cursor:not-allowed}.seats-control input{width:60px;height:36px;border:1px solid var(--color-border);border-left:none;border-right:none;background:var(--color-background);color:var(--color-text);font-size:14px;text-align:center}.seats-total{margin-left:auto;font-weight:600;color:var(--color-primary)}.info-banner{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius);padding:16px 20px;margin-bottom:24px;font-size:14px}.selection-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;margin-top:24px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.summary-row.total{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px;font-size:18px;font-weight:600}.summary-row.total span:last-child{color:var(--color-primary)}.summary-note{font-size:12px;color:var(--color-text-secondary);margin-top:12px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-container p{color:var(--color-text-secondary)}.awaiting-card{background:linear-gradient(135deg,#3b82f614,#3b82f605);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:48px;text-align:center}.awaiting-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#3b82f626;border-radius:50%;color:#3b82f6}.awaiting-card h2{font-size:24px;font-weight:600;margin-bottom:12px}.awaiting-card>p{color:var(--color-text-secondary);max-width:500px;margin:0 auto 40px;line-height:1.6}.awaiting-timeline{display:flex;flex-direction:column;gap:0;max-width:400px;margin:0 auto 40px;text-align:left}.timeline-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:48px;bottom:0;width:2px;background:var(--color-border)}.timeline-item.completed:after{background:var(--color-success)}.timeline-item.active:after{background:linear-gradient(to bottom,#3b82f6,var(--color-border))}.timeline-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-secondary);z-index:1}.timeline-item.completed .timeline-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.timeline-item.active .timeline-icon{background:#3b82f6;border-color:#3b82f6;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.timeline-content{display:flex;flex-direction:column;gap:2px;padding-top:4px}.timeline-content strong{font-size:14px;font-weight:600}.timeline-content span{font-size:13px;color:var(--color-text-secondary)}.timeline-item.pending .timeline-content strong,.timeline-item.pending .timeline-content span{color:var(--color-text-secondary);opacity:.6}.awaiting-note{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#ffffff0d;border-radius:8px;font-size:14px;color:var(--color-text-secondary)}.awaiting-note svg{color:#3b82f6;flex-shrink:0}.pricing-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;margin-top:24px}.pricing-summary h3{font-size:16px;margin-bottom:16px}.pricing-table{display:flex;flex-direction:column;gap:12px}.pricing-row{display:flex;justify-content:space-between;align-items:center}.pricing-course{display:flex;flex-direction:column}.course-name{font-weight:500}.course-calc{font-size:12px;color:var(--color-text-secondary)}.pricing-amount{font-weight:500}.pricing-divider{border-top:1px solid var(--color-border);margin:8px 0}.pricing-row.total{font-size:18px;font-weight:600;color:var(--color-primary)}.employee-count-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;margin-bottom:24px}.employee-count-input{width:120px;font-size:24px!important;text-align:center;padding:16px!important}.contract-download-card{display:flex;align-items:center;gap:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px;margin-bottom:24px}.contract-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:12px;color:#3b82f6;flex-shrink:0}.contract-info{flex:1}.contract-info h3{font-size:18px;font-weight:600;margin-bottom:12px}.contract-details p{font-size:14px;margin-bottom:4px;color:var(--color-text-secondary)}.contract-details strong{color:var(--color-text)}.btn-download{padding:14px 24px;display:flex;align-items:center;gap:10px;background:var(--color-primary);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e1ff004d}.btn-download.downloaded{background:var(--color-success);color:#fff}.btn-download:disabled{opacity:.5;cursor:not-allowed}.contract-pending{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;font-weight:500;flex-shrink:0}.download-success{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:var(--color-success);margin-bottom:32px}.signing-options{display:flex;flex-direction:column;gap:16px}.signing-option{display:flex;align-items:center;gap:20px;padding:24px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s}.signing-option:hover{border-color:var(--color-primary);background:#e1ff0005}.option-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#e1ff001a;border-radius:12px;color:var(--color-primary);flex-shrink:0}.option-content{flex:1}.option-content h3{font-size:18px;font-weight:600;margin-bottom:8px}.option-content p{font-size:14px;color:var(--color-text-secondary);margin:0}.option-arrow{color:var(--color-text-secondary);flex-shrink:0}.signing-option:hover .option-arrow{color:var(--color-primary);transform:translate(4px);transition:all .2s}.upload-instructions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.upload-instructions h3{font-size:16px;margin-bottom:16px}.upload-instructions ol{padding-left:20px;margin:0}.upload-instructions li{margin-bottom:8px;color:var(--color-text-secondary);line-height:1.6}.contract-preview{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:24px}.contract-frame{padding:24px;max-height:300px;overflow-y:auto}.contract-frame h3{margin-bottom:16px}.agreement-checkbox{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-icon{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.checkbox-label input:checked+.checkbox-icon{background-color:var(--color-primary);border-color:var(--color-primary);color:#000}.signature-section{margin-bottom:24px}.signature-section h3{margin-bottom:12px}.signature-canvas-wrapper{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin-bottom:8px}.signature-canvas{width:100%;height:150px;background-color:#fff;cursor:crosshair;display:block}.signatory-info{margin-top:16px}.success-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--border-radius);margin-bottom:8px}.invoice-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;margin-bottom:24px}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.invoice-number{font-weight:600}.invoice-status{display:flex;align-items:center;gap:6px;font-size:13px}.invoice-status.pending{color:var(--color-warning)}.invoice-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.invoice-row{display:flex;justify-content:space-between}.invoice-row.total{font-size:18px;font-weight:600;color:var(--color-primary);padding-top:12px;border-top:1px solid var(--color-border)}.payment-options{margin-bottom:24px}.payment-options h3{margin-bottom:16px}.payment-buttons{display:flex;gap:16px}.payment-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);color:var(--color-text)}.payment-option:hover{border-color:var(--color-primary)}.payment-title{font-weight:500}.payment-desc{font-size:12px;color:var(--color-text-secondary)}.payment-divider{text-align:center;margin:24px 0;color:var(--color-text-secondary)}.bank-transfer-info{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px}.bank-transfer-info h4{margin-bottom:16px}.bank-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bank-row{display:flex;justify-content:space-between}.bank-note{font-size:13px;color:var(--color-text-secondary)}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media(max-width:768px){.payment-method-grid{grid-template-columns:1fr}}.payment-method-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition)}.payment-method-card:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.payment-method-card.selected{border-color:var(--color-primary);background-color:#c9fd5d0d}.method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--color-surface-hover);flex-shrink:0}.payment-method-card.selected .method-icon{background-color:#c9fd5d26;color:var(--color-primary)}.method-content{flex:1;min-width:0}.method-content h4{font-size:15px;font-weight:600;margin-bottom:2px}.method-content p{font-size:12px;color:var(--color-text-secondary);margin:0}.method-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.payment-method-card.selected .method-check{background-color:var(--color-primary);color:#000}.payment-action-section{text-align:center;padding:24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:24px}.payment-action-section .btn-lg{padding:16px 40px;font-size:16px}.payment-note{margin-top:12px;font-size:13px;color:var(--color-text-secondary)}.cash-payment-info{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;margin-bottom:24px}.cash-payment-info h4{margin-bottom:16px}.office-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.office-row{display:flex;justify-content:space-between;align-items:flex-start}.office-row span:first-child{color:var(--color-text-secondary)}.office-row span:last-child{text-align:right}.cash-note{font-size:13px;color:var(--color-text-secondary)}.btn-download-invoice{margin-top:16px;width:100%;justify-content:center}.dashboard-welcome{margin-bottom:32px}.dashboard-welcome h2{font-size:24px;margin-bottom:8px}.dashboard-welcome p{color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:600}.stat-label{font-size:13px;color:var(--color-text-secondary)}.quick-actions{margin-bottom:32px}.quick-actions h3{margin-bottom:16px}.actions-grid{display:flex;gap:16px}.action-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);transition:all var(--transition)}.action-card:hover{border-color:var(--color-primary)}.table-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background-color:var(--color-background);font-size:13px;font-weight:500;color:var(--color-text-secondary)}.data-table td{font-size:14px}.data-table tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;border-radius:4px;background-color:var(--color-surface-hover)}.badge.success{background-color:var(--color-success-bg);color:var(--color-success)}.badge.warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge.danger{background-color:var(--color-error-bg);color:var(--color-error)}.badge.info{background-color:#3b82f61a;color:#3b82f6}.progress-bar{display:flex;align-items:center;gap:8px}.progress-bar .progress-fill{height:6px;background-color:var(--color-primary);border-radius:3px;width:60px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.filters{display:flex;gap:12px}.search-form{flex:1}.search-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary)}.search-input input{flex:1;background:none;border:none;color:var(--color-text);font-size:14px;outline:none}.filter-select{padding:8px 12px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px}.empty-state{text-align:center;padding:48px;color:var(--color-text-secondary)}.empty-state p{margin-bottom:16px}.coming-soon{text-align:center;padding:64px;color:var(--color-text-secondary)}.coming-soon svg{opacity:.5;margin-bottom:16px}.coming-soon h2{color:var(--color-text);margin-bottom:8px}.access-denied{text-align:center;padding:64px}.access-denied-icon{color:var(--color-warning);margin-bottom:16px}.access-denied h2{margin-bottom:8px}.access-denied p{color:var(--color-text-secondary);margin-bottom:24px}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:18px}.modal-header.success{text-align:center;color:var(--color-success)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px}.credentials-box{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:16px;margin:16px 0}.credential-row{display:flex;justify-content:space-between;margin-bottom:8px}.credential-row:last-child{margin-bottom:0}.credential-row code{background-color:var(--color-surface-hover);padding:2px 8px;border-radius:4px;font-family:monospace}.note{font-size:13px;color:var(--color-text-secondary)}.btn-copy{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin:16px 0;background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px;cursor:pointer;transition:all var(--transition)}.btn-copy:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.btn-copy.copied{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.profile-icon{width:80px;height:80px;background-color:var(--color-surface);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.profile-info{flex:1}.profile-info h2{margin-bottom:4px}.profile-info p{color:var(--color-text-secondary);font-size:14px}.profile-form{max-width:800px}.package-info-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.package-info-section h3{margin-bottom:16px}.package-details{display:flex;gap:32px}.detail-item{display:flex;flex-direction:column}.detail-item span{font-size:13px;color:var(--color-text-secondary)}.detail-item strong{font-size:18px}.contracts-list{display:flex;flex-direction:column;gap:16px}.contract-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.contract-header h3{margin-bottom:8px}.contract-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between}.contract-actions{display:flex;gap:12px}.bank-info-section{margin-top:32px;padding:24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.bank-info-section h3{margin-bottom:8px}.bank-info-section>p{color:var(--color-text-secondary);margin-bottom:16px}.bank-details-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:16px;margin-bottom:16px}.courses-section{margin-bottom:48px}.courses-section h2{margin-bottom:8px}.section-description{color:var(--color-text-secondary);margin-bottom:24px}.course-card.my-course{position:relative}.workshops-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.workshop-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition)}.workshop-card:hover{border-color:var(--color-text-secondary)}.workshop-card.status-warning{border-left:3px solid var(--color-warning)}.workshop-card.status-success{border-left:3px solid var(--color-success)}.workshop-card.status-info{border-left:3px solid #3b82f6}.workshop-card.status-default{border-left:3px solid var(--color-text-secondary)}.workshop-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:16px}.workshop-info{flex:1}.workshop-info h3{font-size:16px;font-weight:600;margin-bottom:8px}.workshop-description{font-size:13px;color:var(--color-text-secondary);margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.workshop-details{display:flex;flex-wrap:wrap;gap:16px;padding:0 20px 16px}.workshop-details .detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.workshop-details .detail-row svg{flex-shrink:0;opacity:.7}.workshop-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff05;border-top:1px solid var(--color-border)}.workshop-price{font-size:14px;font-weight:600;color:var(--color-primary)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;white-space:nowrap}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-info{background-color:#3b82f61a;color:#3b82f6}.badge-default{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.text-muted{color:var(--color-text-secondary);font-size:14px}.proposal-info-box{display:flex;gap:16px;padding:20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--border-radius);margin-top:24px}.proposal-info-icon{flex-shrink:0;color:var(--color-warning)}.proposal-info-content{flex:1}.proposal-info-content p{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 8px}.proposal-info-content p:last-child{margin-bottom:0}.pending-request-banner{display:flex;gap:16px;padding:24px;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:var(--border-radius);margin-top:24px}.pending-request-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border-radius:12px;color:#3b82f6}.pending-request-content{flex:1}.pending-request-content h4{font-size:16px;font-weight:600;color:#3b82f6;margin:0 0 8px}.pending-request-content p{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}.change-request-modal{max-width:700px;max-height:85vh;display:flex;flex-direction:column}.change-request-modal .modal-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.change-request-modal .modal-body{overflow-y:auto;flex:1}.modal-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px}.select-all-row{padding:12px 16px;background:var(--color-surface-hover);border-radius:var(--border-radius);margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.checkbox-label input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#000;font-size:12px;font-weight:700}.workshop-change-list{display:flex;flex-direction:column;gap:12px}.workshop-change-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:all .15s ease}.workshop-change-item.selected{border-color:var(--color-primary);background:#c9fd5d08}.workshop-change-header{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer}.workshop-change-header:hover{background:var(--color-surface-hover)}.workshop-change-title{flex:1}.workshop-change-title h4{font-size:14px;font-weight:600;margin:0 0 4px}.workshop-change-original{font-size:12px;color:var(--color-text-secondary)}.workshop-change-form{padding:16px;background:var(--color-background);border-top:1px solid var(--color-border)}.change-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media(max-width:640px){.change-form-grid{grid-template-columns:1fr}}.workshop-change-form .form-group{margin-bottom:0}.workshop-change-form .form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.workshop-change-form .form-group input,.workshop-change-form .form-group textarea{width:100%;padding:10px 12px;font-size:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text)}.workshop-change-form .form-group input:focus,.workshop-change-form .form-group textarea:focus{outline:none;border-color:var(--color-primary)}.workshop-change-form .form-group textarea{resize:vertical;min-height:80px}.success-state{text-align:center;padding:40px 20px}.success-state .success-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--color-success-bg);border-radius:50%;color:var(--color-success)}.success-state h3{font-size:20px;font-weight:600;margin-bottom:12px}.success-state p{color:var(--color-text-secondary);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.modal--lg{max-width:700px}.profile-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.profile-page-header .profile-info-section{display:flex;align-items:center;gap:16px}.profile-page-header .profile-actions{display:flex;gap:10px}@media(max-width:640px){.profile-page-header{flex-direction:column;align-items:flex-start}.profile-page-header .profile-actions{width:100%}.profile-page-header .profile-actions .btn{flex:1;justify-content:center}}.profile-section{background:#111;padding:25px;border-radius:8px;border:1px solid #333;margin-bottom:20px}.profile-section-title{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333;font-size:16px;color:#c9fd5d}.profile-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.profile-grid-2{grid-template-columns:1fr}}.profile-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.profile-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.profile-grid-4{grid-template-columns:1fr}}.stats-grid-responsive{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}@media(max-width:1024px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid-responsive{grid-template-columns:1fr}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr}}.dashboard-stat-card{border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.dashboard-stat-card.blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.2)}.dashboard-stat-card.green{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.dashboard-stat-card.yellow{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.2)}.dashboard-stat-card.purple{background:linear-gradient(135deg,#a855f726,#a855f70d);border:1px solid rgba(168,85,247,.2)}.dashboard-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dashboard-stat-icon.blue{background:#3b82f633}.dashboard-stat-icon.green{background:#22c55e33}.dashboard-stat-icon.yellow{background:#f59e0b33}.dashboard-stat-icon.purple{background:#a855f733}.dashboard-stat-value{font-size:32px;font-weight:700;color:#fff;line-height:1}.dashboard-stat-label{font-size:14px;color:#888;margin-top:4px}.journey-container{background:#111;border:1px solid #222;border-radius:16px;padding:28px 32px;margin-bottom:24px}@media(max-width:768px){.journey-container{padding:20px 16px}}.journey-steps{display:flex;align-items:flex-start}@media(max-width:640px){.journey-steps{flex-direction:column;gap:0}.journey-step{flex-direction:row!important;align-items:center!important;width:100%;padding:12px 0}.journey-step-circle{flex-shrink:0}.journey-step-label{text-align:left!important;margin-top:0!important;margin-left:16px!important;padding:0!important}.journey-connector-horizontal{display:none!important}.journey-step:not(:last-child):after{content:"";position:absolute;left:19px;top:52px;width:2px;height:calc(100% - 40px);background:#333}.journey-step.completed:not(:last-child):after{background:#c9fd5d}}.stats-card{background:#111;padding:20px;border-radius:8px;border:1px solid #333}.stats-card.highlight{background:#c9fd5d0d;border:1px solid rgba(201,253,93,.2)}.stats-card-label{color:#999;font-size:12px;margin-bottom:8px}.stats-card-value{font-size:28px;font-weight:700}.stats-card-value.small{font-size:16px;font-weight:500}.stats-card .referral-code-wrapper{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats-card .referral-code{background:#000;padding:8px 12px;border-radius:4px;border:1px solid #333;font-size:14px;font-weight:700;color:#c9fd5d;font-family:monospace}@media(max-width:480px){.stats-card .referral-code-wrapper{flex-direction:column;align-items:stretch}.stats-card .referral-code-wrapper .btn{width:100%;justify-content:center}}.form-field-full{grid-column:1 / -1}.profile-form-input{width:100%;padding:10px 12px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;transition:border-color .15s ease}.profile-form-input:focus{outline:none;border-color:#c9fd5d}.profile-form-input.error{border-color:#ef4444}.profile-form-input.success{border-color:#22c55e}.profile-form-label{display:block;margin-bottom:6px;font-size:13px;color:#888}.field-error{display:block;margin-top:4px;font-size:12px;color:#ef4444}.field-validation{display:block;margin-top:4px;font-size:12px}.field-validation.success{color:#22c55e}.field-validation.error{color:#ef4444}.field-validation.hint{color:#888}.validated-input-wrapper{position:relative}.validated-input-wrapper .validation-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px}.validated-input-wrapper .validation-icon.success{color:#22c55e}.validated-input-wrapper .validation-icon.error{color:#ef4444}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}@media(max-width:640px){.documents-grid{grid-template-columns:1fr}}.pending-banner{background:linear-gradient(135deg,#1a3a1a,#0a1a0a);border:1px solid rgba(201,253,93,.3);border-radius:12px;padding:24px;margin-bottom:24px}.pending-banner-content{display:flex;align-items:flex-start;gap:16px}@media(max-width:640px){.pending-banner{padding:16px}.pending-banner-content{flex-direction:column}.pending-banner-icon{align-self:flex-start}}