:root{--jb-blue:#0565F0;--blue1:#F0F6FF;--blue2:#E5F1FF;--blue3:#C2DCFF;--blue4:#5697F0;--blue5:#307FF0;--blue6:#175EC7;--blue7:#1D2D47;--gray1:#F5F7FA;--gray2:#F2F5F7;--gray3:#ECEFF4;--gray4:#E1E3E5;--gray5:#C0C6CC;--gray6:#A9B0B8;--gray7:#8C959F;--gray8:#6E7780;--gray9:#515961;--gray10:#212529;--success:#00A684;--error:#E5493A;--warn:#FFB024;--disabled:#8C959F;--warn-tint:#FFF6E6;--charge:#C67600;--r-box:6px;--r-popup:16px;--r-sheet:20px;--h-appbar:56px;--h-btn:52px;--h-field:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--gray3);color:var(--gray10);font-family:Spoqa Han Sans Neo,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:15px}.wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:18px}.phone{width:390px;min-height:800px;background:#fff;border:1px solid var(--gray4);border-radius:var(--r-popup);position:relative;overflow:hidden}@media (max-width:430px){.wrap{padding:0}.phone{width:100%;min-height:100dvh;border:0;border-radius:0}}.appbar{display:flex;align-items:center;justify-content:space-between;height:var(--h-appbar);padding:0 16px;background:#fff;border-bottom:1px solid var(--gray4);position:relative;z-index:5}.appbar .svc{font-weight:700;font-size:16px;color:var(--jb-blue);cursor:pointer;padding:6px 8px;margin:-6px -8px;border-radius:var(--r-box)}.appbar .svc:active{background:var(--blue1);opacity:.8}.appbar .ic{display:flex;gap:6px}.appbar .ic span{cursor:pointer;color:var(--gray8);font-size:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-box);position:relative}.appbar .ic span:active{background:var(--gray2)}.appbar .ic .badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--error)}.screen{padding:20px 16px 32px}.ttl{font-size:20px;font-weight:700;color:var(--gray10);margin:0 0 16px;letter-spacing:-.02em}.lead{color:var(--gray8);font-size:13px;margin-bottom:16px}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:var(--h-btn);border-radius:var(--r-box);font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;margin:10px 0;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn.solid{background:var(--jb-blue);color:#fff}.btn.solid:active{background:var(--blue6)}.btn.sec{background:var(--blue2);color:var(--jb-blue)}.btn.sec:active{background:var(--blue3)}.btn.line{background:#fff;color:var(--gray10);border-color:var(--gray4)}.btn.line:active{background:var(--gray2)}.btn.text{background:transparent;color:var(--blue6);height:auto;font-weight:500;margin:6px 0}.btn.disabled{background:var(--gray4);color:var(--gray7);cursor:not-allowed}.field{margin-bottom:16px}.field .box{border:1px solid var(--gray4);border-radius:var(--r-box);background:#fff;padding:8px 14px;min-height:var(--h-field);display:flex;flex-direction:column;justify-content:center}.field .box:focus-within{border-color:var(--jb-blue);border-width:1px;box-shadow:0 0 0 1px var(--jb-blue)}.field .lb{font-size:11px;color:var(--gray7);margin-bottom:2px}.field .box:focus-within .lb{color:var(--jb-blue)}.field input{border:0;outline:0;font-size:15px;color:var(--gray10);background:transparent;font-family:inherit;width:100%;padding:0}.field input::placeholder{color:var(--gray6)}.field .help{font-size:12px;color:var(--gray8);margin-top:6px}.field.err .box{border-color:var(--error);box-shadow:none}.field.err .help,.field.err .lb{color:var(--error)}.field.dis .box{background:var(--gray2);border-color:var(--gray4)}.field.dis input{color:var(--gray7)}.card{border:1px solid var(--gray4);border-radius:var(--r-box);background:#fff;padding:16px;margin-bottom:12px}.card.tint{background:var(--gray1);border-color:var(--gray3)}.hero{padding:4px 0 2px}.hero .n{font-size:40px;font-weight:700;color:var(--jb-blue);line-height:1.15;letter-spacing:-.02em}.hero .u{font-size:15px;color:var(--gray8);font-weight:400}.hero .sub{font-size:13px;color:var(--gray9);margin-top:4px;font-weight:500}.hero.alert .n{color:var(--gray10);font-size:32px}.bar{height:10px;background:var(--gray3);overflow:hidden;margin:14px 0 8px}.bar,.bar i{border-radius:999px}.bar i{display:block;height:100%;background:var(--jb-blue);transition:width .25s}.bar.alert i{background:var(--warn)}.sum{display:flex;justify-content:space-between;font-size:12px;color:var(--gray8)}.sum b{color:var(--gray10);font-weight:700}.subrow{border:1px solid var(--gray4);border-radius:var(--r-box);background:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:14px}.subrow b{color:var(--jb-blue);font-size:17px;font-weight:700}.banner{border:1px solid var(--gray4);background:var(--gray1);border-radius:var(--r-box);padding:12px 14px;font-size:13px;color:var(--gray9);margin:12px 0;line-height:1.5}.banner.warn{border-color:var(--warn);background:var(--warn-tint);color:var(--gray10)}.meta{color:var(--gray7);font-size:12px;line-height:1.6;margin-top:14px}.meta b{color:var(--gray9)}.row{display:grid;grid-template-columns:1fr auto;grid-gap:3px 8px;gap:3px 8px;border-bottom:1px solid var(--gray3);padding:14px 2px;cursor:pointer}.row:active{background:var(--gray1)}.row .t1{color:var(--gray10)}.row .t1,.row .t2{font-size:14px;font-weight:700}.row .t2{text-align:right;color:var(--jb-blue)}.row .s1,.row .s2{font-size:12px;color:var(--gray7)}.row .s2{text-align:right}.kv{display:flex;justify-content:space-between;border-bottom:1px solid var(--gray3);padding:14px 2px;font-size:14px}.kv span:first-child{color:var(--gray8)}.kv span:last-child{font-weight:500}.empty{text-align:center;color:var(--gray7);padding:48px 0;font-size:14px}.skel{height:16px;background:var(--gray3);border-radius:var(--r-box);margin:14px 0;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.seg{display:flex;background:var(--gray2);border-radius:var(--r-box);padding:3px;margin-bottom:16px}.seg span{flex:1 1;text-align:center;padding:8px;font-size:13px;cursor:pointer;color:var(--gray8);border-radius:4px;font-weight:500}.seg span.sel{background:#fff;color:var(--jb-blue);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.06)}.menu{margin-top:18px;border-top:1px solid var(--gray3)}.menu a{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--gray3);font-size:15px;color:var(--gray10);cursor:pointer;font-weight:500;text-decoration:none}.menu a:active{background:var(--gray1)}.menu a .ch{color:var(--gray6);font-size:18px}.modal{position:absolute;inset:0;background:rgba(33,37,41,.5);display:flex;align-items:center;justify-content:center;z-index:10}.sheet{background:#fff;border-radius:var(--r-popup);width:88%;max-height:80%;overflow:auto;padding:22px 20px}.sheet h3{margin:0 0 14px;font-size:17px;color:var(--gray10);font-weight:700}.sheet p{font-size:14px;color:var(--gray9);line-height:1.6;margin:0 0 8px}.sheet ul{margin:0 0 6px;padding-left:18px}.sheet li{margin:9px 0;color:var(--gray9);line-height:1.55}.ni,.sheet li{font-size:13.5px}.ni{border-bottom:1px solid var(--gray3);padding:12px 0 12px 16px;position:relative;color:var(--gray10)}.ni.unread:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:var(--jb-blue)}.ni .m,.ni.read{color:var(--gray7)}.ni .m{font-size:11px;margin-top:3px}.ok{border:1px solid var(--success);background:#E9F8F4;color:#00755E;border-radius:var(--r-box);margin-top:10px}.errbox,.ok{padding:14px;text-align:center;font-weight:700;font-size:14px}.errbox{border:1px solid var(--error);background:#FDEDEB;color:#B23227;border-radius:var(--r-box)}.tbd{border:1px dashed var(--gray5);border-radius:var(--r-box);padding:16px;text-align:center;color:var(--gray8);font-size:13px;background:var(--gray1)}.admin{max-width:1080px;width:100%;background:#fff;border:1px solid var(--gray4);border-radius:var(--r-popup);padding:24px}.admin h1{font-size:20px;margin:0 0 4px}.admin h2{font-size:15px;margin:22px 0 10px;color:var(--gray9)}.admin table{width:100%;border-collapse:collapse;font-size:12.5px}.admin td,.admin th{border-bottom:1px solid var(--gray3);padding:6px 8px;text-align:left}.admin th{color:var(--gray8);font-weight:500;background:var(--gray1)}.admin .btns{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.admin .btns .btn{width:auto;padding:0 18px;height:40px;font-size:13.5px;margin:0}.admin input{border:1px solid var(--gray4);padding:8px 10px;font-size:13.5px;font-family:inherit}.admin .msg,.admin input{border-radius:var(--r-box)}.admin .msg{font-size:13px;margin:10px 0;padding:10px 12px;background:var(--blue1);color:var(--blue6);white-space:pre-wrap}.admin .msg.err{background:#FDEDEB;color:#B23227}.admin .scroll{overflow-x:auto}