:root{--navy-50:#f4f7f8;--navy-100:#e3eaec;--navy-200:#c7d4d8;--navy-300:#a1b5bb;--navy-400:#74909a;--navy-500:#58747e;--navy-600:#485e68;--navy-700:#3d4e56;--navy-800:#36444a;--navy-900:#232f34;--navy-950:#181f22;--teal-50:#eefafc;--teal-100:#d3f2f7;--teal-200:#ade6ef;--teal-300:#76d4e3;--teal-400:#3ebbd0;--teal-500:#20aac3;--teal-600:#1a8ba1;--teal-700:#1a6f81;--ok:#1a8ba1;--okbg:#e9f7f1;--warn:#b4531a;--warnbg:#fff6ed;--danger:#be123c;--dangerbg:#fff1f3;--glass-sm:0 8px 24px -10px rgb(24 31 34 / .14), inset 0 1px 0 rgb(255 255 255 / .7);--glass:0 18px 44px -16px rgb(24 31 34 / .22), inset 0 1px 0 rgb(255 255 255 / .6);--glass-navy:0 16px 34px -14px rgb(24 31 34 / .5), inset 0 1px 0 rgb(255 255 255 / .12);--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--navy-900);font-size:14px;background:radial-gradient(54rem 40rem at 12% -8%,rgb(32 170 195 / .1),transparent 60%),radial-gradient(48rem 38rem at 100% 0%,rgb(118 212 227 / .1),transparent 55%),radial-gradient(44rem 44rem at 50% 118%,rgb(32 170 195 / .06),transparent 60%),linear-gradient(180deg,#fbfcff,#f3f6fd);background-attachment:fixed}a{color:var(--teal-700);text-decoration:none}h1{font-size:22px;margin:0;letter-spacing:-.02em;color:var(--navy-950)}h2{font-size:15px;margin:0 0 14px;letter-spacing:-.01em;color:var(--navy-900)}.muted{color:var(--navy-500)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,monospace}.clay{background:#ffffffad;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid rgb(255 255 255 / .7);border-radius:20px;box-shadow:var(--glass)}.clay-sm{background:#fff9;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgb(255 255 255 / .6);border-radius:18px;box-shadow:var(--glass-sm)}.btn{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600;font-family:inherit;transition:all .15s}.btn-primary{background:var(--teal-500);color:#fff;box-shadow:0 8px 20px -8px #20aac399}.btn-primary:hover{background:var(--teal-600)}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover{filter:brightness(1.05)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.05)}.btn-ghost{background:#ffffffb3;border:1px solid var(--navy-200);color:var(--navy-700)}.btn-ghost:hover{background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select,textarea{width:100%;border:1px solid var(--navy-200);border-radius:12px;padding:10px 12px;font-size:14px;background:#ffffffd9;color:var(--navy-900);font-family:inherit}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 3px var(--teal-100)}label{display:block;font-size:12px;font-weight:600;color:var(--navy-600);margin-bottom:6px}.field{margin-bottom:14px}.shell{display:flex;min-height:100vh}.side{width:248px;flex-shrink:0;display:flex;flex-direction:column;background:#ffffffb8;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-right:1px solid rgb(255 255 255 / .6)}.side-logo{display:flex;align-items:center;gap:10px;height:66px;padding:0 22px;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--navy-950)}.side-logo img{height:28px;width:auto;object-fit:contain}.nav{flex:1;padding:8px 14px;display:flex;flex-direction:column;gap:4px}.nav-label{padding:14px 12px 6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-400)}.nav a{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:600;color:var(--navy-600);transition:color .2s}.nav a .dot{width:7px;height:7px;border-radius:50%;background:var(--navy-300)}.nav a:hover{color:var(--navy-900)}.nav a.on{color:#fff}.nav a.on .dot{background:var(--teal-300)}.nav a.on:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:12px;background:var(--navy-950);box-shadow:var(--glass-navy)}.side-user{margin:14px;display:flex;align-items:center;gap:10px;padding:10px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--teal-400),var(--teal-600))}.main{flex:1;padding:28px 34px;max-width:1120px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.chip{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--navy-600)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(#181f228c,#181f22b8),url(/auth-bg.jpg) center/cover no-repeat}.login-card{width:380px;padding:34px}.login-logo{display:block;height:56px;margin:0 auto 6px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--navy-400);padding:12px 14px;border-bottom:1px solid rgb(231 236 238 / .8);font-weight:700}td{padding:13px 14px;border-bottom:1px solid rgb(244 247 248 / .7);font-size:14px}tbody tr:last-child td{border-bottom:0}.row-link{cursor:pointer;transition:background .12s}.row-link:hover td{background:#20aac30d}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700}.b-awaiting_payment{background:var(--warnbg);color:var(--warn)}.b-checking{background:var(--teal-50);color:var(--teal-700)}.b-confirmed{background:var(--okbg);color:#0f766e}.b-rejected{background:var(--dangerbg);color:var(--danger)}.b-expired{background:var(--navy-100);color:var(--navy-500)}.chat{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow-y:auto;padding:4px 2px}.msg{max-width:78%;padding:9px 13px;border-radius:15px;font-size:13.5px;line-height:1.45}.msg .who{font-size:10.5px;font-weight:700;margin-bottom:3px;opacity:.75}.msg.finance{align-self:flex-end;background:var(--teal-500);color:#fff;border-bottom-right-radius:4px}.msg.customer{align-self:flex-start;background:#fff;border:1px solid var(--navy-100);color:var(--navy-900);border-bottom-left-radius:4px}.msg.system{align-self:center;background:transparent;color:var(--navy-400);font-size:12px;font-style:italic;max-width:100%;text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.err{background:var(--dangerbg);color:var(--danger);padding:10px 12px;border-radius:12px;font-size:13px;margin-top:10px}.kv{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;border-bottom:1px solid rgb(244 247 248 / .8)}.kv:last-child{border-bottom:0}@media (max-width:860px){.grid2{grid-template-columns:1fr}.side{width:76px}.side-logo span,.nav a span,.nav-label,.side-user div{display:none}}