@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#15243c;background:#f5f7fb;font-synthesis:none;--blue:#2864ef;--blue-dark:#174fd3;--teal:#0c9786;--muted:#8190a5;--border:#e8edf4;--bg:#f5f7fb;--ink:#15243c;--shadow:0 8px 35px #19345b06}*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.65;letter-spacing:-.025em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #92b2ff}a{color:var(--blue);text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.35;font-weight:700;letter-spacing:-1.1px}h2{font-size:17px;line-height:1.45;font-weight:700}h3{font-size:14px}svg{vertical-align:middle}button svg{width:18px;height:18px;flex-shrink:0}img{max-width:100%}.demo-bar{height:46px;background:#14243e;color:#d8e5f6;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:16px;font-size:11px;letter-spacing:.01em;position:relative;z-index:30}.demo-label{display:flex;align-items:center;gap:9px}.demo-label::before{content:'';width:6px;height:6px;border-radius:50%;background:#6ee1ca;box-shadow:0 0 0 4px #6ee1ca12}.demo-label strong{font-size:11px;letter-spacing:1.3px;color:white}.demo-tabs{display:flex;background:#ffffff0a;border-radius:6px;padding:3px;gap:3px}.demo-tabs button{background:transparent;color:#aebed3;border:0;padding:5px 16px;border-radius:4px;font-size:11px;line-height:1.5}.demo-tabs button.active{background:#fff;color:#1b3153;font-weight:600;box-shadow:0 1px 5px #0002}.demo-bar>button{border:0;color:#b9c9df;background:transparent;font-size:11px}.lang-switch{display:flex;align-items:center;gap:8px}.lang-switch button,.lang-switch select{border:0;background:transparent;color:inherit;font-size:12px;padding:5px;cursor:pointer}.lang-switch button.active{color:var(--blue);font-weight:700}.demo-bar .lang-switch button.active{color:white}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 46px)}.sidebar{background:#fff;border-right:1px solid var(--border);padding:29px 15px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 46px)}.brand{display:flex;align-items:center;gap:9px;padding:0 13px;font-size:24px;font-weight:800;letter-spacing:-1.15px;color:#192b47;line-height:1.15}.brand img{width:35px;height:35px}.brand>span{display:block}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#93a1b4;margin-top:6px;text-transform:uppercase}.nav-section{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#9ba7b7;margin:36px 14px 11px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 14px;width:100%;border:0;background:transparent;color:#738196;border-radius:7px;margin:3px 0;text-align:left;font-weight:500;transition:background .15s,color .15s}.nav-item>svg{width:18px;height:18px;stroke-width:1.6}.nav-item.active{color:var(--blue);background:#edf3ff;font-weight:700}.nav-item:hover{background:#f3f6fb;color:#395b89}.nav-item.active:hover{background:#e8efff;color:var(--blue)}.nav-item .count,.nav-item>small{margin-left:auto;background:#e2eaff;border-radius:5px;color:var(--blue);font-size:10px;padding:0 6px;font-weight:600}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--border);color:#96a1b1;font-size:10px}.sidebar-footer strong{display:block;color:#60718a;font-size:12px;margin-bottom:3px}.sidebar-footer .online-dot{display:inline-block;width:5px;height:5px;background:var(--teal);border-radius:50%;margin-right:5px}.workspace{min-width:0}.topbar{height:75px;background:#ffffffc9;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);gap:18px}.breadcrumbs{color:#98a3b3;font-size:11px;display:flex;gap:10px;align-items:center}.breadcrumbs strong,.breadcrumbs span:last-child{font-weight:500;color:#52647e}.profile{display:flex;align-items:center;gap:10px;line-height:1.4}.profile strong{font-size:11px;font-weight:600}.profile small{display:block;color:#9aa6b6;font-size:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-size:11px;font-weight:700;background:#eaf0ff;color:#5476b3;flex-shrink:0}.page{padding:32px 34px 42px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{font-size:12px;color:#8b98ab;margin-top:8px}.eyebrow{font-size:9px;color:#8b9bb2;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;display:block;margin-bottom:8px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 15px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:6px;background:white;white-space:nowrap;transition:background .15s,box-shadow .15s}.btn:hover{background:#f7f9fc;border-color:#cbd7e8}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 8px #2864ef18}.btn.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 4px 12px #2864ef28}.btn.secondary{background:white;color:#63718a}.btn.ghost{border-color:transparent;background:transparent;color:#73829a}.btn.ghost:hover{background:#eef3fa}.btn.danger{background:#fff4f3;border-color:#f5dcd8;color:#c4524c}.btn.small{min-height:30px;padding:5px 10px;font-size:10px}.btn.full{width:100%;min-height:48px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{position:relative;background:white;border:1px solid var(--border);border-radius:10px;padding:21px 22px;box-shadow:var(--shadow);min-height:137px;overflow:hidden}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8290a5;font-weight:500;gap:12px}.stat-label svg{color:#a6b2c2;width:16px;height:16px}.stat-value{font-size:27px;line-height:1.4;letter-spacing:-.8px;font-weight:700;margin-top:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-value small{font-size:13px;font-weight:400;color:#8998ae;letter-spacing:0;margin-left:4px}.stat-foot{font-size:10px;color:#9aa6b8;margin-top:8px;display:flex;align-items:center;gap:5px}.stat-foot .positive{color:var(--teal);font-weight:600}.sparkline{position:absolute;bottom:15px;right:15px;width:78px;height:28px;color:#9bc1f7;opacity:.75}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:21px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.dashboard-grid .panel{margin-bottom:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid #f0f3f8}.panel-header h2{font-size:14px}.panel-header p{color:#96a3b5;font-size:10px;margin-top:3px}.panel-header a,.panel-header>.btn{font-size:10px}.panel-body{padding:20px 23px}.queue-list{padding:0 23px}.queue-item{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #f0f3f8;width:100%;background:none;text-align:left;border-top:0;border-left:0;border-right:0}.queue-item:last-child{border-bottom:0}.queue-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#edf3ff;border-radius:9px;color:var(--blue);flex-shrink:0}.queue-icon svg{width:17px;height:17px}.queue-item:nth-child(2) .queue-icon{background:#eaf7f4;color:var(--teal)}.queue-item:nth-child(3) .queue-icon{background:#fff6e9;color:#c58c3d}.queue-copy{flex:1}.queue-copy strong{font-size:12px;display:block;font-weight:500}.queue-copy small{display:block;color:#99a5b7;font-size:10px;margin-top:3px}.queue-count{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;margin-right:8px}.activity-list{padding:4px 22px}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;position:relative}.activity-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;margin-top:6px;flex-shrink:0;box-shadow:0 0 0 4px #edf8f5;z-index:1}.activity-item:not(:last-child)::before{content:'';position:absolute;left:3px;top:25px;bottom:-9px;width:1px;background:#eef1f6}.activity-copy{flex:1;font-size:11px;min-width:0}.activity-copy strong{font-weight:500}.activity-copy small{display:block;font-size:10px;color:#99a5b7;margin-top:3px}.activity-item>time,.activity-copy time{font-size:9px;color:#a3adbb;white-space:nowrap}.table-toolbar{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{position:relative;display:flex;align-items:center;gap:9px;background:#f8fafd;border:1px solid var(--border);border-radius:6px;padding:0 11px;min-width:230px;color:#9caabb}.search input{border:0;background:transparent;box-shadow:none!important;outline:none;min-height:35px;padding:7px 0;font-size:11px;width:100%;min-width:0}.search svg{width:15px;height:15px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#fff;border:1px solid #e6ebf3;border-radius:5px;padding:6px 11px;font-size:10px;color:#7f8ca2}.chip.active{border-color:#d9e4ff;background:#edf3ff;color:var(--blue);font-weight:600}.table-wrap{overflow:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#fafbfd;font-size:10px;color:#8a97aa;font-weight:500;padding:12px 20px;border-bottom:1px solid var(--border)}td{padding:15px 20px;font-size:11px;color:#61718a;border-bottom:1px solid #f0f3f7}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td:first-child{color:#5a7297;font-size:10px;letter-spacing:.01em}td .btn{font-size:10px}td .avatar{width:29px;height:29px;border-radius:8px;font-size:9px;background:#f0f3f9;color:#6b7f9f}.person{display:flex;align-items:center;gap:9px}.person-name{color:#384d6a;font-size:11px;font-weight:500}.person-sub{color:#a0acbc;font-size:9px;letter-spacing:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;font-size:9px;line-height:1.6;font-weight:500;background:#edf1f7;color:#7d8ba0;white-space:nowrap}.badge::before{content:'';height:4px;width:4px;background:currentColor;border-radius:50%;flex-shrink:0}.badge.pending{color:#ad813c;background:#fff5e5}.badge.paid{color:#188e79;background:#eaf7f3}.badge.review{color:#426cce;background:#edf3ff}.badge.processing{color:#426cce;background:#edf3ff}.badge.rejected{color:#c86662;background:#fff0ef}.amount{font-weight:600;font-variant-numeric:tabular-nums;color:#344863;letter-spacing:0}.table-footer{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;color:#9ba7b8;font-size:10px;border-top:1px solid var(--border)}.table-footer button{height:26px;min-width:26px;border:1px solid var(--border);background:#fff;border-radius:4px;font-size:10px;color:#8292a9}.table-footer button.active{background:#edf3ff;border-color:#dce7ff;color:var(--blue)}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--border);margin-bottom:24px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 2px 13px;font-size:12px;color:#96a2b5}.tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.balance-card{background:#173657;color:#fff;border-radius:10px;padding:27px 30px;margin-bottom:24px;position:relative;overflow:hidden}.balance-card::after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff13;border-radius:50%;right:36px;top:-60px;box-shadow:0 0 0 32px #ffffff05,0 0 0 64px #ffffff04}.balance-card .stat-label,.balance-card p{color:#9ab4d3}.balance-card .stat-value{font-size:34px}.balance-card .stat-foot{color:#b5cbe4}.customer-shell{min-height:calc(100vh - 46px);background:#f6f8fc;position:relative}.customer-header{max-width:1180px;margin:auto;min-height:91px;padding:22px 35px;display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-header .brand{padding:0;font-size:25px}.customer-header .brand img{width:36px;height:36px}.customer-header .lang-switch{color:#8a98ae;font-size:11px}.customer-main{display:grid;grid-template-columns:1fr 464px;gap:90px;align-items:center;max-width:1120px;margin:33px auto 40px;padding:0 36px}.customer-intro{padding:20px 0}.merchant-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3eaf5;border-radius:30px;padding:6px 11px 6px 7px;font-size:10px;color:#6e809a;margin-bottom:23px;box-shadow:0 3px 12px #1e395504}.merchant-chip .merchant-icon,.merchant-chip>span:first-child{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ecf2ff;color:var(--blue);font-weight:700}.intro-title{font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-1.8px;color:#1c304d;margin-bottom:19px;word-break:keep-all}.intro-title em{font-style:normal;color:var(--blue)}.intro-copy{font-size:13px;line-height:1.9;color:#8b99ae;max-width:350px;word-break:keep-all}.trust-list{display:flex;flex-direction:column;gap:13px;margin-top:26px}.trust-item{display:flex;align-items:center;gap:10px;font-size:11px;color:#75869f}.trust-item svg{color:#66a99e;width:16px;height:16px;flex-shrink:0}.intro-illustration{position:relative;width:290px;height:190px;margin-top:36px;isolation:isolate}.intro-illustration::before{content:'';position:absolute;left:13px;top:21px;width:213px;height:133px;border-radius:14px;background:#fff;border:1px solid #e1e9f5;box-shadow:0 14px 35px #213d7310;transform:rotate(-7deg)}.intro-illustration::after{content:'';position:absolute;left:55px;top:4px;width:213px;height:133px;border-radius:14px;background:linear-gradient(130deg,#2965ef,#4a7bee);box-shadow:0 18px 28px #2864ef20;transform:rotate(5deg);z-index:-1}.illustration-card{position:absolute;left:35px;top:47px;z-index:2}.illustration-card img{width:25px}.illustration-card strong{display:block;margin-top:10px;font-size:17px;letter-spacing:2px;font-weight:500;color:#69809f}.illustration-card small{font-size:9px;color:#9cabc1}.payment-card{background:#fff;border:1px solid #e4eaf4;border-radius:15px;box-shadow:0 18px 60px #29497609;overflow:hidden;min-width:0}.payment-top{padding:25px 29px 20px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-top h2{font-size:16px}.payment-top p{font-size:10px;color:#98a7bb;margin-top:4px}.payment-top .amount{font-size:17px;color:#1d3555}.steps{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:24px 29px 0}.step{display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;color:#a9b3c3;font-size:9px;position:relative;text-align:center}.step:not(:last-child)::after{content:'';position:absolute;left:calc(50% + 19px);right:calc(-50% + 19px);top:12px;background:#e9eef6;height:1px}.step-number{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #e0e6ef;background:white;border-radius:50%;font-size:10px;z-index:1;font-weight:600}.step.active{color:var(--blue);font-weight:600}.step.active .step-number{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px #f0f5ff}.step.complete{color:#719c92}.step.complete .step-number{background:#eaf6f2;border-color:#eaf6f2;color:var(--teal)}.step.complete::after{background:#c7ddd9}.form-content{padding:26px 29px 30px}.form-content h3{font-size:17px;margin-bottom:7px}.form-content>p{font-size:11px;color:#93a0b4;margin-bottom:22px;line-height:1.8}.field{margin-bottom:18px;min-width:0}.field label{display:block;font-weight:500;font-size:11px;color:#5c708d;margin-bottom:7px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dfe7f2;border-radius:6px;background:#fff;padding:11px 12px;font-size:12px;line-height:1.6;color:#294260;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:#b5bfce}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ba4ff;box-shadow:0 0 0 3px #2864ef09;outline:0}.field input:read-only{background:#f8fafd;color:#8c9cb2}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.helper{font-size:10px;color:#9ba8ba;margin-top:6px;line-height:1.7}.notice{border-radius:6px;background:#f1f6ff;color:#6a83ae;padding:12px 14px;font-size:10px;line-height:1.85;margin:16px 0;display:flex;gap:9px;align-items:flex-start}.notice svg{flex-shrink:0;width:15px;height:15px;margin-top:2px}.notice.warning{background:#fff8eb;color:#a78443}.notice.success{background:#edf8f4;color:#5d9a8a}.account-card{background:#f8faff;border:1px solid #e5ecf8;border-radius:9px;padding:5px 17px;margin:18px 0}.account-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e8edf6;font-size:11px}.account-line:last-child{border-bottom:0}.account-line>span:first-child{color:#96a4b8;flex-shrink:0}.account-line strong{font-weight:500;color:#3e5779;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.copy-btn{border:0;background:transparent;color:#7892b8;padding:4px;border-radius:4px;flex-shrink:0}.copy-btn:hover{background:#e8effb;color:var(--blue)}.copy-btn svg{width:14px;height:14px}.amount-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:-6px;margin-bottom:21px}.amount-choices button{border:1px solid #e1e8f2;background:#fff;border-radius:5px;color:#8a9ab1;padding:8px 3px;font-size:10px}.amount-choices button.active{color:var(--blue);border-color:#a7c3ff;background:#f0f5ff}.payment-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;margin:12px 0;border-top:1px solid var(--border);font-size:11px;color:#9ba7b8}.payment-summary strong{font-size:23px;color:#1d3555;font-variant-numeric:tabular-nums}.status-orb{width:63px;height:63px;margin:10px auto 18px;background:#edf7f4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--teal);box-shadow:0 0 0 9px #f6fbf9}.status-orb svg{width:27px;height:27px}.status-orb.waiting{background:#edf3ff;color:var(--blue);box-shadow:0 0 0 9px #f8faff}.status-title{text-align:center;font-size:20px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px}.status-text{text-align:center;font-size:11px;color:#91a0b5;line-height:1.9;margin:0 auto 23px;max-width:300px;word-break:keep-all}.timeline{margin:23px 0;padding:0 0 0 4px}.timeline-item{position:relative;padding:0 0 23px 22px;font-size:11px;color:#6e829f}.timeline-item::before{content:'';position:absolute;left:0;top:5px;width:6px;height:6px;background:#bdcbe0;border-radius:50%}.timeline-item:not(:last-child)::after{content:'';position:absolute;left:2.5px;top:15px;bottom:1px;width:1px;background:#e5ecf7}.timeline-item small{display:block;font-size:10px;color:#a4b0c0;margin-top:4px}.timeline-item.complete::before{background:var(--teal)}.timeline-item.active::before{background:var(--blue);box-shadow:0 0 0 4px #edf3ff}.customer-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#a8b3c3;font-size:10px;padding:20px 24px 30px}.customer-footer svg{width:13px;height:13px}.drawer-backdrop{position:fixed;inset:0;background:#10213b45;backdrop-filter:blur(3px);z-index:60;display:flex;justify-content:flex-end}.drawer{width:480px;max-width:100%;background:#fff;box-shadow:-15px 0 55px #0a1f4420;display:flex;flex-direction:column;height:100%;animation:slide-in .2s ease-out}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid var(--border);gap:16px}.drawer-header h2{font-size:18px}.drawer-header p{color:#99a5b7;font-size:10px;margin-top:4px}.drawer-header>button{border:0;background:#f4f7fc;width:30px;height:30px;border-radius:50%;color:#8d9db5}.drawer-body{padding:26px 28px;overflow-y:auto;flex:1;min-height:0}.drawer-footer{padding:20px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px;background:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;padding:18px 0 24px}.detail-item small,.detail-item label{display:block;color:#9aa8bc;font-size:10px;margin-bottom:4px}.detail-item strong{font-weight:500;color:#476080;font-size:12px;overflow-wrap:anywhere}.section-label{color:#6a7f9c;font-size:11px;font-weight:600;padding:20px 0 13px;border-top:1px solid var(--border)}.empty-state{padding:56px 20px;text-align:center;color:#a2afc0;font-size:12px}.empty-state svg{display:block;margin:0 auto 13px;width:32px;height:32px;color:#c6d3e6}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#1c344f;color:#fff;border-radius:8px;padding:13px 21px;font-size:12px;box-shadow:0 8px 28px #15243c25;z-index:100;max-width:calc(100vw - 32px);text-align:center;transition:opacity .18s,transform .18s}.toast.visible{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}.muted{color:#98a6b9}.positive{color:var(--teal)}.negative{color:#c65b57}.text-right{text-align:right}.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.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}.divider{height:1px;background:var(--border);margin:20px 0}button:focus:not(:focus-visible){outline:0}@keyframes slide-in{from{transform:translateX(35px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(min-width:1500px){.page{padding-top:40px}.customer-main{margin-top:65px;margin-bottom:65px}.stats-grid{gap:22px}.stat-card{padding:24px}.dashboard-grid{gap:24px}}
@media(max-width:1100px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.brand{font-size:22px;padding:0 10px}.brand img{width:31px;height:31px}.page{padding:27px 24px}.topbar{padding:0 24px}.stats-grid{gap:11px}.stat-card{padding:17px 16px}.stat-value{font-size:23px}.customer-main{gap:45px;grid-template-columns:1fr 435px}.intro-title{font-size:34px}.sparkline{width:53px}.dashboard-grid{gap:16px}}
@media(max-width:900px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding:25px 10px 16px;align-items:center}.sidebar .brand{padding:0;gap:0}.sidebar .brand>span,.sidebar .brand small,.nav-section,.sidebar-footer,.nav-item>span,.nav-item>small,.nav-item .count{display:none}.sidebar .brand img{width:35px;height:35px}.sidebar nav{width:100%;margin-top:30px}.nav-item{justify-content:center;padding:13px;min-height:45px}.nav-item svg{width:20px;height:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-card{padding:21px;min-height:130px}.stat-value{font-size:27px}.dashboard-grid{grid-template-columns:1fr 1fr}.panel-header{padding:18px}.queue-list{padding:0 17px}.queue-copy small{font-size:9px}.queue-icon{width:30px;height:30px}.queue-count{font-size:16px}.activity-list{padding:3px 18px}.customer-main{grid-template-columns:1fr;max-width:520px;margin:10px auto 20px;gap:25px;padding:0 22px}.customer-intro{padding:0}.intro-title{font-size:27px;margin-bottom:10px}.intro-title br{display:none}.intro-copy{font-size:11px;max-width:100%}.merchant-chip{margin-bottom:13px}.trust-list,.intro-illustration{display:none}.customer-header{min-height:80px;padding:21px 25px}.payment-card{border-radius:13px}.customer-footer{padding-bottom:25px}}
@media(max-width:600px){body{font-size:12px}.demo-bar{height:auto;min-height:47px;padding:8px 12px;gap:8px;flex-wrap:wrap}.demo-label{font-size:9px;gap:6px}.demo-label strong{font-size:9px;letter-spacing:1px}.demo-label span{display:none}.demo-tabs button{font-size:10px;padding:5px 10px}.demo-bar>button{font-size:10px}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px 16px 0;display:block;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{display:flex;justify-content:flex-start;gap:8px}.sidebar .brand>span{display:block;font-size:20px}.sidebar .brand img{height:29px;width:29px}.sidebar nav{display:flex;gap:2px;margin-top:12px;overflow:auto;scrollbar-width:none;padding-bottom:0}.nav-item{flex-direction:column;padding:8px 10px;min-width:59px;border-radius:6px 6px 0 0;gap:5px;margin:0;min-height:48px}.nav-item>span{display:block;font-size:9px;white-space:nowrap}.nav-item svg{width:16px;height:16px}.topbar{height:51px;padding:0 17px}.breadcrumbs{font-size:9px;gap:7px}.profile{gap:7px}.profile .avatar{width:27px;height:27px;font-size:9px}.profile strong{font-size:10px}.profile small{display:none}.page{padding:24px 16px 30px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.page-heading h1{font-size:23px;letter-spacing:-.8px}.page-heading p{font-size:10px;max-width:230px;line-height:1.8}.heading-actions{gap:5px}.heading-actions .btn{font-size:10px;min-height:32px;padding:6px 9px}.eyebrow{font-size:8px;margin-bottom:6px}.stats-grid{gap:10px;margin-bottom:17px}.stat-card{padding:15px 14px;min-height:118px;border-radius:8px}.stat-label{font-size:9px}.stat-value{font-size:22px;margin-top:10px}.stat-value small{font-size:11px}.stat-foot{font-size:8px}.sparkline{display:none}.dashboard-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.panel{border-radius:8px;margin-bottom:17px}.panel-header{padding:16px}.panel-header h2{font-size:13px}.panel-header p{font-size:9px}.queue-list{padding:0 16px}.queue-item{padding:15px 0}.queue-icon{height:35px;width:35px}.queue-copy strong{font-size:11px}.queue-copy small{font-size:10px}.activity-list{padding:5px 18px}.table-toolbar{padding:13px 14px;gap:11px}.search{min-width:0;width:100%}.filters{gap:5px}.chip{font-size:9px;padding:6px 9px}.table-wrap table{min-width:640px}th,td{padding:12px 14px}.table-footer{padding:12px 14px;font-size:9px}.customer-header{padding:20px;min-height:76px}.customer-header .brand{font-size:23px}.customer-header .brand img{width:32px;height:32px}.customer-main{margin-top:5px;padding:0 16px;gap:20px}.intro-title{font-size:26px;letter-spacing:-1px}.intro-copy{font-size:11px;line-height:1.8}.payment-top{padding:21px}.payment-top h2{font-size:15px}.steps{padding:22px 20px 0}.form-content{padding:25px 22px}.field input,.field select,.field textarea{font-size:16px;padding:10px 11px}.field label{font-size:11px}.amount-choices button{padding:9px 3px;font-size:10px}.notice{font-size:10px}.customer-footer{font-size:9px;padding:18px 15px 26px}.drawer{width:100%}.drawer-header{padding:21px}.drawer-body{padding:22px}.drawer-footer{padding:17px 21px}.drawer-footer .btn{min-height:43px}.balance-card{padding:23px}.balance-card .stat-value{font-size:29px}.tabs{gap:20px}.toast{bottom:18px;font-size:11px;width:max-content}.btn{min-height:40px}.field-row{gap:11px}.status-text{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Application-specific components */
.workspace-chip{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:27px 4px 0;border:1px solid #e7edf6;border-radius:7px;background:#fbfcfe;font-size:10px;font-weight:500;color:#526985;line-height:1.6}.workspace-chip small{display:block;color:#9aa9bc;font-size:9px;font-weight:400}.workspace-icon{display:flex;align-items:center;justify-content:center;background:#e9effb;color:#6b88b2;width:29px;height:29px;flex-shrink:0;border-radius:6px;font-size:12px;font-weight:600}.workspace-chip+.nav-section{margin-top:29px}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;font-size:21px;font-family:Arial,sans-serif;line-height:1;flex-shrink:0}.nav-item .nav-count{margin-left:auto;font-size:9px;padding:1px 6px;color:#6780a6;background:#f0f4fa;border-radius:4px;line-height:1.7;font-variant-numeric:tabular-nums}.nav-item.active .nav-count{background:#dde9ff;color:var(--blue)}.service-dot{color:#70958c;font-size:10px;font-weight:500;margin-bottom:6px}.sidebar-footer p{font-size:9px;line-height:1.8;margin-bottom:15px}.sidebar-footer>small{color:#b4becc;font-size:8px;letter-spacing:.02em}.profile>span{color:#98a5b7;font-size:10px;margin-right:12px}.profile>div:last-child{font-size:11px;color:#667a97;font-weight:500}.date-pill{padding:8px 12px;border:1px solid #e1e8f2;border-radius:6px;background:#fff;font-size:11px;color:#6e809b;letter-spacing:0}.date-pill span{color:#a0adbf;margin-left:7px;font-size:10px}.stat-icon{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:7px;font-size:15px;line-height:1;background:#eef3fe;color:#648ae1}.stat-icon.amber{background:#fff6e7;color:#bc965b}.stat-icon.teal{background:#eaf6f3;color:#5eab99}.sparkline{display:flex;align-items:flex-end;justify-content:space-between;gap:3px;bottom:18px;height:22px;right:19px;width:62px}.sparkline i{width:6px;border-radius:2px 2px 0 0;background:#a7c2f5}.sparkline i:nth-child(even){background:#d0dff8}.queue-icon{font-size:20px}.queue-arrow{color:#b1bed0;font-size:15px;margin-left:2px}.live-label{font-size:9px;color:#7ea69b;white-space:nowrap}.table-link{border:0;background:transparent;color:#597397;font-size:10px;letter-spacing:.015em;padding:5px 0;text-align:left}.table-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.badge:has(>span)::before{display:none}.badge>span{font-size:7px}.badge.awaiting{color:#8995a9;background:#f1f4f8}.page-footnote{text-align:center;font-size:9px;color:#a4b0c0;line-height:1.8;margin-top:24px}.ledger-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-preview{display:flex;align-items:center;justify-content:center;min-height:155px;background:#f6f9fd;border-radius:9px;margin-bottom:20px}.brand-preview .brand{font-size:37px;gap:13px}.brand-preview .brand img{width:52px;height:52px}.brand-preview+p{font-size:11px;color:#8797ad;line-height:1.9;margin-bottom:20px}.panel-body>.detail-item{padding:12px 0;border-bottom:1px solid #edf1f7}.detail-item>span{display:block;color:#9aa8bc;font-size:10px;margin-bottom:5px}.demo-disclaimer{font-size:10px;color:#91a6c3;border-left:1px solid #43536b;padding-left:12px;margin-left:4px}.demo-dot{display:none}.demo-bar select.lang-switch{display:block;background:#20334f;color:#cad7e9;border:1px solid #41516a;border-radius:5px;padding:4px 7px;font-size:10px;min-height:27px;outline-offset:3px;cursor:pointer}.demo-bar select.lang-switch option{background:#20334f;color:#fff}.secure-pill{display:inline-flex;align-items:center;gap:6px;color:#81a397;font-size:10px;padding:7px 11px;border:1px solid #e0ece7;border-radius:20px;background:#f7fbf9}.merchant-chip small{color:#95a4b8;font-size:9px;font-weight:400;margin-left:4px}.merchant-check{color:#4e9d8c!important;background:#eaf6f1;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:9px;border-radius:50%;margin-left:3px}.payment-card>.tabs{margin:0;padding:0 29px;gap:28px}.payment-card>.tabs button{font-size:11px;padding-top:14px;padding-bottom:13px}.payment-card .steps{padding-top:26px}.payment-card .form-content .btn+.btn{margin-top:8px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#8d9db4;margin:17px 0 21px;cursor:pointer;line-height:1.8}.consent input{accent-color:var(--blue);width:14px;height:14px;flex-shrink:0;margin:3px 0 0}.consent a{color:#6887b8}.account-card-title{display:flex;align-items:center;justify-content:space-between;color:#607ea6;font-size:10px;font-weight:500;padding:12px 0 9px;border-bottom:1px solid #e8edf6}.account-card-title span{display:flex;align-items:center;justify-content:center;color:var(--teal);background:#e6f4ef;font-size:9px;width:17px;height:17px;border-radius:50%}.account-line:has(.copy-btn) strong{margin-left:auto}.copy-btn{font-size:17px}.status-orb{font-size:27px;font-weight:400}.status-orb.success{color:var(--teal);background:#e7f6ef;box-shadow:0 0 0 9px #f6fbf8}.form-content.waiting .status-orb:not(.success){color:var(--blue);background:#edf3ff;box-shadow:0 0 0 9px #f7faff}.success-amount{text-align:center;font-size:32px;font-weight:700;color:#254261;letter-spacing:-1px;margin:18px 0 22px;font-variant-numeric:tabular-nums}.payment-summary strong{font-size:11px;font-weight:500;text-align:right;overflow-wrap:anywhere;max-width:70%}.form-content .balance-card{padding:22px 23px;margin:22px 0 20px;background:#214b78}.balance-card>span{display:block;font-size:11px;color:#c7d6e8}.balance-card>strong{display:block;font-size:29px;font-weight:600;color:#fff;margin:8px 0 5px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.balance-card>small{font-size:9px;color:#9bb6d5}.history-row{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid #edf2f8;gap:12px}.history-row>div:last-child{text-align:right}.history-row strong{display:block;font-size:12px;color:#536d8e;font-weight:500;margin-bottom:5px}.history-row small{display:block;color:#a1afc2;font-size:9px;letter-spacing:0}.history-row .badge{margin-top:2px}.customer-footer>button{background:transparent;color:#8199b6;border:0;font-size:10px;padding:5px 8px}.customer-footer>span+span{border-left:1px solid #dfe6f0;padding-left:10px}.detail-hero{padding:18px 21px 21px;background:#f5f8fd;border-radius:8px;position:relative;margin-bottom:10px}.detail-hero>span:first-child{font-size:10px;color:#91a2ba}.detail-hero>strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.7px;margin:8px 0 10px;font-variant-numeric:tabular-nums}.detail-hero .badge{position:absolute;top:18px;right:20px}.drawer-body .account-card{padding:14px 17px}.drawer-body .account-card .detail-item+.detail-item{margin-top:13px}.drawer-body .timeline-item>span{display:none}.drawer-body .timeline-item strong{font-size:11px;font-weight:500}.drawer-open{overflow:hidden}.trust-item>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;background:#eaf3f2;color:#71a89c;border-radius:8px;font-size:14px}.trust-item strong{font-size:11px;color:#6b819c;font-weight:500;display:block}.trust-item small{display:block;font-size:10px;color:#a2afc0;margin-top:2px}.customer-intro .trust-list{flex-direction:row;gap:20px;margin-top:16px}.intro-illustration{height:191px;width:320px;margin-top:27px;isolation:isolate}.intro-illustration::before,.intro-illustration::after{display:none}.mini-bank{position:absolute;left:22px;top:22px;width:238px;height:148px;border-radius:13px;background:#fff;border:1px solid #e1e9f6;box-shadow:0 16px 34px #3b5c8f0e;transform:rotate(-5deg);padding:19px 22px;overflow:hidden;z-index:2}.mini-bank>span:first-child{position:absolute;right:18px;top:15px;color:#87a9df;font-size:26px}.mini-bank>small{font-size:10px;color:#5577a4;letter-spacing:-.3px;font-weight:600}.mini-bank>strong{display:block;color:#285489;font-size:24px;font-weight:600;letter-spacing:-.7px;margin-top:10px}.mini-bank-line{height:1px;background:#eaf0f8;margin:12px 0 9px}.mini-bank-status{display:block;font-size:8px;color:#8eaa9f;letter-spacing:0;white-space:nowrap}.visual-orbit.orbit-one{position:absolute;top:7px;left:48px;width:238px;height:148px;background:#dfeaff;border:1px solid #d6e3fb;border-radius:13px;transform:rotate(5deg);z-index:1}.visual-orbit.orbit-two{position:absolute;width:162px;height:162px;left:-9px;top:26px;border:1px dashed #d4e1f3;border-radius:50%;z-index:0}.floating-check{position:absolute;display:flex;align-items:center;justify-content:center;bottom:13px;right:28px;background:#fff;color:#21a88d;width:41px;height:41px;border-radius:50%;box-shadow:0 4px 17px #396d7514;border:1px solid #e4f1ec;font-size:20px;z-index:3}.waiting .helper{text-align:center}
@media(max-width:1100px){.workspace-chip{font-size:9px;padding:10px 6px}.workspace-chip small{font-size:8px}.workspace-icon{width:25px;height:25px}.customer-intro .trust-list{gap:14px}.trust-item small{font-size:9px}.stat-foot{max-width:100%;font-size:9px}.stat-card:has(.sparkline) .stat-foot{max-width:calc(100% - 50px)}}
@media(max-width:900px){.workspace-chip{display:none}.nav-item>.nav-icon{display:inline-flex;font-size:23px}.nav-item>.nav-count{display:none}.ledger-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ledger-stats .stat-value{font-size:23px}.customer-intro .trust-list{display:none}.customer-intro .intro-illustration{display:none}.customer-footer{flex-wrap:wrap;gap:6px}.customer-header{padding-left:25px;padding-right:25px}.date-pill span{display:none}}
@media(max-width:600px){.nav-item>.nav-icon{display:inline-flex;font-size:19px;width:18px;height:18px}.sidebar .brand>span{display:block}.profile>span{display:none}.demo-label .demo-disclaimer{display:none}.demo-bar select.lang-switch{font-size:9px;width:70px;min-height:26px}.demo-label{max-width:100px}.demo-label::before{width:4px;height:4px;box-shadow:none}.demo-bar{gap:6px}.demo-tabs button{padding:5px 8px;font-size:9px}.date-pill{padding:7px 8px;font-size:9px}.page-heading{gap:8px}.stat-icon{width:21px;height:21px;font-size:13px}.stat-label{gap:7px}.stat-foot{font-size:8px}.stat-card:has(.sparkline) .stat-foot{max-width:100%}.ledger-stats{grid-template-columns:1fr}.ledger-stats .stat-card{min-height:102px}.ledger-stats .stat-value{font-size:27px}.brand-preview{min-height:140px}.brand-preview .brand{font-size:31px}.brand-preview .brand img{width:45px;height:45px}.customer-header{padding:19px 19px}.secure-pill{font-size:9px;padding:6px 9px}.merchant-chip small{font-size:8px}.payment-card>.tabs{padding:0 22px;gap:25px}.payment-card>.tabs button{padding-top:13px;padding-bottom:12px;font-size:10px}.payment-summary{gap:12px}.payment-summary strong{font-size:10px}.consent{font-size:10px;line-height:1.9}.consent input{width:16px;height:16px}.account-line{font-size:10px;gap:6px}.account-line strong{font-size:11px}.customer-footer>span+span{border-left:0;padding-left:0;font-size:8px}.customer-footer>button{font-size:9px}.customer-footer>span:first-child{width:100%;text-align:center}.success-amount{font-size:29px}.detail-hero>strong{font-size:28px}.detail-hero .badge{top:16px;right:16px}.detail-grid{gap:18px 13px}.detail-item strong{font-size:11px}.history-row strong{font-size:11px}.history-row small{font-size:8px}}

/* Customer history uses bounded server pages without expanding the payment card. */
.customer-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:8px;color:var(--muted,#71819a);font-size:13px;border-top:1px solid #e6ecf4}
.customer-pagination>div{display:flex;gap:8px}.history-order-id{overflow-wrap:anywhere}.history-row>div:first-child{min-width:0}.history-row>div:last-child{flex-shrink:0;text-align:right}
#password-form{padding:0}#password-form .field{margin-top:20px}.access-card #password-form{margin:24px 0}.customer-pagination .btn{padding:9px 14px}
@media(max-width:480px){.customer-pagination{align-items:flex-start;flex-direction:column}.customer-pagination>div{width:100%}.customer-pagination .btn{flex:1}.history-row{gap:12px}.history-row .badge{font-size:11px}}

.environment-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border:1px solid #efdab1;border-radius:6px;background:#fff9eb;color:#92641e;font-size:11px;font-weight:600}.demo-panel{max-width:760px}#demo-result{margin-top:20px}#demo-result:empty{display:none}.customer-header .environment-badge{margin-left:12px}@media(max-width:600px){.breadcrumbs .environment-badge{display:none}.customer-header .environment-badge{font-size:10px;margin-left:0}}