:root{--bg:#f5f6f4;--surface:#fff;--text:#1b1f1d;--muted:#69716d;--border:#e2e5e1;--accent:#1f6f5c;--accent-hover:#175747;--accent-text:#fff;--danger:#b42318;--danger-bg:#fdecea;--warn:#8a5a00;--warn-bg:#fff4dc;--ok:#157347;--ok-bg:#e3f4ea;--wait:#4b5563;--wait-bg:#eceef0;--radius:10px;--shadow:0 1px 2px #1018140f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111413;--surface:#191d1b;--text:#e8ebe9;--muted:#97a19c;--border:#2a302d;--accent:#3fae8f;--accent-hover:#4fc2a2;--accent-text:#08130f;--danger:#ff8a7f;--danger-bg:#3a1714;--warn:#f2c063;--warn-bg:#3a2c0d;--ok:#63d39b;--ok-bg:#12301f;--wait:#b8c0bc;--wait-bg:#252b28;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:1.5rem;display:flex}h2{margin:0 0 1rem;font-size:1rem}code{word-break:break-all;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}.small{font-size:.85rem}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.6rem;font-weight:650;display:flex}.brand-mark{background:var(--accent);border-radius:6px;width:22px;height:22px}.nav{flex:1;gap:.25rem;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:.4rem .75rem;font-weight:500}.nav a:hover{color:var(--text);background:var(--bg);text-decoration:none}.nav a.active{color:var(--text);background:var(--bg)}.user{align-items:center;gap:.75rem;display:flex}.content{max-width:1100px;margin:0 auto;padding:28px 24px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head p{margin:.25rem 0 0}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.back{margin-bottom:.75rem;font-size:.9rem;display:inline-block}.center-screen{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.table-card{padding:0;overflow-x:auto}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-2 .card{margin-bottom:0}.grid-2+.card{margin-top:16px}.form-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.form-grid .card{margin-bottom:0}.login-card{width:100%;max-width:380px;padding:28px}.login-brand{margin-bottom:1.5rem}.login-card h1{margin-bottom:1rem}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field>span{font-size:.875rem;font-weight:550}.field em{font-style:normal;font-weight:400}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}textarea{resize:vertical}.items{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.item-row{grid-template-columns:1fr 80px 130px 36px;align-items:center;gap:.5rem;display:grid}.item-head{font-size:.8rem}.summary{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin:.5rem 0 1rem;padding-top:1rem;display:flex}.summary-total{font-variant-numeric:tabular-nums;font-size:1.35rem}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:550;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-sm{padding:.3rem .65rem;font-size:.85rem}.btn-icon{width:36px;height:36px;padding:0;font-size:1.2rem}.btn-block{width:100%}.alert{border-radius:8px;margin-bottom:1rem;padding:.7rem .9rem;font-size:.9rem}.alert ul{margin:.4rem 0 0;padding-left:1.1rem}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-warn{background:var(--warn-bg);color:var(--warn);margin:1rem 0 0}.badge{white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-paid{background:var(--ok-bg);color:var(--ok)}.badge-awaiting{background:var(--wait-bg);color:var(--wait)}.badge-manual{background:var(--warn-bg);color:var(--warn)}.badge-other{background:var(--danger-bg);color:var(--danger)}.tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .8rem;font-size:.9rem}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.table tbody tr:last-child td{border-bottom:0}.table tfoot td{border-bottom:0;border-top:1px solid var(--border)}.card .table th:first-child,.card .table td:first-child{padding-left:0}.card .table th:last-child,.card .table td:last-child{padding-right:0}.table-card .table th:first-child,.table-card .table td:first-child{padding-left:20px}.table-card .table th:last-child,.table-card .table td:last-child{padding-right:20px}.num{font-variant-numeric:tabular-nums;text-align:right!important}.row-link{cursor:pointer}.row-link:hover td{background:var(--bg)}.empty{text-align:center;padding:2.5rem}.hero{border-radius:var(--radius);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:end;margin-bottom:16px;padding:22px 24px;display:grid}.hero-label{text-transform:uppercase;letter-spacing:.04em;opacity:.8;font-size:.8rem;font-weight:600}.hero-value{grid-row:2;font-size:1.75rem;font-weight:700}.hero-amount{font-variant-numeric:tabular-nums;grid-area:1/2/3;font-size:1.5rem;font-weight:650}.hero-paid{background:var(--ok-bg);color:var(--ok)}.hero-awaiting{background:var(--wait-bg);color:var(--text)}.hero-manual{background:var(--warn-bg);color:var(--warn)}.hero-other{background:var(--danger-bg);color:var(--danger)}.link-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .6rem;display:flex}.link-box code{flex:1;min-width:0}.dl{grid-template-columns:max-content 1fr;gap:.5rem 1.25rem;margin:0;display:grid}.dl dt{color:var(--muted)}.dl dd{overflow-wrap:anywhere;min-width:0;margin:0}.note{margin:1rem 0 0}@media (width<=820px){.grid-2,.form-grid{grid-template-columns:1fr}}@media (width<=600px){.topbar{flex-wrap:wrap;gap:.75rem;height:auto;min-height:56px;padding:8px 16px}.content{padding:20px 16px 48px}.item-row{grid-template-columns:1fr 64px 96px 36px}.hero{grid-template-columns:1fr}.hero-amount{grid-area:auto;margin-top:.25rem}}.user-link{color:var(--muted);align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.user-link:hover{color:var(--text);text-decoration:none}.role-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--ok-bg);color:var(--accent);border-radius:4px;padding:.05rem .4rem;font-size:.7rem;font-weight:650}.badge-admin{background:var(--ok-bg);color:var(--accent)}.narrow{max-width:460px}.add-user-row{grid-template-columns:1fr 1fr 140px auto;align-items:end;gap:.75rem;display:grid}.add-user-row .field{margin-bottom:0}.hint{margin:.75rem 0 0}.row-actions{text-align:right;white-space:nowrap}.row-actions .btn+.btn{margin-left:.35rem}.row-disabled td:not(.row-actions){opacity:.55}.row-panel td{background:var(--bg)}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-form input{max-width:340px}.btn-danger{color:var(--danger)}.btn-danger-solid{background:var(--danger);color:#fff}.alert-ok{background:var(--ok-bg);color:var(--ok)}.login-card h1{font-size:1.3rem}@media (width<=820px){.add-user-row{grid-template-columns:1fr}.row-actions{white-space:normal;text-align:left}}.timeline{border-left:2px solid var(--border);margin:0;padding:0 0 0 1rem;list-style:none}.timeline li{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.35rem 0 .35rem .9rem;display:flex;position:relative}.timeline li:before{content:"";background:var(--wait-bg);border:2px solid var(--muted);border-radius:50%;width:10px;height:10px;position:absolute;top:.75rem;left:-1.38rem}.timeline li.tl-error:before{background:var(--danger-bg);border-color:var(--danger)}.timeline li.tl-done:before{background:var(--ok-bg);border-color:var(--ok)}.tl-time{font-variant-numeric:tabular-nums;min-width:10.5rem;font-size:.85rem}.tl-label{font-weight:550}.tl-error .tl-label{color:var(--danger)}.tl-message{color:var(--muted)}h2 .small{margin-left:.4rem;font-weight:400}.badge-gap{margin-left:.4rem}.text-error{color:var(--danger);font-weight:550}.nowrap{white-space:nowrap}.card-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-head h2{margin:0}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:420px;margin:0;padding:1rem;overflow:auto}.code-block code{word-break:normal;white-space:pre;font-size:12.5px}.steps,.plain-list{margin:0 0 .75rem;padding-left:1.2rem}.steps li,.plain-list li{margin-bottom:.4rem}.small-amount{text-align:right;font-size:.95rem;font-weight:500}@media (width<=600px){.small-amount{text-align:left}.tl-time{min-width:0}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:.5rem .75rem;height:auto;padding-top:8px;padding-bottom:0}.brand{flex:1}.nav{scrollbar-width:none;flex:0 0 100%;order:3;margin:0 -16px;padding-bottom:6px;padding-left:12px;padding-right:12px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}}@media (width<=600px){.table-stack thead{display:none}.table-stack,.table-stack tbody{display:block}.table-stack tr{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:.2rem;padding:.8rem 16px;display:grid}.table-stack tbody tr:last-child{border-bottom:0}.table-stack td{text-align:left!important;border:0!important;padding:0!important}.table-stack td.num{font-weight:600}}
