:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#242628;background:#f7f8f8;font-size:14px;letter-spacing:0;color-scheme:light}
#login-fields{border:0;padding:0;margin:0;min-width:0}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d5dcda;background:#fff;color:#252929;border-radius:6px;min-height:36px;padding:7px 14px;touch-action:manipulation}button:hover{background:#f1f5f4}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;border:1px solid #cfd7d4;border-radius:6px;padding:10px 12px;background:white;min-height:42px;color:#252929}input:focus,select:focus{outline:2px solid #3e988b;outline-offset:1px}label{display:grid;gap:8px;margin-bottom:18px;font-size:13px;font-weight:500}label span{display:inline;color:#69746e}.primary{background:#17796c;border-color:#17796c;color:white}.primary:hover{background:#116357}.muted,small{color:#69736d}h1{font-size:26px;font-weight:600;margin:30px 0 8px}h2{font-size:18px;font-weight:600;margin:0 0 5px}.brand{font-size:23px;font-weight:650}.brand span{font-size:11px;font-weight:500;color:#74817b;margin-left:8px}.login{width:min(380px,calc(100% - 40px));margin:10vh auto 0}.login form{margin-top:22px}.login .primary{width:100%}p{line-height:1.6;overflow-wrap:anywhere}p[role=alert]{color:#b23c38;font-size:13px}p[role=status]{color:#326d60;font-size:13px}.toolbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e6e3;padding:8px 20px;gap:12px}.identity,nav,.actions{display:flex;align-items:center;gap:12px}.identity{min-width:0}.identity strong{font-size:17px}.divider{height:17px;width:1px;background:#d7dfdb}.badge{font-size:11px;color:#805b1d;background:#fff4d9;padding:3px 7px;border-radius:4px;white-space:nowrap}nav{flex-shrink:0}#connection-bar{min-height:34px;display:flex;align-items:center;justify-content:space-between;background:#eef5f1;color:#4c6b5b;padding:6px 20px;font-size:12px;gap:8px}#connection-bar button{min-height:26px;font-size:12px}iframe{display:block;width:100%;height:calc(100dvh - 90px);border:0;background:#f4f5f5}dialog{border:1px solid #e0e5e2;border-radius:8px;width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;box-shadow:0 18px 70px #14281c22}dialog::backdrop{background:#14282044}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e3e8e5;gap:12px}.dialog-head button{font-size:24px;padding:0;width:36px;height:36px;border:0;flex-shrink:0}.dialog-body{padding:20px 24px 24px}.tabs{display:flex;gap:24px;border-bottom:1px solid #e0e6e3;margin:0 0 24px}.tabs button{border:0;border-radius:0;background:transparent;min-height:46px;padding:10px 0;color:#69736d}.tabs button[aria-selected=true]{color:#116b5e;border-bottom:2px solid #187b6d}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.balance-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.balance-row strong{display:block;font-size:28px;font-weight:550;margin-top:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#69736d;font-weight:500}td,th{padding:12px 8px;border-bottom:1px solid #e8ece9;vertical-align:top}td{overflow-wrap:anywhere;max-width:220px}.quote,.order{border-top:1px solid #dfe7e2;margin-top:20px;padding-top:16px}.quote dl{margin:0 0 16px;display:grid;gap:12px}.quote dl>div{display:flex;justify-content:space-between;gap:16px}.quote dt{color:#69736d}.quote dd{margin:0;font-weight:600}.order strong{font-size:15px}details{margin-top:26px;border-top:1px solid #e0e6e3;padding-top:18px}summary{cursor:pointer;color:#59695f}details form{margin-top:18px}.actions{flex-wrap:wrap}[hidden]{display:none!important}
@media(max-width:600px){.toolbar{padding:8px 12px;gap:8px;flex-wrap:wrap}.identity{gap:8px;max-width:100%;flex-wrap:wrap}.identity .badge{display:none}#workspace-name{font-size:12px;overflow-wrap:anywhere}nav{gap:6px}nav button{font-size:12px;padding:6px 9px}.two-column{grid-template-columns:1fr;gap:0}.dialog-head{padding:14px 16px}.dialog-body{padding:16px}.tabs{gap:20px}#connection-bar{padding:8px 12px}iframe{height:calc(100dvh - 125px)}.balance-row strong{font-size:25px}.login{margin-top:7vh}}

#login-view{min-height:100dvh;display:flex;align-items:center;padding:56px max(28px,7%);background:#030609 url('/login-background.webp') center center/cover no-repeat;color:#f7f8fa}
.login{width:360px;max-width:100%;margin:0;position:relative;padding:28px 0}
.login .brand{color:#fff}.login .brand span{color:#c1c9d2}.login h1{font-size:30px;margin-top:28px}.login .muted{color:#c6cdd7;margin-bottom:30px}
.login .tabs{border-color:#8490a354}.login .tabs button{color:#cbd1dc}.login .tabs button[aria-selected=true]{color:#fff;border-color:#9dded4}
.login input{color:#fff;background:#0c1520ed;border-color:#7e8a9c;min-height:46px}.login input:focus{outline-color:#92d4ca}.login .primary{background:#c1e8e0;color:#123830;border-color:transparent;min-height:46px;font-weight:600}.login .primary:hover{background:#a9d9ce}.login p[role=alert]{color:#ffb5ae}.login p[role=status]{color:#a5e0cc}
#app{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.toolbar{min-height:50px;background:#202020;color:#f6f6f6;border-color:#393939;padding:7px 18px}.toolbar button{background:#292929;border-color:#505050;color:#f3f3f3}.toolbar button:hover{background:#3a3a3a}.toolbar .primary{background:#bde7de;border-color:transparent;color:#133c33}.toolbar .primary:hover{background:#a9d9ce}.identity .badge{background:transparent;color:#ddd;padding:0}.divider{background:#555}#connection-state{font-size:12px;color:#e9ce8d}#workbench{height:100%;min-height:0;background:#191919}
button:focus-visible{outline:2px solid #3e988b;outline-offset:3px}.login button:focus-visible{outline-color:#c1e8e0}
@media(max-width:600px){#login-view{padding:32px 24px;background-position:100% center;align-items:center}.login{width:360px;margin:0 auto}.login h1{font-size:28px}.toolbar{padding:7px 10px}.identity strong{font-size:15px}#connection-state{font-size:11px}.toolbar nav{margin-left:auto}.toolbar .badge{display:none}#workbench{height:100%}}
@media(max-height:640px){#login-view{align-items:flex-start;padding-top:20px;padding-bottom:20px}.login{padding:12px 0}}
.cashier-link{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border:1px solid #d5dcda;border-radius:6px;background:#fff;color:#252929;text-decoration:none;touch-action:manipulation}.cashier-link:hover{background:#f1f5f4}.cashier-link:focus-visible{outline:2px solid #3e988b;outline-offset:3px}
.dialog-head>div:first-child{min-width:0}.dialog-head small{overflow-wrap:anywhere}.dialog-head>.actions{flex-shrink:0;flex-wrap:nowrap;gap:6px}#wallet-logout{font-size:12px;width:auto;padding:7px 10px;border:1px solid #d5dcda}
#workbench-shell{position:relative;min-height:0;overflow:hidden;background:#191919}#workbench-shell[data-loading=true] #workbench{opacity:0;pointer-events:none}#workbench-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#ededed;text-align:center;background:#191919}#workbench-loading h2{font-size:18px;line-height:1.5;margin:20px 0 0}#workbench-loading p{font-size:13px;color:#bababa;margin:8px 0 20px}#workbench-spinner{width:24px;height:24px;border:2px solid #555;border-top-color:#bde7de;border-radius:50%;animation:workbench-spin 1s linear infinite}@keyframes workbench-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#workbench-spinner{animation:none}}