.settlement-page{min-height:100vh;background-color:var(--bg-main,#f8f9fa);background-image:radial-gradient(rgba(9,9,11,.03) 1px,transparent 0);background-size:24px 24px}.settlement-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.settlement-header{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:rgba(26,86,219,.06);border:1px solid rgba(11,15,25,.08);border-radius:9999px;font-size:.75rem;font-weight:600;color:#1a56db;margin-bottom:1rem;letter-spacing:.02em}.pulse-dot{width:6px;height:6px;background:#059669;border-radius:50%;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(5,150,105,.4)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(5,150,105,0)}}.header-title{font-size:1.875rem;font-weight:800;color:#0b0f19;letter-spacing:-.03em;margin-bottom:.5rem;line-height:1.2}.header-desc{color:#4e5d78;font-size:.9375rem;max-width:560px;margin:0 auto;line-height:1.6}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:#4e5d78;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section-label svg{color:#1a56db}.roles-section{margin-bottom:2.5rem}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.role-card{background:#fff;border:1px solid rgba(11,15,25,.08);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.role-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px rgba(11,15,25,.06),0 4px 8px -2px rgba(11,15,25,.03),0 0 0 1px rgba(11,15,25,.03);border-color:rgba(11,15,25,.16)}.role-blue:before{background:#1a56db}.role-amber:before{background:#d97706}.role-teal:before{background:#059669}.role-icon{width:2.5rem;height:2.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.role-blue .role-icon{background:rgba(26,86,219,.06);color:#1a56db;border:1px solid rgba(26,86,219,.1)}.role-amber .role-icon{background:rgba(217,119,6,.06);color:#d97706;border:1px solid rgba(217,119,6,.1)}.role-teal .role-icon{background:rgba(5,150,105,.06);color:#059669;border:1px solid rgba(5,150,105,.1)}.role-card:hover .role-icon{transform:scale(1.08)}.role-info{margin-bottom:1rem}.role-name{font-size:1rem;font-weight:700;color:#0b0f19;margin-bottom:.125rem}.role-desc{font-size:.8125rem;color:#4e5d78}.role-percent{font-size:2rem;font-weight:800;color:#0b0f19;font-family:Geist Mono,SF Mono,JetBrains Mono,monospace;letter-spacing:-.04em;line-height:1;margin-bottom:.75rem}.role-bar{height:4px;background:rgba(26,86,219,.05);border-radius:9999px;overflow:hidden}.role-bar-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.role-blue .role-bar-fill{background:#1a56db}.role-amber .role-bar-fill{background:#d97706}.role-teal .role-bar-fill{background:#059669}.login-prompt{background:#fff;border:2px dashed rgba(11,15,25,.08);border-radius:16px;padding:4rem 2rem;text-align:center;margin:2rem 0;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-prompt:hover{border-color:rgba(11,15,25,.16);background:rgba(26,86,219,.02)}.login-prompt-icon{width:4rem;height:4rem;background:rgba(26,86,219,.05);border:1px solid rgba(11,15,25,.08);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1a56db;margin-bottom:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-prompt:hover .login-prompt-icon{transform:scale(1.05);box-shadow:0 0 20px rgba(26,86,219,.1)}.login-prompt h2{font-size:1.375rem;font-weight:700;color:#0b0f19;margin-bottom:.5rem}.login-prompt p{color:#4e5d78;font-size:.9375rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.btn-login{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;background:#1a56db;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .15s cubic-bezier(.4,0,.2,1);border:1px solid #1a56db}.btn-login:hover{background:#1e429f;transform:translateY(-2px);box-shadow:0 4px 10px -2px rgba(11,15,25,.04),0 2px 4px -1px rgba(11,15,25,.02),0 0 16px rgba(26,86,219,.15)}.skeleton-wrapper{padding:2rem 0}.skeleton{background:linear-gradient(90deg,rgba(26,86,219,.05) 25%,#fff 50%,rgba(26,86,219,.05) 75%);background-size:200% 100%;border-radius:6px;animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{height:2rem;width:40%}.skeleton-card,.skeleton-header{margin-bottom:1.5rem;border-radius:12px}.skeleton-card{height:10rem}.skeleton-row{height:3rem;margin-bottom:.5rem;border-radius:6px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:1.5rem;margin-bottom:2.5rem}.withdraw-panel{background:linear-gradient(145deg,#fff,rgba(26,86,219,.03));border:1px solid rgba(11,15,25,.08);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.withdraw-panel:before{content:"";position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(26,86,219,.06) 0,transparent 70%);border-radius:50%;pointer-events:none}.withdraw-panel:hover{transform:translateY(-3px);box-shadow:0 12px 24px -4px rgba(11,15,25,.06),0 4px 8px -2px rgba(11,15,25,.03),0 0 0 1px rgba(11,15,25,.03);border-color:rgba(11,15,25,.16)}.withdraw-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;position:relative;z-index:1}.withdraw-panel-label{font-size:.8125rem;font-weight:600;color:#4e5d78;text-transform:uppercase;letter-spacing:.05em}.withdraw-panel-role{font-size:.75rem;font-weight:600;color:#1a56db;background:rgba(26,86,219,.05);padding:.25rem .625rem;border-radius:9999px;border:1px solid rgba(26,86,219,.1)}.withdraw-panel-balance{font-size:2.75rem;font-weight:800;color:#0b0f19;letter-spacing:-.04em;line-height:1.1}.withdraw-panel-balance,.withdraw-panel-stats{margin-bottom:1.5rem;position:relative;z-index:1}.withdraw-panel-stats{display:flex;align-items:center;gap:1rem}.withdraw-stat{flex:1}.withdraw-stat-label{font-size:.6875rem;font-weight:600;color:#4e5d78;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.withdraw-stat-value{font-size:.9375rem;font-weight:700;color:#0b0f19}.withdraw-stat-divider{width:1px;height:2rem;background:rgba(11,15,25,.08)}.btn-withdraw{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#059669;color:#fff;border:1px solid #059669;border-radius:6px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;letter-spacing:.01em}.btn-withdraw:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 10px -2px rgba(11,15,25,.04),0 2px 4px -1px rgba(11,15,25,.02),0 0 20px rgba(5,150,105,.15)}.btn-withdraw:active{transform:translateY(0)}.right-panel{display:flex;flex-direction:column;gap:1rem}.role-tabs{display:flex;gap:.375rem;background:#f8f9fa;padding:.375rem;border-radius:12px;border:1px solid rgba(11,15,25,.08)}.role-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:600;color:#4e5d78;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.role-tab:hover{background:rgba(26,86,219,.05);color:#0b0f19}.role-tab.active{background:#fff;color:#0b0f19;box-shadow:0 1px 2px 0 rgba(11,15,25,.03),0 0 0 1px rgba(11,15,25,.02);border:1px solid rgba(11,15,25,.08)}.role-tab-icon{color:#4e5d78;transition:color .15s cubic-bezier(.4,0,.2,1)}.role-tab.active .role-tab-icon{color:#1a56db}.role-tab-label{font-size:.8125rem;font-weight:600}.role-tab-pct{font-size:.6875rem;font-weight:700;color:#1a56db;background:rgba(26,86,219,.05);padding:.125rem .375rem;border-radius:9999px;margin-top:.125rem}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;flex:1}.mini-stat{background:#fff;border:1px solid rgba(11,15,25,.08);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.875rem;transition:all .3s ease}.mini-stat:hover{transform:translateY(-2px);box-shadow:0 4px 10px -2px rgba(11,15,25,.04),0 2px 4px -1px rgba(11,15,25,.02),0 0 0 1px rgba(11,15,25,.03);border-color:rgba(11,15,25,.16)}.mini-stat-icon{width:2.25rem;height:2.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.mini-stat-icon.blue{background:rgba(26,86,219,.06);color:#1a56db;border:1px solid rgba(26,86,219,.1)}.mini-stat-icon.teal{background:rgba(5,150,105,.06);color:#059669;border:1px solid rgba(5,150,105,.1)}.mini-stat-icon.amber{background:rgba(217,119,6,.06);color:#d97706;border:1px solid rgba(217,119,6,.1)}.mini-stat-icon.purple{background:rgba(128,90,213,.06);color:#805ad5;border:1px solid rgba(128,90,213,.1)}.mini-stat:hover .mini-stat-icon{transform:scale(1.08)}.mini-stat-info{min-width:0}.mini-stat-value{font-size:1.125rem;font-weight:800;color:#0b0f19;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stat-label{font-size:.6875rem;font-weight:600;color:#4e5d78;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.status-tracker{margin-bottom:2.5rem}.status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.status-card{background:#fff;border:1px solid rgba(11,15,25,.08);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.status-card:hover{transform:translateY(-3px);box-shadow:0 4px 10px -2px rgba(11,15,25,.04),0 2px 4px -1px rgba(11,15,25,.02),0 0 0 1px rgba(11,15,25,.03);border-color:rgba(11,15,25,.16)}.status-card-icon{width:2.5rem;height:2.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.status-card-icon.settled{background:rgba(5,150,105,.08);color:#059669;border:1px solid rgba(5,150,105,.15)}.status-card-icon.pending{background:rgba(217,119,6,.08);color:#d97706;border:1px solid rgba(217,119,6,.15)}.status-card-icon.processing{background:rgba(26,86,219,.08);color:#1a56db;border:1px solid rgba(26,86,219,.15)}.status-card-icon.withdrawn{background:rgba(128,90,213,.08);color:#805ad5;border:1px solid rgba(128,90,213,.15)}.status-card:hover .status-card-icon{transform:scale(1.08)}.status-card-info{min-width:0}.status-card-value{font-size:1.5rem;font-weight:800;color:#0b0f19;letter-spacing:-.03em;line-height:1.1}.status-card-label{font-size:.75rem;font-weight:600;color:#4e5d78;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.table-section{background:#fff;border:1px solid rgba(11,15,25,.08);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.table-section:hover{box-shadow:0 4px 10px -2px rgba(11,15,25,.04),0 2px 4px -1px rgba(11,15,25,.02),0 0 0 1px rgba(11,15,25,.03);border-color:rgba(11,15,25,.16)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header .section-label{margin-bottom:0}.btn-export{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#f8f9fa;color:#4e5d78;border:1px solid rgba(11,15,25,.08);border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-export:hover{background:rgba(26,86,219,.05);color:#1a56db;border-color:#1a56db;transform:translateY(-1px)}.data-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid rgba(11,15,25,.08)}.data-table-wrapper table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table-wrapper thead{background:#f8f9fa}.data-table-wrapper th{padding:.875rem 1rem;text-align:left;font-weight:700;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#4e5d78;border-bottom:1px solid rgba(11,15,25,.08);white-space:nowrap}.data-table-wrapper td{padding:1rem;border-bottom:1px solid rgba(11,15,25,.08);color:#0b0f19;vertical-align:middle}.data-table-wrapper tbody tr{transition:background .15s cubic-bezier(.4,0,.2,1)}.data-table-wrapper tbody tr:hover{background:rgba(26,86,219,.03)}.data-table-wrapper tbody tr:last-child td{border-bottom:none}.tx-id{font-family:Geist Mono,SF Mono,JetBrains Mono,monospace;font-size:.8125rem;color:#1a56db;font-weight:600}.buyer-name{font-weight:600;color:#0b0f19}.buyer-type{font-size:.75rem;color:#4e5d78;margin-top:.125rem}.numeric{text-align:right;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent;white-space:nowrap}.status-badge.settled{background:rgba(5,150,105,.1);color:#059669;border-color:rgba(5,150,105,.2)}.status-badge.processing{background:rgba(26,86,219,.1);color:#1a56db;border-color:rgba(26,86,219,.2)}.status-badge.pending{background:rgba(217,119,6,.1);color:#d97706;border-color:rgba(217,119,6,.2)}.empty-state{text-align:center;padding:3rem 2rem;color:#4e5d78}.empty-state svg{color:#8a99ad;margin-bottom:.75rem;opacity:.5}.empty-state div{font-size:.9375rem;font-weight:500}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1.25rem;height:1.25rem;top:50%;left:50%;margin-top:-.625rem;margin-left:-.625rem;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite}@keyframes btnSpin{to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.settlement-page{background-color:#08090c;background-image:radial-gradient(hsla(0,0%,100%,.035) 1px,transparent 0)}.buyer-name,.header-title,.mini-stat-value,.role-name,.role-percent,.status-card-value,.withdraw-panel-balance,.withdraw-stat-value{color:#f3f4f6}.buyer-type,.header-desc,.login-prompt p,.mini-stat-label,.role-desc,.section-label,.status-card-label,.withdraw-panel-label,.withdraw-stat-label{color:#9ca3af}.login-prompt h2{color:#f3f4f6}.login-prompt,.mini-stat,.role-card,.status-card,.table-section,.withdraw-panel{background:#0f1219;border-color:hsla(0,0%,100%,.08)}.role-tabs{background:#121214;border-color:hsla(0,0%,100%,.08)}.role-tab{color:#9ca3af}.role-tab:hover{background:rgba(59,130,246,.08);color:#f3f4f6}.role-tab.active{background:#0f1219;color:#f3f4f6;border-color:hsla(0,0%,100%,.08);box-shadow:0 1px 2px 0 rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.01)}.data-table-wrapper th{background:#121214;color:#9ca3af;border-bottom-color:hsla(0,0%,100%,.08)}.data-table-wrapper td{color:#f3f4f6;border-bottom-color:hsla(0,0%,100%,.08)}.data-table-wrapper tbody tr:hover{background:rgba(59,130,246,.06)}.btn-export,.data-table-wrapper{border-color:hsla(0,0%,100%,.08)}.btn-export{background:#121214;color:#9ca3af}.btn-export:hover{background:rgba(59,130,246,.08);color:#3b82f6;border-color:#3b82f6}.withdraw-stat-divider{background:hsla(0,0%,100%,.08)}.login-prompt:hover{background:rgba(59,130,246,.04)}.skeleton{background:linear-gradient(90deg,rgba(59,130,246,.08) 25%,#0f1219 50%,rgba(59,130,246,.08) 75%);background-size:200% 100%}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.roles-grid,.status-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.settlement-container{padding:1.5rem 1rem 3rem}.header-title{font-size:1.5rem}.roles-grid{grid-template-columns:1fr}.role-tabs{flex-direction:column;gap:.25rem}.role-tab{flex-direction:row;justify-content:flex-start;padding:.625rem .875rem}.role-tab-pct{margin-left:auto;margin-top:0}.mini-stats{grid-template-columns:1fr}.status-cards{grid-template-columns:1fr 1fr;gap:.75rem}.status-card{padding:1rem}.withdraw-panel-balance{font-size:2rem}.withdraw-panel-stats{flex-wrap:wrap;gap:.75rem}.withdraw-stat-divider{display:none}.data-table-wrapper td,.data-table-wrapper th{padding:.75rem .625rem;font-size:.75rem}.table-section{padding:1rem}}@media (max-width:480px){.status-cards{grid-template-columns:1fr}.status-card{gap:.875rem}.login-prompt{padding:3rem 1.5rem}}