.billinfo-page{--bi-bg:#130716;--bi-panel:#1b0c1a;--bi-card:#241020;--bi-card-hover:#30152c;--bi-line:#3e1d3a;--bi-line-soft:#2f162c;--bi-main:#ea33f7;--bi-light:#f27bff;--bi-cyan:#22d3ee;--bi-text:#f4e6f5;--bi-dim:#b58fb8;--bi-faint:#835d85;--bi-red:#f43f5e;--bi-orange:#fb923c;--bi-green:#34d399;--bi-blue:#60a5fa;--bi-gold:#fbbf24;--bi-glow:#ea33f766;color:var(--bi-text);z-index:1;background-image:radial-gradient(900px 500px at 18% -5%,#ea33f71a,#0000),radial-gradient(700px 400px at 96% 0,#f27bff0f,#0000);width:100%;max-width:1500px;min-height:calc(100vh - 70px);margin:0 auto;padding:26px 30px 60px;font-family:Noto Sans KR,-apple-system,sans-serif;position:relative}.bi-page-desc{color:var(--bi-dim);margin-bottom:22px;font-size:13px}.bi-sync-info{color:var(--bi-faint);margin-left:14px;font-size:11.5px}.bi-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.bi-kpi{background:var(--bi-card);border:1px solid var(--bi-line);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden}.bi-kpi:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.bi-kpi.k1:before{background:linear-gradient(90deg, var(--bi-gold), transparent)}.bi-kpi.k2:before{background:linear-gradient(90deg, var(--bi-main), transparent)}.bi-kpi.k3:before{background:linear-gradient(90deg, var(--bi-orange), transparent)}.bi-kpi.k4:before{background:linear-gradient(90deg, var(--bi-green), transparent)}.bi-kpi-label{color:var(--bi-dim);align-items:center;gap:6px;margin-bottom:9px;font-size:11.5px;display:flex}.bi-kpi-value{letter-spacing:-1px;font-size:30px;font-weight:900;line-height:1}.bi-kpi.k1 .bi-kpi-value{color:var(--bi-gold)}.bi-kpi.k2 .bi-kpi-value{color:var(--bi-light)}.bi-kpi.k3 .bi-kpi-value{color:var(--bi-orange)}.bi-kpi.k4 .bi-kpi-value{color:var(--bi-green)}.bi-kpi-value small{color:var(--bi-faint);margin-left:4px;font-size:13px;font-weight:500}.bi-filter-bar{background:var(--bi-card);border:1px solid var(--bi-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:16px;padding:12px 16px;display:flex}.bi-search-box{background:var(--bi-bg);border:1px solid var(--bi-line);border-radius:10px;flex:none;align-items:center;gap:9px;width:280px;padding:9px 14px;display:flex}.bi-search-box input{color:var(--bi-text);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.bi-search-box input::placeholder{color:var(--bi-faint)}.bi-sel{background:var(--bi-bg);border:1px solid var(--bi-line);color:var(--bi-dim);cursor:pointer;border-radius:10px;outline:none;padding:9px 13px;font-family:inherit;font-size:12.5px}.bi-sel:focus{border-color:var(--bi-main)}.bi-spacer{flex:1}.bi-fav-toggle{color:var(--bi-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--bi-line);background:var(--bi-bg);border-radius:10px;align-items:center;gap:8px;padding:9px 15px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.bi-fav-toggle .star{color:var(--bi-faint);font-size:14px;transition:all .15s}.bi-fav-toggle.on{border-color:var(--bi-gold);color:var(--bi-gold);background:#fbbf2414;box-shadow:0 0 12px #fbbf2433}.bi-fav-toggle.on .star{color:var(--bi-gold)}.bi-result-count{color:var(--bi-faint);align-items:center;gap:10px;margin:2px 4px 12px;font-size:12px;display:flex}.bi-result-count b{color:var(--bi-main)}.bi-result-count .fav-note{color:var(--bi-gold)}.bi-bill{background:var(--bi-card);border:1px solid var(--bi-line-soft);border-radius:14px;margin-bottom:11px;padding:16px 18px 14px;transition:all .15s;position:relative}.bi-bill:hover{background:var(--bi-card-hover);box-shadow:0 6px 20px #00000059, 0 0 14px var(--bi-glow);border-color:#ea33f780;transform:translateY(-1px)}.bi-bill.fav{border-color:#fbbf2466}.bi-bill.fav:hover{border-color:#fbbf2499;box-shadow:0 6px 20px #00000059,0 0 14px #fbbf2440}.bi-bill-clickzone{cursor:pointer}.bi-bill-top{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:9px;display:flex}.bi-kind{letter-spacing:.3px;color:var(--bi-light);background:#ea33f721;border:1px solid #ea33f766;border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700}.bi-kind.budget{color:var(--bi-blue);background:#60a5fa1f;border-color:#60a5fa66}.bi-bill-no{color:var(--bi-faint);font-variant-numeric:tabular-nums;font-size:11px}.bi-result-badge{border-radius:20px;padding:4px 11px;font-size:11px;font-weight:700}.bi-rb-pass{color:var(--bi-green);background:#34d3991f;border:1px solid #34d39973}.bi-rb-proc{color:var(--bi-light);background:#ea33f71f;border:1px solid #ea33f773}.bi-rb-pending{color:var(--bi-orange);background:#fb923c1f;border:1px solid #fb923c73}.bi-rb-reject{color:var(--bi-red);background:#f43f5e1f;border:1px solid #f43f5e73}.bi-fav-btn{border:1px solid var(--bi-line);background:var(--bi-bg);cursor:pointer;width:34px;height:34px;color:var(--bi-faint);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:16px;transition:all .15s;display:flex}.bi-fav-btn:hover{border-color:var(--bi-gold);color:var(--bi-gold);background:#fbbf2414}.bi-fav-btn.on{border-color:var(--bi-gold);color:var(--bi-gold);background:#fbbf241f;box-shadow:0 0 10px #fbbf244d}.bi-bill-title{margin-bottom:7px;font-size:15px;font-weight:700;line-height:1.4}.bi-bill-meta{color:var(--bi-dim);margin-bottom:14px;font-size:12px}.bi-bill-meta b{color:var(--bi-text);font-weight:500}.bi-bill-meta .sep{color:var(--bi-line);margin:0 8px}.bi-stepper{align-items:center;gap:0;margin-top:4px;display:flex}.bi-step{z-index:2;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;position:relative}.bi-step-dot{background:var(--bi-bg);border:2px solid var(--bi-line);width:24px;height:24px;color:var(--bi-faint);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.bi-step.done .bi-step-dot{background:var(--bi-main);border-color:var(--bi-main);color:#fff;box-shadow:0 0 10px var(--bi-glow)}.bi-step.current .bi-step-dot{border-color:var(--bi-main);color:var(--bi-light);animation:2s infinite bi-pulse}.bi-step.reject .bi-step-dot{background:var(--bi-red);border-color:var(--bi-red);color:#fff}@keyframes bi-pulse{0%,to{box-shadow:0 0 8px var(--bi-glow)}50%{box-shadow:0 0 16px #ea33f7b3}}.bi-step-label{color:var(--bi-faint);white-space:nowrap;text-align:center;font-size:10px}.bi-step.done .bi-step-label,.bi-step.current .bi-step-label{color:var(--bi-dim)}.bi-step-date{color:var(--bi-faint);white-space:nowrap;font-variant-numeric:tabular-nums;min-height:11px;margin-top:1px;font-size:9px}.bi-step.done .bi-step-date{color:var(--bi-light)}.bi-step.current .bi-step-date{color:var(--bi-main);font-weight:700}.bi-step.reject .bi-step-date{color:var(--bi-red)}.bi-step-line{background:var(--bi-line);flex:1;min-width:16px;height:2px;margin:0 4px 33px}.bi-step-line.done{background:var(--bi-main);box-shadow:0 0 6px var(--bi-glow)}.bi-empty{text-align:center;color:var(--bi-faint);padding:56px 0;font-size:13.5px;line-height:1.7}.bi-empty .big{opacity:.5;margin-bottom:10px;font-size:26px;display:block}.bi-loading{color:var(--bi-dim);justify-content:center;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.bi-loading-spinner{border:3px solid var(--bi-line);border-top-color:var(--bi-main);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite bi-spin}@keyframes bi-spin{to{transform:rotate(360deg)}}.bi-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;z-index:1050;background:#06030ab3;transition:opacity .2s;position:fixed;inset:0}.bi-overlay.show{opacity:1;pointer-events:auto}.bi-panel{background:var(--bi-panel);border-left:1px solid var(--bi-line);z-index:1060;flex-direction:column;width:640px;max-width:94vw;height:100vh;transition:right .25s;display:flex;position:fixed;top:0;right:-660px;box-shadow:-20px 0 60px #00000080}.bi-panel.show{right:0}.bi-panel-head{border-bottom:1px solid var(--bi-line-soft);padding:24px 28px 18px;position:relative}.bi-panel-close{background:var(--bi-card);border:1px solid var(--bi-line);color:var(--bi-dim);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex;position:absolute;top:18px;right:20px}.bi-panel-close:hover{color:#fff;border-color:var(--bi-main)}.bi-panel-favbtn{background:var(--bi-card);border:1px solid var(--bi-line);color:var(--bi-faint);cursor:pointer;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;transition:all .15s;display:flex;position:absolute;top:18px;right:60px}.bi-panel-favbtn.on{border-color:var(--bi-gold);color:var(--bi-gold);background:#fbbf241a}.bi-panel-title{margin:10px 0 12px;padding-right:120px;font-size:18px;font-weight:900;line-height:1.4}.bi-panel-meta{flex-wrap:wrap;gap:8px;display:flex}.bi-meta-tag{color:var(--bi-dim);background:var(--bi-card);border:1px solid var(--bi-line);border-radius:6px;padding:4px 9px;font-size:11px}.bi-meta-tag b{color:var(--bi-main);font-weight:700}.bi-panel-body{flex:1;padding:22px 28px 40px;overflow-y:auto}.bi-sec-title{color:var(--bi-main);letter-spacing:1.5px;align-items:center;gap:8px;margin:22px 0 12px;font-size:12px;display:flex}.bi-sec-title:after{content:"";background:var(--bi-line-soft);flex:1;height:1px}.bi-sec-title:first-child{margin-top:0}.bi-vtl{padding-left:26px;position:relative}.bi-vtl:before{content:"";background:var(--bi-line-soft);width:2px;position:absolute;top:6px;bottom:6px;left:8px}.bi-vtl-item{margin-bottom:18px;position:relative}.bi-vtl-item:last-child{margin-bottom:0}.bi-vtl-dot{background:var(--bi-bg);border:2px solid var(--bi-line);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:-24px}.bi-vtl-item.done .bi-vtl-dot{background:var(--bi-main);border-color:var(--bi-main);box-shadow:0 0 8px var(--bi-glow)}.bi-vtl-item.current .bi-vtl-dot{border-color:var(--bi-main);animation:2s infinite bi-pulse}.bi-vtl-item.reject .bi-vtl-dot{background:var(--bi-red);border-color:var(--bi-red)}.bi-vtl-stage{font-size:13px;font-weight:700}.bi-vtl-item.pending .bi-vtl-stage{color:var(--bi-faint)}.bi-vtl-date{color:var(--bi-faint);margin-top:2px;font-size:11.5px}.bi-vtl-result{color:var(--bi-dim);margin-top:3px;font-size:11.5px}.bi-vtl-result b{color:var(--bi-light)}.bi-info-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.bi-info-item{background:var(--bi-card);border:1px solid var(--bi-line-soft);border-radius:10px;padding:11px 14px}.bi-info-item.full{grid-column:1/-1}.bi-info-item .il{color:var(--bi-faint);margin-bottom:4px;font-size:10.5px}.bi-info-item .iv{font-size:13px}.bi-file-item{background:var(--bi-card);border:1px solid var(--bi-line-soft);color:var(--bi-dim);cursor:pointer;border-radius:10px;align-items:center;gap:11px;margin-bottom:8px;padding:12px 15px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.bi-file-item:hover{border-color:var(--bi-main);color:var(--bi-text)}.bi-file-ext{color:var(--bi-light);border:1px solid #ea33f766;border-radius:5px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:900}.bi-ext-link{color:var(--bi-faint);background:#22d3ee0f;border:1px solid #22d3ee40;border-radius:10px;margin-top:6px;padding:12px 15px;font-size:12px;line-height:1.6}.bi-ext-link a{color:var(--bi-cyan);text-decoration:none}.bi-ext-link a:hover{text-decoration:underline}.bi-pagination{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.bi-pagination button{background:var(--bi-card);border:1px solid var(--bi-line);color:var(--bi-dim);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .15s}.bi-pagination button:hover:not(:disabled){border-color:var(--bi-main);color:var(--bi-text)}.bi-pagination button:disabled{opacity:.4;cursor:not-allowed}.bi-pagination .page-info{color:var(--bi-dim);font-size:12px}.bi-panel-body::-webkit-scrollbar{width:8px}.bi-panel-body::-webkit-scrollbar-track{background:0 0}.bi-panel-body::-webkit-scrollbar-thumb{background:#ea33f799;border-radius:8px}.bi-panel-body::-webkit-scrollbar-thumb:hover{background:#ea33f7}@media (max-width:1100px){.bi-kpi-row{grid-template-columns:repeat(2,1fr)}.billinfo-page{padding:18px 16px 40px}.bi-stepper{overflow-x:auto}.bi-search-box{flex:auto;width:100%}.bi-spacer{display:none}}@media (max-width:640px){.bi-kpi-row{grid-template-columns:1fr}.bi-filter-bar{flex-direction:column;align-items:stretch;gap:8px}.bi-search-box{width:100%}}