:root{--brand: #0284c7;--brand-dark: #0369a1;--brand-light: #38bdf8;--brand-soft: rgba(2, 132, 199, .12);--gradient: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-v: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);--gradient-text: linear-gradient(135deg, #075985, #0284c7);--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .12);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .12);--bg: #f5f6fb;--surface: #ffffff;--surface-soft: #fafbfe;--border: rgba(31, 41, 55, .08);--border-focus: rgba(2, 132, 199, .25);--text: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04);--shadow: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--topbar-h: 56px;--bottomnav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:hidden}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:var(--brand);text-decoration:none}.container{width:100%;max-width:min(100%,812px);margin:0 auto;padding:0 16px}.hidden{display:none!important}.text-center{text-align:center}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 6px 16px #0284c738}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0284c74d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}.btn-outline:hover{background:var(--brand-soft)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--brand-soft);color:var(--brand)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.btn-icon-sm{width:32px;height:32px;padding:0;border-radius:50%;font-size:.85rem}.field{margin-bottom:16px}.field-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.field-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none}.field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field-input::placeholder{color:var(--text-muted)}.field-error{font-size:.8rem;color:var(--danger);margin-top:4px}.field-with-suffix{position:relative}.field-with-suffix .field-input{padding-right:48px}.field-suffix{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;font-size:.85rem}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;border:1px solid var(--border)}.card-header{font-size:1rem;font-weight:700;margin-bottom:12px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (max-width: 520px){.card-grid{grid-template-columns:1fr}}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border);border-top:3px solid var(--brand)}.stat-card-primary{border-top-color:var(--brand)}.stat-card-success{border-top-color:var(--success)}.stat-card-warning{border-top-color:var(--warning)}.stat-card-accent{border-top-color:var(--brand-light)}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--text);margin-top:4px}.balance-card{background:var(--gradient);border-radius:var(--radius-lg);padding:24px;color:#fff;margin-bottom:16px;position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;top:-30%;right:-20%;width:200px;height:200px;background:#ffffff14;border-radius:50%}.balance-label{font-size:.85rem;opacity:.85;font-weight:500}.balance-amount{font-size:2rem;font-weight:800;margin-top:4px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all .2s;text-decoration:none;color:var(--text)}.quick-action:hover{background:var(--brand-soft);border-color:var(--brand)}.quick-action i{font-size:1.2rem;color:var(--brand)}.quick-action span{font-size:.75rem;font-weight:600;text-align:center}.topbar{position:sticky;top:0;z-index:100;background:#f5f6fbeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 0 10px;display:flex;align-items:center;justify-content:center}.topbar-title{text-align:center;font-size:14px;font-weight:700;color:#111827;letter-spacing:-.01em}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:8px}.imp-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 0;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#6d28d9,#4f46e5);color:#fff;box-shadow:0 6px 18px #4f46e547}.imp-banner-info{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}.imp-banner-info i{font-size:15px;opacity:.9}.imp-banner-info strong{font-weight:700}.imp-banner-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:none;cursor:pointer;background:#ffffff29;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s}.imp-banner-btn:hover{background:#ffffff47}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#f5f6fbf5;border-top:1px solid rgba(31,41,55,.06);box-shadow:0 -10px 24px #0f172a0d;padding:8px 12px 10px;display:grid}.bottomnav{display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}.bottomnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:42px;text-decoration:none;color:#8a93a1;padding:8px;border-radius:12px;font-size:9px;font-weight:700;transition:color .2s,background .2s;border:none;background:none;cursor:pointer}.bottomnav-item i{font-size:16px;line-height:1}.bottomnav-item small{font-size:12px;line-height:1}.bottomnav-item.active{color:#0284c7;background:#0284c714}.page-body{padding-bottom:80px}.dl-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;z-index:2200;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dl-drawer-scrim{flex:1}.dl-drawer-panel{width:min(380px,88vw);background:var(--surface);border-right:1px solid var(--border);box-shadow:24px 0 64px #0f172a2e;padding:22px;overflow-y:auto;-webkit-overflow-scrolling:touch}.dl-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.dl-drawer-brand{display:flex;flex-direction:column;gap:6px;min-width:0}.dl-drawer-eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand);border:1px solid rgba(2,132,199,.18);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dl-drawer-title{font-size:24px;font-weight:700;letter-spacing:-.05em;margin-top:2px;color:#1f2937}.dl-drawer-subtitle{color:#6b7280;font-size:13px;line-height:1.6}.dl-drawer-close{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:#4b5563;cursor:pointer;flex-shrink:0;font-size:14px;font-family:inherit;box-shadow:0 4px 12px #0f172a0a}.dl-drawer-close:hover{color:#1f2937}.dl-drawer-links{display:grid;gap:10px;margin-top:18px}.dl-drawer-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;min-width:0}.dl-drawer-link:hover,.dl-drawer-link.active{background:var(--brand-soft);border-color:#0284c733}.dl-drawer-link i{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.dl-drawer-link.active i{background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff}.dl-drawer-link span{font-size:14px;font-weight:700}.dl-drawer-footer{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:grid;gap:10px}.dl-drawer-utility{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:700;text-decoration:none;min-width:0}.dl-drawer-utility i{color:var(--brand)}.app-shell{display:flex;min-height:100vh}.app-content{flex:1;min-width:0}.app-main{padding:14px 16px 18px;max-width:812px;margin:0 auto;width:100%}@media (max-width: 900px){.app-shell{flex-direction:column}.app-main{padding:14px 16px 80px}}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:#f6f7fb;padding:32px 20px}.auth-shell{width:100%;max-width:465px;background:#fff;border:1px solid #e5e7ef;border-radius:16px;box-shadow:0 2px 10px #0f172a12;padding:24px 26px 26px;text-align:center}.auth-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:14px;background:linear-gradient(180deg,#0284c7,#0369a1);display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 8px 20px #0284c72e}.auth-title{margin:0;color:#31363f;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.02em}.auth-subtitle{margin:8px 0 26px;color:#666d77;font-size:14px;line-height:1.35}.auth-field{margin-bottom:18px;text-align:left}.auth-label{display:block;margin-bottom:6px;color:#5e6674;font-size:13px;font-weight:500;line-height:1.2}.auth-input-wrap{position:relative}.auth-input{width:100%;height:42px;border:0;border-radius:4px;background:#f7f8fb;color:#253041;font-size:15px;line-height:42px;outline:none;box-shadow:inset 0 0 0 1px #e2e6ee26}.auth-input::placeholder{color:#7b8593}.auth-input:focus{background:#f4f7fb;box-shadow:0 0 0 3px #0284c71f}.auth-input-icon{position:absolute;top:50%;transform:translateY(-50%);color:#6b7280;font-size:15px;pointer-events:none;left:14px}.auth-input.with-left-icon{padding-left:44px}.auth-input.with-both-icons{padding-left:44px;padding-right:44px}.auth-pwd-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:#6b7280;display:grid;place-items:center;cursor:pointer;border-radius:999px;transition:background-color .2s ease,color .2s ease}.auth-pwd-toggle:hover,.auth-pwd-toggle:focus-visible{color:#4f5d6b;background:#0f172a0a;outline:none}.auth-btn{width:100%;height:36px;margin-top:8px;border:0;border-radius:999px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 18px #0284c738;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.auth-btn:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 12px 22px #0284c742}.auth-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0284c72e,0 12px 22px #0284c742}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:18px;color:#2d333d;font-size:13px;line-height:1.4;text-align:center}.auth-footer a{color:#0284c7;font-weight:700;text-decoration:none}.auth-footer a:hover,.auth-footer a:focus-visible{text-decoration:underline;outline:none}@media (max-width: 520px){.auth-page{padding:18px 14px}.auth-shell{padding:22px 18px 20px;border-radius:14px}.auth-title{font-size:24px}.auth-subtitle{margin-bottom:22px}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.badge-pending{background:var(--warning-soft);color:var(--warning)}.badge-completed,.badge-approved{background:var(--success-soft);color:var(--success)}.badge-failed,.badge-rejected{background:var(--danger-soft);color:var(--danger)}.badge-active{background:var(--brand-soft);color:var(--brand)}.badge-expired{background:#6b72801f;color:var(--text-secondary)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:2px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-soft)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-pill{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-pill:hover{border-color:var(--brand);color:var(--brand)}.filter-pill.active{background:var(--gradient);color:#fff;border-color:transparent}.page-header{margin-bottom:20px}.page-title{font-size:1.3rem;font-weight:800}.page-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:2px}.greeting-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:8px}.greeting-text{font-size:.9rem;color:var(--text-secondary)}.greeting-text strong{color:var(--text);font-weight:700}.greeting-icons{display:flex;gap:12px}.greeting-icon{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.copy-group{display:flex;align-items:center;gap:8px}.copy-box{flex:1;padding:10px 14px;background:var(--surface-soft);border:1.5px dashed var(--brand);border-radius:var(--radius);font-family:monospace;font-size:.95rem;color:var(--text);word-break:break-all}.copy-btn{padding:10px 16px;background:var(--gradient);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.upload-area{border:2px dashed var(--brand);border-radius:var(--radius);padding:32px 20px;text-align:center;cursor:pointer;transition:background .2s;color:var(--text-muted)}.upload-area:hover{background:var(--brand-soft)}.upload-area i{font-size:2rem;color:var(--brand);margin-bottom:8px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface-soft);border-radius:var(--radius-sm)}.info-row-label{font-size:.8rem;color:var(--text-muted)}.info-row-value{font-size:.9rem;font-weight:600}.steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.step-dot.active{background:var(--gradient);width:24px;border-radius:4px}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:12px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.alert-success{background:var(--success-soft);color:var(--success)}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-warning{background:var(--warning-soft);color:var(--warning)}.toast-container{position:fixed;top:16px;right:16px;z-index:99999;display:flex;flex-direction:column;gap:8px;max-width:380px;pointer-events:none}.toast{padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 12px 32px #0000001f,0 4px 8px #0000000f;font-size:14px;font-weight:600;color:#111827;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;pointer-events:auto;cursor:pointer;border:1px solid rgba(0,0,0,.04)}.toast-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.toast-icon-success{background:#dcfce7;color:#16a34a}.toast-icon-error{background:#fef2f2;color:#dc2626}.toast-icon-warn{background:#fef3c7;color:#d97706}.toast-icon-info{background:#e0f2fe;color:#0284c7}.toast-success{border-left:4px solid #16a34a}.toast-error{border-left:4px solid #dc2626}.toast-warn{border-left:4px solid #d97706}.toast-info{border-left:4px solid #0284c7}.toast-message{flex:1;min-width:0;line-height:1.4}.toast-close{width:24px;height:24px;border-radius:6px;border:0;background:transparent;color:#9ca3af;font-size:16px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s}.toast-close:hover{background:#f3f4f6;color:#6b7280}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:220px;padding:60px 20px}.spinner{width:38px;height:38px;border:3px solid var(--brand-soft);border-top-color:var(--brand);border-right-color:var(--brand-light);border-radius:50%;animation:spin .75s cubic-bezier(.5,.1,.4,.9) infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loader-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:radial-gradient(circle at 50% 38%,#ffffff 0%,var(--bg) 72%);animation:loaderFade .25s ease-out}.loader-inline{min-height:220px;width:100%;padding:48px 20px}.loader-ring{position:relative;width:76px;height:76px}.loader-ring:before,.loader-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.loader-ring:before{border-top-color:var(--brand);border-right-color:var(--brand-light);animation:spin .9s cubic-bezier(.6,.05,.3,.95) infinite}.loader-ring:after{top:11px;right:11px;bottom:11px;left:11px;border-bottom-color:var(--brand-dark);border-left-color:var(--brand-light);animation:spin 1.5s linear infinite reverse}.loader-badge{position:absolute;top:23px;right:23px;bottom:23px;left:23px;border-radius:11px;background:var(--gradient-v);display:grid;place-items:center;color:#fff;font-size:13px;box-shadow:0 6px 16px #0284c74d;animation:loaderPulse 1.5s ease-in-out infinite}.loader-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.loader-label:after{display:inline-block;width:1em;text-align:left;content:"";animation:loaderDots 1.4s steps(1,end) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.8}}@keyframes loaderDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes loaderFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.spinner,.loader-ring:before,.loader-ring:after,.loader-badge{animation-duration:2s}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:12px;color:var(--brand-soft)}.empty-state p{margin-bottom:16px}.progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .3s}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-left{display:flex;align-items:center;gap:12px;min-width:0}.list-item-icon{width:40px;height:40px;min-width:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem}.list-item-icon.income{background:var(--success-soft);color:var(--success)}.list-item-icon.deposit{background:var(--brand-soft);color:var(--brand)}.list-item-icon.withdrawal{background:var(--danger-soft);color:var(--danger)}.list-item-title{font-size:.9rem;font-weight:600}.list-item-sub{font-size:.8rem;color:var(--text-muted)}.list-item-right{text-align:right}.list-item-amount{font-size:.95rem;font-weight:700}.list-item-amount.positive{color:var(--success)}.list-item-amount.negative{color:var(--danger)}.menu-list{list-style:none}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;text-decoration:none;color:var(--text)}.menu-item:hover{background:var(--surface-soft)}.menu-item:last-child{border-bottom:none}.menu-item i{width:20px;text-align:center;color:var(--text-muted)}.menu-item.danger,.menu-item.danger i{color:var(--danger)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800}.pill-code{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--brand-soft);border-radius:var(--radius-pill);font-family:monospace;font-weight:700;color:var(--brand);font-size:.95rem}.fab{position:fixed;bottom:calc(var(--bottomnav-h) + 16px);right:16px;width:52px;height:52px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 6px 20px #0284c74d;cursor:pointer;border:none;z-index:100;transition:transform .2s}.fab:hover{transform:scale(1.08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s}.modal-content{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;animation:slideUp .3s ease}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.link-primary{color:var(--brand);font-weight:600}.link-primary:hover{text-decoration:underline}.link-muted{color:var(--text-muted);font-size:.85rem}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.quick-amount{padding:10px 4px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--brand);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;text-align:center}.quick-amount:hover{background:var(--brand-soft);border-color:var(--brand)}.summary-table{width:100%;margin:12px 0}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9rem}.summary-row:last-child{border-bottom:none}.summary-row.total{font-weight:700;font-size:1rem;border-bottom:none}.summary-row.total .summary-value{color:var(--brand)}@media (max-width: 520px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:1.1rem}.quick-actions{grid-template-columns:repeat(4,1fr);gap:4px}.quick-action{padding:10px 2px}.quick-action span{font-size:.65rem}.card{padding:16px}.page-title{font-size:1.1rem}}.dl-page{display:grid;gap:14px}.dl-greeting{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6b7280;font-size:13px;font-weight:600}.dl-greeting strong{color:#111827;font-weight:700}.dl-greeting-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dl-icon-btn{width:38px;height:38px;border:1px solid var(--border);background:var(--surface);color:#4b5563;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:14px;box-shadow:0 4px 12px #0f172a0a}.dl-icon-btn:hover{color:#1f2937}.dl-promo{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.dl-promo-media{width:100%;border-radius:14px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--border)}.dl-promo-placeholder{width:100%;height:clamp(180px,28vw,300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#fef2f2,#fff,#fef2f2);color:var(--brand)}.dl-promo-placeholder i{font-size:48px;opacity:.3}.dl-promo-placeholder span{font-size:24px;font-weight:800;letter-spacing:2px;opacity:.6}.dl-promo-placeholder small{font-size:13px;color:#6b7280;font-weight:500}.dl-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dl-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:12px 8px;border-radius:18px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:#1f2937;cursor:pointer;font-family:inherit}.dl-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.dl-action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:14px}.dl-action-label{font-size:11px;font-weight:600;color:#374151}.dl-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dl-summary-card{min-height:76px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:12px}.dl-summary-label{color:#6b7280;font-size:11px;font-weight:700;margin-bottom:4px}.dl-summary-value{color:#111827;font-size:14px;font-weight:800;letter-spacing:-.02em}.dl-summary-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:13px;flex-shrink:0}.dl-section{margin-top:4px}.dl-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dl-section-title{color:#1f2937;font-size:13px;font-weight:800;letter-spacing:-.01em}.dl-section-link{color:var(--brand);text-decoration:none;font-size:12px;font-weight:700}.dl-about{border-radius:18px;padding:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.dl-about-text{color:#6b7280;font-size:12px;line-height:1.65}.dl-about-text+.dl-about-text{margin-top:10px}.dl-recent-list{display:grid;gap:10px}.dl-recent-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.dl-recent-item:last-child{border-bottom:0;padding-bottom:0}.dl-recent-main{min-width:0}.dl-recent-title{color:#111827;font-size:12px;font-weight:700}.dl-recent-sub{color:#6b7280;font-size:11px;margin-top:3px}.dl-recent-amount{color:#111827;font-size:12px;font-weight:800;white-space:nowrap}@media (max-width: 620px){.dl-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-summary{grid-template-columns:1fr}}.st-page{display:grid;gap:14px}.st-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0}.st-section-title{font-size:13px;font-weight:800;color:#1f2937}.st-section-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;border-radius:999px;background:transparent;font-size:14px}.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.st-card{display:flex;flex-direction:column;min-height:280px;padding:16px 16px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.st-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.st-thumb{width:58px;height:58px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fafbfe);border:1px solid rgba(2,132,199,.14);flex-shrink:0;overflow:hidden;color:var(--brand);font-size:20px}.st-card-name{font-size:15px;font-weight:800;color:#1f2937;letter-spacing:-.02em}.st-card-sub{margin-top:4px;font-size:12px;color:#374151}.st-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 14px 14px;border-radius:12px;background:var(--surface-soft);border:1px solid rgba(31,41,55,.05)}.st-stat{min-width:0}.st-stat-label{font-size:11px;color:#6b7280;margin-bottom:4px}.st-stat-value{font-size:15px;font-weight:700;color:#1f2937;letter-spacing:-.02em}.st-stat-value.st-green{color:var(--brand)}.st-spacer{flex:1 1 auto;min-height:12px}.st-badge{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;font-size:12px;font-weight:700}.st-badge-active{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;box-shadow:0 8px 16px #0284c738}.st-badge-completed,.st-badge-expired,.st-badge-pending{background:#e5e7eb;color:#6b7280}.st-empty{min-height:110px;display:grid;place-items:center;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px}.st-empty-icon{font-size:34px;color:#b0b3b9;margin-bottom:12px}.st-empty-text{color:#5f6470;font-size:13px;line-height:1.45;text-align:center}@media (max-width: 640px){.st-grid{grid-template-columns:1fr}}.as-page{display:grid;gap:14px}.as-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0}.as-section-title{font-size:13px;font-weight:800;color:#1f2937}.as-section-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;border-radius:999px;background:transparent;font-size:14px}.as-tabs{display:flex;background:#1f29370a;border-radius:999px;padding:4px;border:1px solid var(--border)}.as-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 24px;border-radius:999px;border:0;background:transparent;color:#6b7280;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease}.as-tab.active{background:var(--gradient);color:#fff;box-shadow:0 8px 20px #0284c73d}.as-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.as-card{display:flex;flex-direction:column;min-height:300px;padding:16px 16px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.as-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.as-thumb{width:58px;height:58px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#fafbfe);border:1px solid rgba(2,132,199,.14);flex-shrink:0;overflow:hidden;color:var(--brand);font-size:20px}.as-card-name{font-size:15px;font-weight:800;color:#1f2937;letter-spacing:-.02em}.as-card-sub{margin-top:4px;font-size:12px;color:#374151}.as-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 14px 14px;border-radius:12px;background:var(--surface-soft);border:1px solid rgba(31,41,55,.05)}.as-stat{min-width:0}.as-stat-label{font-size:11px;color:#6b7280;margin-bottom:4px}.as-stat-value{font-size:15px;font-weight:700;color:#1f2937;letter-spacing:-.02em}.as-stat-value.as-green{color:var(--brand)}.as-spacer{flex:1 1 auto;min-height:12px}.as-purchase{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--gradient);color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 16px #0284c738;cursor:pointer;transition:all .2s ease}.as-purchase:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0284c74d}.as-purchase:disabled{opacity:.6;cursor:not-allowed;transform:none}.as-empty{min-height:110px;display:grid;place-items:center;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;color:#5f6470;font-size:13px;text-align:center}@media (max-width: 640px){.as-grid{grid-template-columns:1fr}}.tf-page{display:grid;gap:20px;max-width:500px;margin:0 auto}.tf-title{text-align:center;margin-bottom:2px}.tf-title h1{font-size:28px;line-height:1;margin:0;letter-spacing:-1px;font-weight:900;color:var(--brand)}.tf-title p{margin-top:10px;font-size:15px;color:#737373;font-weight:500}.tf-link-card{background:var(--surface);border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.tf-link-card h2{text-align:center;font-size:18px;font-weight:800;margin-bottom:6px;color:#171717}.tf-link-card p{text-align:center;color:#737373;margin-bottom:16px;font-size:14px}.tf-link-box{border:2px dashed var(--brand);background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:14px;padding:18px;font-size:14px;color:#171717;word-break:break-all;margin-bottom:14px}.tf-copy-btn{border:none;width:100%;border-radius:14px;background:linear-gradient(135deg,#38bdf8,#0284c7,#0284c7);color:#fff;font-size:16px;font-weight:800;padding:16px;cursor:pointer;box-shadow:0 8px 24px #1e90ff33;transition:all .3s ease}.tf-copy-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0b3d2e4d}.tf-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-stat-card{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:24px 12px;text-align:center;border:1px solid var(--border);transition:all .3s ease}.tf-stat-card:hover{transform:translateY(-4px)}.tf-stat-value{font-size:28px;line-height:1;color:var(--brand);font-weight:900}.tf-stat-label{margin-top:10px;font-size:13px;color:#737373;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.tf-commission-card{background:var(--surface);border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}.tf-commission-head{text-align:center;margin-bottom:18px}.tf-commission-head h3{font-size:18px;color:#171717;font-weight:800;margin-bottom:6px}.tf-commission-head p{font-size:14px;color:#737373}.tf-commission-item{background:var(--surface);color:#171717;border-radius:18px;padding:18px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;box-shadow:0 4px 16px #071e160f;border:1px solid rgba(7,30,22,.04);transition:all .3s ease}.tf-commission-item:last-child{margin-bottom:0}.tf-commission-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #071e161a}.tf-commission-item h4{margin:0;font-size:16px;font-weight:700;color:#171717}.tf-commission-item p{margin-top:4px;font-size:13px;color:#737373}.tf-badge{background:linear-gradient(135deg,#38bdf8,#0284c7,#0284c7);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:800;white-space:nowrap;color:#fff}@media (max-width: 420px){.tf-title h1,.tf-stat-value{font-size:24px}.tf-stat-label{font-size:11px}}.pf-page{display:grid;gap:0}.pf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 14px}.pf-section-title{font-size:13px;font-weight:700;color:#1f2937}.pf-profile-icon{width:26px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--brand-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.pf-hero{border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:22px 18px;display:flex;align-items:center;gap:16px;min-height:96px}.pf-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.pf-hero-copy{min-width:0}.pf-hero-name{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:4px;color:#111827;word-break:break-word}.pf-hero-sub{font-size:13px;color:var(--muted);line-height:1.3}.pf-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 16px}.pf-quick-action{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-height:64px;padding:8px 6px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;font-weight:500;cursor:pointer;color:var(--text);font-family:inherit;text-decoration:none}.pf-quick-action i{font-size:18px;color:var(--brand)}.pf-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.pf-stat-card{background:var(--surface);border-radius:18px;min-height:76px;padding:14px 16px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-stat-label{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}.pf-stat-value{font-size:16px;font-weight:700;color:#111827;letter-spacing:-.02em}.pf-stat-icon{font-size:16px;color:var(--text);opacity:.7;flex-shrink:0}.pf-menu-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.pf-menu-item{min-height:70px;display:flex;align-items:center;gap:14px;padding:0 16px;border-top:1px solid var(--border);background:transparent;border-left:0;border-right:0;border-bottom:0;width:100%;font-family:inherit;cursor:pointer;text-decoration:none;color:inherit}.pf-menu-item:first-child{border-top:0}.pf-menu-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.pf-menu-label{flex:1;font-size:15px;font-weight:500;text-align:left}.pf-menu-chevron{color:var(--muted);font-size:14px}.pf-logout{color:#dc2626}.pf-logout .pf-menu-icon.pf-logout-icon{color:#dc2626;background:#dc262614}.pf-gift-fab{position:fixed;right:16px;bottom:190px;width:44px;height:44px;border-radius:999px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 26px #0284c747;z-index:20;border:0;cursor:pointer}.pf-gift-fab i{font-size:18px}.pf-spacer{height:16px}.pf-reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.pf-reward-sheet{width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding:32px 24px 36px;position:relative;animation:pf-slideUp .3s ease}@keyframes pf-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pf-reward-close{position:absolute;top:16px;right:16px;background:#f3f4f6;border:0;width:32px;height:32px;border-radius:50%;font-size:14px;color:#6b7280;cursor:pointer;display:grid;place-items:center}.pf-reward-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);display:grid;place-items:center;color:#fff;font-size:28px}.pf-reward-title{text-align:center;font-size:20px;font-weight:800;color:#1f2937;margin-bottom:6px}.pf-reward-sub{text-align:center;font-size:13px;color:#6b7280;margin-bottom:24px}.pf-reward-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;font-size:16px;font-weight:600;text-align:center;letter-spacing:2px;text-transform:uppercase;outline:none;transition:border-color .2s;margin-bottom:16px;box-sizing:border-box}.pf-reward-input:focus{border-color:#0284c7}.pf-reward-btn{width:100%;padding:14px;border:0;border-radius:14px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0284c740}.pf-reward-btn:disabled{opacity:.6;cursor:not-allowed}.pf-reward-result{margin-top:14px;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;text-align:center}.pf-reward-result.success{background:#ecfdf5;color:#16a34a}.pf-reward-result.error{background:#fef2f2;color:#dc2626}@media (max-width: 480px){.pf-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-stats{grid-template-columns:1fr}}@media (min-width: 760px){.pf-stat-value{font-size:18px}.pf-menu-item{min-height:74px}}.dp-page{display:grid;gap:0}.dp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 14px}.dp-section-title{font-size:13px;font-weight:700;color:var(--text)}.dp-section-icon{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.dp-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--border)}.dp-deposit-card{padding:18px 18px 22px;margin-top:4px}.dp-deposit-label{font-size:13px;color:var(--muted);margin:4px 0 10px}.dp-amount-field{width:100%;height:42px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;overflow:hidden;background:var(--surface)}.dp-amount-prefix{width:38px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:700;background:var(--surface-soft);border-right:1px solid var(--border)}.dp-amount-input{flex:1;height:100%;border:0;outline:none;padding:0 14px;font-size:15px;color:var(--text);background:transparent}.dp-amount-input::placeholder{color:var(--muted)}.dp-proceed-btn{width:100%;margin-top:24px;height:40px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #0284c733}.dp-proceed-btn:hover{filter:brightness(1.01)}.dp-proceed-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.dp-info-card{padding:18px 18px 20px;margin-top:16px}.dp-info-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:14px}.dp-info-list{display:grid;gap:12px}.dp-info-row{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.dp-info-row i{color:var(--brand);margin-top:2px;font-size:13px;width:14px;text-align:center;flex-shrink:0}.dp-spacer{height:110px}.dp-ps{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000;background:var(--bg);display:flex;flex-direction:column}.dp-ps-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;font-weight:700;font-size:15px;border-bottom:1px solid var(--border)}.dp-ps-back{background:none;border:0;font-size:18px;color:var(--text);cursor:pointer;padding:4px}.dp-ps-body{flex:1;padding:24px 20px;overflow-y:auto}.dp-ps-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:50vh;color:var(--muted);font-size:14px}.dp-ps-loading i{font-size:28px;color:var(--brand)}.dp-ps-success{display:flex;flex-direction:column}.dp-ps-amount-label{font-size:13px;color:var(--muted);margin-bottom:6px}.dp-ps-amount{font-size:34px;font-weight:800;color:var(--brand)}.dp-ps-divider{height:1px;background:var(--border);margin:22px 0}.dp-ps-label{font-size:12px;color:var(--muted);margin-bottom:6px}.dp-ps-value{font-size:16px;font-weight:700;color:var(--text)}.dp-ps-account-row{display:flex;align-items:center;gap:12px}.dp-ps-account-number{font-size:22px;font-weight:800;color:var(--text);letter-spacing:1px}.dp-ps-copy-btn{background:var(--brand-soft);color:var(--brand);border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}.dp-ps-note{margin-top:18px;padding:14px;background:#fff7e6;border-radius:10px;font-size:12px;color:#92400e;line-height:1.5;display:flex;gap:8px}.dp-ps-note i{margin-top:2px;flex-shrink:0}.dp-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px 16px;margin-top:6px;border:2px dashed var(--border);border-radius:14px;background:var(--brand-soft);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dp-upload:hover{border-color:var(--brand)}.dp-upload-input{display:none}.dp-upload-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);font-size:20px;box-shadow:0 4px 12px #0284c726}.dp-upload-title{font-size:14px;font-weight:700;color:var(--text)}.dp-upload-hint{font-size:12px;color:var(--muted)}.dp-upload-preview{display:flex;align-items:center;gap:12px;padding:12px;margin-top:6px;border:1px solid var(--border);border-radius:14px;background:#fff}.dp-upload-thumb{width:52px;height:52px;flex-shrink:0;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);font-size:22px}.dp-upload-thumb img{width:100%;height:100%;object-fit:cover}.dp-upload-meta{flex:1;min-width:0}.dp-upload-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-upload-size{font-size:12px;color:var(--muted);margin-top:2px}.dp-upload-remove{width:32px;height:32px;flex-shrink:0;border:0;border-radius:8px;cursor:pointer;background:#fee2e2;color:#dc2626;font-size:14px;display:flex;align-items:center;justify-content:center}.dp-upload-remove:hover{background:#fecaca}.rc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40000;display:flex;align-items:center;justify-content:center;padding:20px;animation:cf-fadeIn .2s ease}.rc-modal{width:100%;max-width:560px;max-height:90vh;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #0000002e;animation:cf-popIn .25s cubic-bezier(.34,1.56,.64,1)}.rc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700;color:var(--text)}.rc-modal-close{width:32px;height:32px;border:0;border-radius:8px;cursor:pointer;background:#f3f4f6;color:#6b7280;font-size:16px;display:flex;align-items:center;justify-content:center}.rc-modal-close:hover{background:#e5e7eb}.rc-modal-body{flex:1;overflow:auto;padding:16px;display:flex;align-items:center;justify-content:center;background:#f9fafb;min-height:200px}.rc-modal-img{max-width:100%;max-height:70vh;border-radius:8px}.rc-modal-pdf{width:100%;height:70vh;border:0}.rc-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.dp-ps-btn{width:100%;height:48px;border:0;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.dp-ps-primary{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;box-shadow:0 8px 20px #0284c740}.dp-ps-primary:disabled{opacity:.6;cursor:not-allowed}.dp-ps-secondary{background:#f3f4f6;color:var(--text)}.cf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40000;display:flex;align-items:center;justify-content:center;padding:20px;animation:cf-fadeIn .2s ease}@keyframes cf-fadeIn{0%{opacity:0}to{opacity:1}}.cf-sheet{width:100%;max-width:380px;background:#fff;border-radius:24px;padding:36px 28px 28px;text-align:center;box-shadow:0 24px 48px #0000001f,0 8px 16px #0000000f;animation:cf-popIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes cf-popIn{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cf-icon-ring{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;font-size:26px}.cf-icon-ring--brand{background:linear-gradient(135deg,#0284c71a,#0284c70a);color:var(--brand)}.cf-icon-ring--danger{background:linear-gradient(135deg,#dc26261a,#dc26260a);color:#dc2626}.cf-title{font-size:18px;font-weight:800;color:#111827;margin:0 0 8px;letter-spacing:-.02em}.cf-message{font-size:14px;color:#6b7280;line-height:1.55;margin:0 0 24px}.cf-field{margin-bottom:24px}.cf-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;font-size:15px;font-weight:500;color:#111827;background:#f9fafb;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.cf-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0284c714;background:#fff}.cf-input::placeholder{color:#9ca3af;font-weight:400}.cf-actions{display:flex;gap:10px}.cf-btn{flex:1;padding:14px 20px;border:0;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;letter-spacing:-.01em}.cf-btn:active{transform:scale(.97)}.cf-btn--ghost{background:#f3f4f6;color:#6b7280}.cf-btn--ghost:hover{background:#e5e7eb;color:#374151}.cf-btn--solid{background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 14px #0284c74d}.cf-btn--solid:hover{box-shadow:0 6px 20px #0284c766;filter:brightness(1.05)}.cf-btn--solid:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}.cf-btn--danger{background:linear-gradient(180deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc26264d}.cf-btn--danger:hover{box-shadow:0 6px 20px #dc262666;filter:brightness(1.05)}@media (min-width: 760px){.dp-page{padding:14px 24px 18px}}.wd-page{max-width:600px;margin:0 auto;display:grid;gap:0}.wd-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:8px 16px 10px;background:#f5f6fbeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wd-back{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.wd-topbar-title{flex:1;text-align:center;font-size:15px;font-weight:700}.wd-spacer{width:36px}.wd-lock-note{background:#fef2f2;border-radius:12px;padding:14px;margin-bottom:14px;font-size:13px;color:#075985;display:flex;align-items:center;gap:10px;line-height:1.5}.wd-lock-note i{font-size:16px;flex-shrink:0}.wd-card{background:var(--surface);border-radius:18px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:14px}.wd-balance-display{text-align:center;padding:10px 0 6px}.wd-balance-label{font-size:12px;color:var(--muted);margin-bottom:4px}.wd-balance-amount{font-size:32px;font-weight:800;color:var(--brand)}.wd-field{margin-bottom:18px}.wd-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.wd-amount-wrap{position:relative}.wd-amount-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:800;color:var(--brand)}.wd-amount-input{width:100%;padding:14px 16px 14px 40px;border:1.5px solid var(--border);border-radius:12px;font-size:18px;font-weight:700;color:var(--text);background:#fafbfe;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.wd-amount-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a;background:#fff}.wd-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.wd-quick-btn{padding:10px 6px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s}.wd-quick-btn:active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.wd-hint{font-size:12px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}.wd-hint i{color:var(--brand);font-size:11px}.wd-bank-display{display:flex;align-items:center;gap:12px;padding:14px;background:#fafbfe;border-radius:12px;border:1px solid var(--border)}.wd-bank-icon{width:40px;height:40px;border-radius:10px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:16px;flex-shrink:0}.wd-bank-info{flex:1;min-width:0}.wd-bank-name{font-size:14px;font-weight:700;color:var(--text)}.wd-bank-acct{font-size:12px;color:var(--muted);margin-top:2px}.wd-summary{background:#fafbfe;border-radius:12px;padding:16px}.wd-summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px}.wd-summary-label{color:var(--muted)}.wd-summary-value{font-weight:700}.wd-summary-total{border-top:1px dashed var(--border);margin-top:8px;padding-top:12px}.wd-summary-total .wd-summary-label{font-size:14px;font-weight:700;color:var(--text)}.wd-summary-net{font-size:18px;font-weight:800;color:var(--brand)}.wd-password-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);background:#fafbfe;box-sizing:border-box}.wd-password-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a;background:#fff}.wd-submit-btn{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0284c740;display:flex;align-items:center;justify-content:center;gap:8px}.wd-submit-btn:active{transform:scale(.98)}.wd-submit-btn:disabled{opacity:.5;cursor:not-allowed}.wd-no-bank{text-align:center;padding:20px}.wd-no-bank i{font-size:28px;color:var(--muted);margin-bottom:10px}.wd-no-bank p{font-size:13px;color:var(--muted);margin-bottom:12px}.wd-no-bank-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--brand-soft);color:var(--brand);border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer}.wd-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:20px}.wd-success-sheet{background:#fff;border-radius:20px;padding:32px 24px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.wd-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#fff}.wd-success-title{font-size:20px;font-weight:800;color:#111827;margin-bottom:8px}.wd-success-msg{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:20px}.wd-success-ref-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin-bottom:20px}.wd-success-ref-label{font-size:12px;color:#16a34a;font-weight:600}.wd-success-ref-code{font-size:15px;font-weight:800;color:#15803d;margin-top:4px;letter-spacing:1px}.wd-success-done{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-size:15px;font-weight:700;cursor:pointer}@media (max-width: 400px){.wd-quick-grid{grid-template-columns:repeat(2,1fr)}}.bk-page{max-width:600px;margin:0 auto;display:grid;gap:0}.bk-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:8px 16px 10px;background:#f5f6fbeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bk-back{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bk-back:active{background:var(--border)}.bk-topbar-title{flex:1;text-align:center;font-size:15px;font-weight:700}.bk-spacer{width:36px}.bk-card{background:var(--surface);border-radius:18px;padding:22px;box-shadow:var(--shadow);border:1px solid var(--border);margin:16px}.bk-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.bk-icon-success{width:36px;height:36px;border-radius:10px;background:#dcfce7;display:flex;align-items:center;justify-content:center;color:#16a34a;font-size:16px}.bk-card-label{font-size:14px;font-weight:700;color:var(--text)}.bk-card-sub{font-size:12px;color:var(--muted)}.bk-grid{display:grid;gap:14px;margin-bottom:18px}.bk-field-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.bk-field-value{font-size:15px;font-weight:700;color:var(--text)}.bk-actions{display:flex;gap:10px}.bk-actions button{flex:1;padding:11px 0;border-radius:12px;font-size:13px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.bk-btn-edit{background:var(--brand-soft);color:var(--brand)}.bk-btn-delete{background:#fef2f2;color:#ef4444}.bk-empty-card{text-align:center;padding:40px 20px}.bk-icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.bk-icon-wrap i{font-size:26px;color:var(--brand)}.bk-empty-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.bk-empty-card p{font-size:13px;color:var(--muted);margin-bottom:22px;line-height:1.5}.bk-add-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #0284c740;transition:transform .15s,box-shadow .15s}.bk-add-btn:active{transform:scale(.97)}.bk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50000;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-end}.bk-modal-sheet{width:100%;max-width:600px;max-height:92vh;background:var(--surface);border-radius:20px 20px 0 0;overflow-y:auto;animation:bk-slideUp .3s ease}@keyframes bk-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bk-modal-handle{width:36px;height:4px;border-radius:4px;background:#d1d5db;margin:10px auto 0}.bk-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.bk-modal-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.bk-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bk-modal-body{padding:0 20px 24px}.bk-field{margin-bottom:16px}.bk-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.bk-input,.bk-select{width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);background:#fafbfe;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}.bk-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;min-height:48px}.bk-input:focus,.bk-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a;background:#fff}.bk-dropdown{position:relative}.bk-dropdown-toggle{width:100%;min-height:48px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);background:#fafbfe;cursor:pointer;text-align:left;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.bk-dropdown-toggle.is-placeholder{color:var(--muted)}.bk-dropdown-toggle:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a}.bk-dropdown-toggle i{color:var(--muted);font-size:12px;transition:transform .2s;flex-shrink:0}.bk-dropdown-toggle i.is-open{transform:rotate(180deg)}.bk-dropdown-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.bk-dropdown-menu{position:absolute;z-index:6;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #0f172a29;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch}.bk-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px;border-radius:8px;font-size:15px;color:var(--text);cursor:pointer}.bk-dropdown-item:active{background:var(--brand-soft)}.bk-dropdown-item.is-selected{background:var(--brand-soft);color:var(--brand);font-weight:600}.bk-dropdown-item i{color:var(--brand);font-size:13px}.bk-dropdown-item--other{border-top:1px solid var(--border);margin-top:4px;padding-top:14px;color:var(--brand);font-weight:600}.bk-dropdown-item--other span{display:inline-flex;align-items:center}@media (hover: hover){.bk-dropdown-item:hover{background:var(--brand-soft)}}.bk-resolving{font-size:12px;color:var(--brand);margin-top:6px;display:flex;align-items:center;gap:6px}.bk-submit-btn{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0284c740;margin-top:4px}.bk-submit-btn:active{transform:scale(.98)}.bk-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 600px){.bk-modal-sheet{border-radius:20px;margin-bottom:20px}}.cp-page{max-width:600px;margin:0 auto;display:grid;gap:0}.cp-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:8px 16px 10px;background:#f5f6fbeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cp-back{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cp-topbar-title{flex:1;text-align:center;font-size:15px;font-weight:700}.cp-spacer{width:36px}.cp-card{background:var(--surface);border-radius:18px;padding:28px 22px;box-shadow:var(--shadow);border:1px solid var(--border);margin:16px}.cp-card-head{text-align:center;margin-bottom:28px}.cp-icon-ring{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center;font-size:26px;color:var(--brand);margin-bottom:16px}.cp-card-head h3{font-size:18px;font-weight:800;color:var(--text);margin-bottom:6px}.cp-card-head p{font-size:13px;color:var(--muted)}.cp-field{margin-bottom:18px}.cp-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.cp-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;color:var(--text);background:#fafbfe;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.cp-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a;background:#fff}.cp-submit-btn{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0284c740;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.cp-submit-btn:active{transform:scale(.98)}.cp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ix-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:8px 16px 10px;background:#f5f6fbeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ix-back{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.ix-back:active{background:var(--border)}.ix-topbar-title{flex:1;text-align:center;font-size:15px;font-weight:700}.ix-spacer{width:36px}.ix-page{max-width:600px;margin:0 auto;padding:16px}.ix-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}.ix-stat-card{background:var(--surface);border-radius:14px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--border);text-align:center}.ix-stat-value{font-size:16px;font-weight:800;color:var(--brand);margin-bottom:4px}.ix-stat-label{font-size:11px;color:var(--muted);font-weight:600}.ix-filters{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.ix-filters::-webkit-scrollbar{display:none}.ix-filter-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s}.ix-filter-btn.active{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 6px 14px #0284c733}.ix-tx-card{background:var(--surface);border-radius:14px;padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;gap:12px}.ix-tx-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ix-tx-icon.income{background:#dcfce7;color:var(--success)}.ix-tx-icon.deposit{background:var(--brand-soft);color:var(--brand)}.ix-tx-icon.withdrawal{background:#fee2e2;color:var(--danger)}.ix-tx-info{flex:1;min-width:0}.ix-tx-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-tx-date{font-size:12px;color:var(--muted);margin-top:2px}.ix-tx-right{text-align:right;flex-shrink:0}.ix-tx-amount{font-size:15px;font-weight:800}.ix-tx-amount.positive{color:var(--success)}.ix-tx-amount.negative{color:var(--danger)}.ix-tx-status{font-size:11px;font-weight:600;margin-top:2px}.ix-tx-status.completed{color:var(--success)}.ix-tx-status.pending{color:var(--warning)}.ix-tx-status.failed{color:var(--danger)}.ix-empty{text-align:center;padding:48px 20px}.ix-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.ix-empty-icon i{font-size:24px;color:var(--brand)}.ix-empty h3{font-size:16px;font-weight:700;margin-bottom:6px}.ix-empty p{font-size:13px;color:var(--muted)}.ad-login-page{min-height:100vh;background:var(--gradient);display:flex;align-items:center;justify-content:center;padding:20px}.ad-login-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;max-width:400px;width:100%}.ad-login-logo{text-align:center;margin-bottom:30px}.ad-login-icon{width:72px;height:72px;border-radius:50%;background:var(--brand-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:30px;color:var(--brand)}.ad-login-logo h2{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 4px}.ad-login-logo p{font-size:14px;color:var(--muted);margin:0;font-weight:600}.ad-login-field{margin-bottom:18px}.ad-login-field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.ad-login-input-wrap{position:relative;display:flex;align-items:center}.ad-login-input-wrap>i{position:absolute;left:14px;color:var(--muted);font-size:14px;pointer-events:none}.ad-login-input-wrap>input{width:100%;padding:13px 14px 13px 42px;border:2px solid #f1f5f9;border-radius:12px;font-size:15px;color:#1f2937;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.ad-login-input-wrap>input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a}.ad-login-pwd-toggle{position:absolute;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;font-size:14px}.ad-login-btn{width:100%;padding:14px;border:none;border-radius:12px;background:var(--gradient);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #0284c740;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;transition:all .2s}.ad-login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.ad-login-btn:active{transform:scale(.98)}.ad-login-btn:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.ad-login-footer{text-align:center;margin-top:24px}.ad-login-footer a{color:var(--brand);text-decoration:none;font-size:14px;font-weight:600}.ad-login-footer a:hover{text-decoration:underline}.ad-layout{display:flex;min-height:100vh;background:#f8f9fa}.ad-sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:100;background:var(--gradient);display:flex;flex-direction:column;transition:transform .3s ease}.ad-brand{display:flex;align-items:center;gap:10px;padding:20px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}.ad-brand i{font-size:22px}.ad-brand-label{font-size:14px;font-weight:700;letter-spacing:.04em}.ad-nav{flex:1;padding:12px 0;overflow-y:auto}.ad-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:2px 12px 2px 0;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;border:none;background:none;width:100%;cursor:pointer;transition:all .2s;border-radius:0 25px 25px 0}.ad-nav-link:hover{background:#ffffff26;color:#fff}.ad-nav-link--active{background:#fff3;color:#fff;font-weight:600}.ad-nav-link i{width:20px;text-align:center;font-size:14px}.ad-sidebar-footer{border-top:1px solid rgba(255,255,255,.15);padding:8px 0}.ad-logout{color:#ffffffb3!important}.ad-user-info{padding:14px 20px;border-top:1px solid rgba(255,255,255,.15);color:#fffc}.ad-user-name{font-size:14px;font-weight:700}.ad-user-role{font-size:12px;opacity:.7;margin-top:2px}.ad-main{flex:1;margin-left:250px;display:flex;flex-direction:column}.ad-header{position:sticky;top:0;z-index:50;background:#fff;padding:15px 25px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:16px}.ad-header-title{flex:1;font-size:16px;font-weight:700;color:#1f2937}.ad-header-right{display:flex;align-items:center;gap:12px}.ad-header-user{font-size:13px;color:var(--muted);font-weight:600}.ad-hamburger{display:none;background:none;border:none;font-size:20px;color:#374151;cursor:pointer;padding:4px}.ad-content{padding:24px;flex:1}.ad-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.ad-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.ad-stat-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #00000014}.ad-stat-card h3{font-size:28px;font-weight:800;margin:0;color:#1f2937}.ad-stat-card .ad-stat-label{font-size:13px;color:var(--muted);margin-top:4px}.ad-stat-card--brand h3{color:var(--brand)}.ad-stat-card--success h3{color:var(--success)}.ad-stat-card--warning h3{color:var(--warning)}.ad-stat-card--info h3{color:var(--info)}.ad-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;overflow:hidden}.ad-card-header{padding:18px 24px;border-bottom:1px solid #f1f5f9;font-size:16px;font-weight:700;color:#1f2937}.ad-card-body{padding:24px}.ad-table-wrap{overflow-x:auto}.ad-table{width:100%;border-collapse:collapse}.ad-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #f1f5f9}.ad-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1f2937}.ad-table tr:last-child td{border-bottom:0}.ad-table tr:hover td{background:#f9fafb}.ad-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ad-filter-btn{padding:8px 18px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s}.ad-filter-btn:hover{border-color:var(--brand);color:var(--brand)}.ad-filter-btn.active{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #0284c733}.ad-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.ad-badge--active{background:#dcfce7;color:#16a34a}.ad-badge--inactive{background:#fee2e2;color:#dc2626}.ad-badge--pending{background:#fef3c7;color:#d97706}.ad-badge--completed{background:#dcfce7;color:#16a34a}.ad-badge--failed,.ad-badge--rejected{background:#fee2e2;color:#dc2626}.ad-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s;text-decoration:none}.ad-btn:active{transform:scale(.97)}.ad-btn--primary{background:var(--gradient);color:#fff;box-shadow:0 4px 12px #0284c733}.ad-btn--primary:hover{filter:brightness(1.05)}.ad-btn--success{background:#16a34a;color:#fff}.ad-btn--danger{background:#dc2626;color:#fff}.ad-btn--outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.ad-btn--outline:hover{border-color:var(--brand);color:var(--brand)}.ad-btn--ghost{background:#f5f3ff;border:1px solid #ddd6fe;color:#6d28d9}.ad-btn--ghost:hover{background:#ede9fe;border-color:#a78bfa}.ad-btn--sm{padding:7px 14px;font-size:12px}.ad-form-group{margin-bottom:18px}.ad-form-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.ad-form-input,.ad-form-select{width:100%;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.ad-form-input:focus,.ad-form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0284c71a}.ad-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ad-page-title{font-size:22px;font-weight:800;color:#1f2937}.ad-page-subtitle{font-size:13px;color:var(--muted);margin-top:4px}.ad-search{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 14px;margin-bottom:20px}.ad-search i{color:var(--muted);font-size:14px}.ad-search input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;color:#1f2937;background:transparent}.ad-search input::placeholder{color:#9ca3af}.ad-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ad-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ad-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.ad-stats,.ad-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ad-sidebar{transform:translate(-100%)}.ad-sidebar--open{transform:translate(0)}.ad-overlay{display:block}.ad-main{margin-left:0}.ad-hamburger{display:block}.ad-content{padding:16px}.ad-stats,.ad-grid-2,.ad-grid-3,.ad-grid-4{grid-template-columns:1fr}.ad-page-head{flex-direction:column;align-items:flex-start;gap:12px}.ad-login-card{padding:28px 20px}}.dash-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.dash-hero-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 18px #0f172a0f;border:1px solid rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease}.dash-hero-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0f172a1a}.dash-hero-card:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;opacity:.08;background:currentColor}.dash-hero-icon{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#fff}.dash-hero-value{font-size:22px;font-weight:800;color:#111827;line-height:1.15}.dash-hero-label{font-size:13px;color:#6b7280;margin-top:2px;font-weight:600}.dash-hero-sub{font-size:11.5px;color:#9ca3af;margin-top:3px}.dash-hero-card--brand{color:#0284c7}.dash-hero-card--brand .dash-hero-icon{background:linear-gradient(135deg,#38bdf8,#0284c7)}.dash-hero-card--success{color:#16a34a}.dash-hero-card--success .dash-hero-icon{background:linear-gradient(135deg,#34d399,#16a34a)}.dash-hero-card--info{color:#3b82f6}.dash-hero-card--info .dash-hero-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dash-hero-card--purple{color:#8b5cf6}.dash-hero-card--purple .dash-hero-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.dash-charts-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:22px}.dash-chart-card{margin-bottom:0}.dash-chart-head{display:flex;align-items:center;justify-content:space-between}.dash-chart-sub{font-size:12px;font-weight:500;color:#9ca3af}.dash-chart-link{font-size:12px;font-weight:600;color:var(--brand);text-decoration:none}.dash-chart-link:hover{text-decoration:underline}.dash-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.dash-mini-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 14px #0f172a0d;text-decoration:none;border:1px solid rgba(15,23,42,.04);transition:transform .16s ease,box-shadow .16s ease}.dash-mini-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a17}.dash-mini-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:17px}.dash-mini-value{font-size:19px;font-weight:800;color:#111827}.dash-mini-label{font-size:12px;color:#6b7280;margin-top:1px}.dash-mini-card--warning .dash-mini-icon{background:var(--warning-soft);color:var(--warning)}.dash-mini-card--info .dash-mini-icon{background:var(--info-soft);color:var(--info)}.dash-mini-card--brand .dash-mini-icon{background:var(--brand-soft);color:var(--brand)}.dash-mini-card--success .dash-mini-icon{background:var(--success-soft);color:var(--success)}.dash-activity-body{display:flex;flex-direction:column;gap:4px;padding:12px 16px;max-height:340px;overflow-y:auto}.dash-activity-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;transition:background .14s ease}.dash-activity-row:hover{background:#f8fafc}.dash-act-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-size:14px}.act-icon--in{background:var(--success-soft);color:var(--success)}.act-icon--out{background:var(--danger-soft);color:var(--danger)}.act-icon--ref{background:var(--brand-soft);color:var(--brand)}.act-icon--int{background:var(--warning-soft);color:var(--warning)}.dash-act-main{flex:1;min-width:0}.dash-act-title{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-act-sub{font-size:11.5px;color:#9ca3af;text-transform:capitalize}.dash-act-right{text-align:right;flex-shrink:0}.dash-act-amount{font-size:14px;font-weight:700;color:#1f2937}.dash-actions-row{display:flex;flex-wrap:wrap;gap:10px}.chart-wrap{width:100%}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{display:grid;place-items:center;min-height:180px;color:#9ca3af;font-size:13px;font-weight:500}.chart-grid{stroke:#eef2f7;stroke-width:1}.chart-axis-label{font-size:11px;fill:#9ca3af}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-line--dep{stroke:#0284c7}.chart-line--wd{stroke:#f59e0b}.chart-dot--dep{fill:#0284c7;stroke:#fff;stroke-width:1.5}.chart-dot--wd{fill:#f59e0b;stroke:#fff;stroke-width:1.5}.chart-bar{transition:opacity .15s ease}.chart-bar:hover{opacity:.82}.chart-bar-value{font-size:11px;font-weight:700;fill:#475569}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:8px}.chart-legend-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#6b7280;font-weight:500}.chart-swatch{width:12px;height:12px;border-radius:4px;display:inline-block}.chart-swatch--dep{background:#0284c7}.chart-swatch--wd{background:#f59e0b}.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}.donut-svg{width:160px;height:160px;flex-shrink:0}.donut-seg{transition:stroke-width .15s ease}.donut-center-value{font-size:30px;font-weight:800;fill:#111827}.donut-center-label{font-size:12px;fill:#9ca3af}.donut-legend{display:flex;flex-direction:column;gap:10px;min-width:150px}.donut-legend-item{display:flex;align-items:center;gap:9px;font-size:13px}.donut-swatch{width:12px;height:12px;border-radius:4px;flex-shrink:0}.donut-legend-label{color:#6b7280;flex:1}.donut-legend-value{font-weight:700;color:#1f2937}@media (max-width: 1024px){.dash-hero-grid,.dash-mini-grid{grid-template-columns:repeat(2,1fr)}.dash-charts-grid{grid-template-columns:1fr}}@media (max-width: 600px){.dash-hero-grid,.dash-mini-grid{grid-template-columns:1fr}.dash-actions-row .ad-btn{flex:1;justify-content:center}}