@font-face{font-family:'Onest';src:url('/fonts/onest-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#fffefa;--back:#f7f5f0;--ink:#292433;--muted:#665f6f;--line:#e7e1e9;--purple:#614894;--tint:#f1ecfa;--sans:'Onest',system-ui,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--back)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.shell{width:min(100% - 48px,880px);margin:auto}.brand{display:flex;gap:13px;align-items:center;margin:35px 0 38px;font:700 24px var(--sans);letter-spacing:-.45px}.brand small{display:block;margin-top:5px;font:650 9px var(--sans);letter-spacing:.17em;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--purple);color:white;border-radius:13px}.brand-mark svg{width:24px;height:24px}
nav{display:flex;gap:7px;padding-left:17px;position:relative;z-index:1;margin-bottom:-1px}nav a{display:flex;align-items:center;gap:9px;padding:12px 20px;background:#ece7f1;border:1px solid var(--line);border-radius:12px 12px 0 0;font-weight:650;color:var(--muted)}nav a[aria-current]{background:var(--paper);border-bottom-color:var(--paper);color:var(--purple)}nav span{font-size:18px}
main{min-height:500px;padding:36px 42px 44px;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 22px #33204c0a}h1,h2,p{margin:0}h1{font:700 clamp(34px,6vw,48px)/1.12 var(--sans);letter-spacing:-1.4px;overflow-wrap:anywhere}h2{font:700 23px/1.2 var(--sans);letter-spacing:-.35px}.sub,.muted{color:var(--muted)}.sub{margin-top:8px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.head,.row,.actions,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.head{align-items:flex-start;margin-bottom:25px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--purple);font-size:14px;font-weight:700;text-align:center}.btn:hover{background:var(--tint)}.primary{background:var(--purple);border-color:var(--purple);color:white}.primary:hover{background:#4d387a}.head .btn{flex-shrink:0;margin-top:17px}.empty{text-align:center;display:grid;justify-items:center;align-content:center;gap:9px;min-height:296px;border:1px dashed #dbd1e6;border-radius:13px;padding:20px;background:repeating-linear-gradient(to bottom,#fcfafdf5 0 27px,#eae4f26b 27px 28px)}.empty p{max-width:310px;color:var(--muted);line-height:1.55}.illustration{width:104px;height:89px;margin-bottom:3px}.rows{border:1px solid var(--line);border-radius:12px;overflow:hidden}.row{padding:13px 15px;width:100%;min-height:62px;text-align:left;background:transparent;color:inherit;border:0;overflow-wrap:anywhere}.row+.row{border-top:1px solid var(--line)}a.row:hover,button.row:hover{background:var(--tint)}.row strong{display:block}.row small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}.row-end{flex-shrink:0;display:flex;align-items:center;gap:10px;color:var(--purple);font-weight:700}.back{display:inline-block;color:var(--purple);font-size:14px;font-weight:700;margin-bottom:19px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.summary div{background:var(--tint);padding:15px;border-radius:11px}.summary-note{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.5}.summary span{display:block;color:var(--muted);font-size:13px}.summary strong{font:700 clamp(23px,5vw,31px) var(--sans);display:block;margin-top:5px;overflow-wrap:anywhere}.section{margin-top:25px}.section-head{margin-bottom:11px}.section .muted{font-size:14px;line-height:1.55}.timer{background:#f8f5fc;padding:14px;border:1px solid var(--line);border-radius:11px}.clock{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums}.timer-label{font-size:12px;color:var(--muted);display:block}.actions{justify-content:flex-end;flex-wrap:wrap}footer{text-align:center;color:var(--muted);font-size:12px;margin:19px 0 27px}
dialog{border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);padding:24px;width:min(100% - 24px,470px);max-height:calc(100dvh - 24px);box-shadow:0 16px 60px #2d173733}dialog::backdrop{background:#2d253c66}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:650;font-size:14px}label small,form p{color:var(--muted);font-weight:400;font-size:13px;line-height:1.45}input,textarea,select{width:100%;min-width:0;border:1px solid #d7ccdf;border-radius:8px;padding:10px;background:white;color:var(--ink);min-height:44px}textarea{min-height:84px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-btn{border:0;background:transparent;color:var(--purple);padding:7px 0;text-align:left;font-weight:650;min-height:44px}.error{color:#9e3247}.inline-total{font-weight:700;color:var(--purple)}
@media(max-width:600px){.shell{width:calc(100% - 24px)}.brand{margin:22px 0 24px;font-size:22px}nav{padding-left:8px}nav a{padding:11px 14px}main{padding:22px 16px 28px;min-height:460px}.head{flex-wrap:wrap;gap:12px;margin-bottom:19px}.head .btn{margin-top:0}.empty{min-height:248px}.row{padding:10px}.timer{flex-wrap:wrap}.summary div{padding:12px}}
.items-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
}
.items-table th, .items-table td {
  padding: 12px 10px;
  overflow-wrap: anywhere;
}
.items-table th:first-child { width: 32%; }
.items-table thead { background: var(--tint); color: var(--muted); }
.items-table tbody tr { position: relative; border-top: 1px solid var(--line); }
.items-table tbody tr:hover { background: var(--tint); }
.items-table a { display: inline-block; }
.items-table a::after { content: ""; position: absolute; inset: 0; }
.items-table small { display: block; margin-top: 4px; color: var(--muted); }
@media(max-width:600px) {
  .items-table { font-size: 13px; }
  .items-table thead { font-size: 11px; }
  .items-table th, .items-table td { padding: 10px 5px; }
  .items-table th:first-child { width: 28%; padding-left: 8px; }
}
.auth-screen{width:min(100% - 24px,440px);margin:clamp(24px,12vh,100px) auto;min-height:0;padding:24px}
.auth-screen h1{font-size:34px}
.account-bar{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;overflow-wrap:anywhere}
.save-error{color:#9e3247;margin:12px 0;padding:12px;background:#fff2f4;border-radius:9px}
button:disabled{opacity:.55;cursor:wait}