:root{--paper: #EFE9DE;--paper-dot: #E4DBC9;--card: #FDFBF7;--card-2: #F7F2E8;--ink: #1B1915;--ink-2: #4A4437;--ink-3: #7A7468;--ink-4: #9A9282;--line: #DDD4C2;--line-2: #E8E1D2;--dark: #17150F;--dark-2: #1F1C14;--dark-line: #33301F;--dark-ink: #EFE8DA;--dark-ink-2: #A79E8A;--gold: #E8C87A;--gold-2: #A18F62;--teal: #1F6F63;--teal-2: #164F47;--red: #A6412B;--nia: #4F6E9A;--theo: #B0542C;--joint: #3F4A3A;--serif: "Instrument Serif", Georgia, serif;--sans: Archivo, system-ui, -apple-system, sans-serif;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);background-image:radial-gradient(var(--paper-dot) .6px,transparent .6px);background-size:15px 15px;font-family:var(--sans);font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-2)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{outline:none}::selection{background:#dcceb4}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drawIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.serif{font-family:var(--serif);font-weight:400;letter-spacing:.3px}.eyebrow{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-3);font-weight:600}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:var(--dark-ink);padding:22px 14px 18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#2c2a1e;border-radius:3px}.navitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--dark-ink-2);font-size:13px;font-weight:500;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s}.navitem:hover{background:#211e16;color:var(--dark-ink)}.navitem[aria-current=page]{background:#2a2619;color:#fff}.navitem .badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--gold);color:#17150f;border-radius:999px;padding:1px 6px;min-width:18px;text-align:center}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:18px 26px 14px;border-bottom:1px solid var(--line-2);background:#efe9dedb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}.page{padding:20px 26px 60px;display:grid;gap:16px;animation:fadeUp .2s ease both}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2)}.card-head h2{margin:0;font-family:var(--serif);font-size:19px;font-weight:400}.grid{display:grid;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--card-2);border-color:#cfc5b0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--dark);border-color:var(--dark);color:#fdfbf7}.btn.primary:hover:not(:disabled){background:#251f16;border-color:#251f16}.btn.teal{background:var(--teal);border-color:var(--teal);color:#fff}.btn.teal:hover:not(:disabled){background:var(--teal-2);border-color:var(--teal-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover:not(:disabled){background:#0000000d}.btn.sm{padding:4px 9px;font-size:12px}.btn.danger{color:var(--red)}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap}.chip:hover{border-color:#c6bba4}.chip[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#fdfbf7}.seg{display:inline-flex;background:var(--card-2);border:1px solid var(--line);border-radius:8px;padding:2px;gap:2px}.seg button{border:none;background:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--ink-3);cursor:pointer}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000f}.field{display:grid;gap:5px}.field>label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-3);font-weight:600}.input,select.input,textarea.input{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:8px 10px;font-size:13px;width:100%}.input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #e8c87a2e}.input.money{padding-left:22px}.money-wrap{position:relative}.money-wrap span{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:13px}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}.bar{height:6px;border-radius:999px;background:var(--line-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;transition:width .25s}.hint{font-size:11px;color:var(--ink-3);line-height:1.45}.note{font-size:12px;color:var(--ink-3);line-height:1.5}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--line-2)}table.tbl td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.tbl tr:last-child td{border-bottom:none}table.tbl tr.hover:hover td{background:var(--card-2)}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.spacer{flex:1}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#17150f6b;display:grid;place-items:center;padding:24px;z-index:100;animation:drawIn .14s ease both;overflow:auto}.modal{background:var(--card);border:1px solid var(--line);border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 60px #17150f38;animation:slideIn .16s ease both}.modal.wide{width:min(760px,100%)}.modal-head{padding:18px 20px 12px;border-bottom:1px solid var(--line-2);display:flex;gap:12px;align-items:flex-start}.modal-body{padding:18px 20px;display:grid;gap:14px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line-2);display:flex;gap:8px;align-items:center;background:var(--card-2);position:sticky;bottom:0}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--dark);color:var(--dark-ink);padding:10px 16px;border-radius:999px;font-size:13px;z-index:200;box-shadow:0 10px 30px #17150f4d;animation:fadeUp .18s ease both;max-width:min(560px,calc(100vw - 32px));text-align:center}.sheet{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--card);border-left:1px solid var(--line);z-index:90;display:flex;flex-direction:column;box-shadow:-14px 0 40px #17150f24;animation:slideIn .16s ease both}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px}.sidebar .only-wide{display:none!important}.navitem{width:auto;padding:6px 10px}.topbar{padding:14px 16px 12px;flex-wrap:wrap}.page{padding:16px 16px 60px}}