@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Bebas+Neue&display=swap";:root{--blue: #0077c8;--blue-dk: #0060a8;--blue-lt: #eaf4fd;--blue-rg: rgba(0, 119, 200, .12);--navy: #030c18;--navy2: #08172a;--navy3: #0e2740;--accent: var(--blue);--accent-dk: var(--blue-dk);--accent-lt: var(--blue-lt);--accent-rg: var(--blue-rg);--bg: #f5f7fa;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f2f4f7;--border: #e7eaf0;--border-2: #dde2ea;--border-strong: #cbd2dd;--ink: #141a23;--text: #3c4654;--muted: #6b7686;--faint: #97a1b0;--ghost: #bfc7d2;--green: #1f9d6b;--green-lt: #e6f6ee;--amber: #c77e14;--amber-lt: #fdf2de;--violet: #6d4ed6;--violet-lt: #eeeafb;--red: #d7443e;--red-lt: #fcebea;--teal: #0e9aa8;--teal-lt: #e3f5f6;--f: "Plus Jakarta Sans", system-ui, sans-serif;--m: "IBM Plex Mono", monospace;--d: "Bebas Neue", sans-serif;--r: 8px;--r-sm: 6px;--r-lg: 12px;--sh-sm: 0 1px 3px rgba(20, 26, 35, .08);--sh: 0 2px 8px rgba(20, 26, 35, .12);--sh-lg: 0 8px 24px rgba(20, 26, 35, .16)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f);font-size:14px;background:var(--bg);color:var(--text)}.shell{display:flex;flex-direction:column;min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:32px 24px;width:100%}.ph{margin-bottom:24px}.ph h1{font-size:22px;font-weight:800;color:var(--ink)}.ph p{font-size:13px;color:var(--muted);margin-top:2px}.topbar{background:var(--navy);display:flex;align-items:center;padding:0 28px;height:58px;gap:0}.tb-logo{height:28px}.tb-nav{display:flex;align-items:center;gap:2px;margin-left:36px;flex:1}.tb-link{background:none;border:none;color:#ffffffa6;font-size:13px;font-weight:600;padding:6px 13px;border-radius:6px;cursor:pointer;transition:.12s}.tb-link:hover,.tb-link.on{background:#ffffff1a;color:#fff}.tb-right{display:flex;align-items:center;gap:12px}.tb-acct{display:flex;align-items:center;gap:10px;cursor:pointer}.tb-acct .avatar{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.tb-acct .n{color:#fff;font-size:13px;font-weight:600}.tb-acct .e{color:#ffffff80;font-size:10px;font-family:var(--m)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-h h3{font-size:14px;font-weight:700;color:var(--ink)}.pad{padding:16px 20px}.bal{background:linear-gradient(135deg,var(--navy),var(--navy3));border-radius:var(--r);padding:28px 32px;position:relative;overflow:hidden}.bal:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:#0077c826}.bal .lab{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.bal .amt{font-family:var(--d);font-size:48px;color:#fff;letter-spacing:.02em;line-height:1;margin-bottom:8px}.bal .meta{font-size:12px;color:#fff9;display:flex;align-items:center;gap:6px}.bal .num{font-family:var(--m)}.svc{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--border)}.svc:last-child{border-bottom:none}.si{width:36px;height:36px;border-radius:9px;background:var(--blue-lt);color:var(--blue);display:grid;place-items:center;flex-shrink:0}.b7{font-weight:700}.b8{font-weight:800}.ink{color:var(--ink)}.mut{color:var(--muted)}.num{font-family:var(--m)}.inv-id{font-family:var(--m);font-size:12px;font-weight:700;color:var(--ink)}.amt-cell{font-family:var(--m);font-weight:800;color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600}.pd{width:6px;height:6px;border-radius:50%}.pill.paid{background:var(--green-lt);color:var(--green)}.pill.paid .pd{background:var(--green)}.pill.open{background:var(--blue-lt);color:var(--blue)}.pill.open .pd{background:var(--blue)}.pill.overdue{background:var(--red-lt);color:var(--red)}.pill.overdue .pd{background:var(--red)}.pill.high{background:var(--red-lt);color:var(--red)}.pill.high .pd{background:var(--red)}.pill.normal{background:var(--blue-lt);color:var(--blue)}.pill.normal .pd{background:var(--blue)}.pill.low{background:var(--surface-3);color:var(--muted)}.pill.low .pd{background:var(--ghost)}.pill.open_s{background:var(--blue-lt);color:var(--blue)}.pill.open_s .pd{background:var(--blue)}.pill.in_progress{background:var(--amber-lt);color:var(--amber)}.pill.in_progress .pd{background:var(--amber)}.pill.resolved{background:var(--green-lt);color:var(--green)}.pill.resolved .pd{background:var(--green)}.banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r);font-size:13px}.banner.warn{background:var(--red-lt);color:var(--red)}.banner.info{background:var(--blue-lt);color:var(--blue-dk)}.banner.green{background:var(--green-lt);color:var(--green)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:700;border:none;cursor:pointer;transition:.12s}.btn.pri{background:var(--blue);color:#fff}.btn.pri:hover{background:var(--blue-dk)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.ghost:hover{background:var(--surface-2)}.btn.wht{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn.wht:hover{background:#ffffff40}.btn.ghostw{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.btn.ghostw:hover{background:#ffffff1a}.btn.danger{background:var(--red-lt);color:var(--red)}.btn.sm{padding:5px 12px;font-size:12px}.btn.lg{padding:12px 24px;font-size:15px}.btn.block{width:100%;justify-content:center}table{width:100%;border-collapse:collapse}thead th{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);text-align:left}tbody tr{border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}tbody td{padding:0 16px;height:50px;font-size:13px}.click{cursor:pointer}.click:hover td{background:var(--surface-2)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row{display:flex;align-items:center}.row.jb{justify-content:space-between}.gap{gap:12px}.gap-s{gap:8px}.grow{flex:1}.wrap{flex-wrap:wrap}.inp{width:100%;padding:9px 12px;border:1px solid var(--border-2);border-radius:var(--r-sm);font-size:13px;color:var(--ink);background:var(--surface);outline:none}.inp:focus{border-color:var(--accent)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px}.ta{width:100%;padding:9px 12px;border:1px solid var(--border-2);border-radius:var(--r-sm);font-size:13px;color:var(--ink);background:var(--surface);outline:none;resize:vertical;font-family:var(--f)}.divider{height:1px;background:var(--border);margin:20px 0}.t-sm{font-size:12px}.t-xs{font-size:11px}.fnt,.mono{font-family:var(--m)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--surface);border-radius:var(--r-lg);width:min(580px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000038}.modal-box.lg{width:min(760px,calc(100vw - 32px))}@keyframes portal-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}.modal-shake{animation:portal-shake .42s cubic-bezier(.36,.07,.19,.97) both;box-shadow:0 0 0 3px #0057b74d,0 20px 60px #00000038}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;font-weight:800;color:var(--ink)}.modal-body{flex:1;overflow-y:auto;padding:20px 22px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}.iconbtn{background:none;border:none;cursor:pointer;color:var(--muted);display:grid;place-items:center;width:30px;height:30px;border-radius:6px}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.chat-msg{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.chat-msg.you{align-items:flex-end}.chat-msg.agent{align-items:flex-start}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6}.chat-msg.you .chat-bubble{background:var(--blue);color:#fff;border-bottom-right-radius:4px}.chat-msg.agent .chat-bubble{background:var(--surface-3);color:var(--ink);border-bottom-left-radius:4px}.chat-meta{font-size:10px;color:var(--muted);font-family:var(--m)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-art{background:var(--navy);display:flex;flex-direction:column;padding:40px}.login-logo{height:32px;margin-bottom:auto}.login-art-mid h1{font-family:var(--d);font-size:52px;color:#fff;line-height:1.05;margin-bottom:14px}.login-art-mid p{color:#fff9;font-size:15px;line-height:1.6;margin-bottom:28px}.login-feats{display:flex;flex-direction:column;gap:12px}.login-feat{display:flex;align-items:center;gap:10px;color:#fffc;font-size:14px}.fi{width:36px;height:36px;border-radius:9px;background:#0077c840;color:#fff;display:grid;place-items:center;flex-shrink:0}.tier-art{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:auto;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.tier-art .n{font-family:var(--d);font-size:28px;color:#fff}.tier-art .l{font-family:var(--m);font-size:9px;color:#fff6;letter-spacing:.1em}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:380px}.login-card h2{font-size:24px;font-weight:800;color:var(--ink);margin-bottom:4px}.login-card .sub{font-size:13px;color:var(--muted);margin-bottom:28px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:10px 20px;border-radius:24px;font-size:13px;display:flex;align-items:center;gap:8px;z-index:200;box-shadow:0 4px 20px #0003}.pay-step{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r);cursor:pointer;transition:.12s;border:2px solid var(--border);margin-bottom:10px}.pay-step:hover,.pay-step.sel{border-color:var(--blue);background:var(--blue-lt)}.pay-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.tabs{display:flex;gap:4px;margin-bottom:20px}.tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.tab.on{border-color:var(--blue);background:var(--blue-lt);color:var(--blue)}.prio-high{color:var(--red)}.prio-normal{color:var(--blue)}.prio-low{color:var(--muted)}