@import url('/fonts.css');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22352e;background:#f6f7f2;font-synthesis:none;--green:#176645;--red:#b63a37;--border:#e1e6dd;--muted:#69756e;--accent:#d9f099}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79ad40;outline-offset:3px}[hidden]{display:none!important}.topbar{min-height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:18px max(5vw,24px);background:#fff}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;font-size:23px;letter-spacing:-1px;color:#22352e}.brand-icon{background:#244d36;color:var(--accent);width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:29px}.team{font-size:11px;letter-spacing:1.5px;border-left:1px solid var(--border);margin-left:8px;padding-left:18px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:60px 28px 80px;min-height:calc(100vh - 166px)}.eyebrow,.step{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--green)}h1{font-size:clamp(30px,4vw,44px);line-height:1.13;font-weight:650;letter-spacing:-1.8px;margin:15px 0}h2{font-size:21px;letter-spacing:-.6px;margin:14px 0 12px;font-weight:650}p{line-height:1.65}strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:#70a933}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.page-heading p{font-size:14px;margin-bottom:0}.badge{font-size:12px;background:#edf1e7;border:1px solid var(--border);padding:10px 14px;border-radius:7px;white-space:nowrap}.table-card{border:1px solid var(--border);border-radius:13px;background:white;overflow:hidden;box-shadow:0 5px 20px #26382b03}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:10px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:18px 20px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}.people-table th{padding:18px 28px;background:#fcfdf9}.people-table td{padding:20px 28px}.people-table tbody tr:hover{background:#fafcf5}.person-label{display:flex;align-items:center;gap:14px;font-weight:550}.avatar{display:grid;place-items:center;background:#eff2e9;color:#61774e;font-size:11px;font-weight:700;width:36px;height:36px;border-radius:50%;flex-shrink:0}.right{text-align:right}.amount{font-variant-numeric:tabular-nums;color:var(--red);font-weight:650;background:none;border:0;padding:10px 0 10px 15px;font-size:16px;white-space:nowrap}.amount.zero{color:var(--green)}.amount span{font-size:18px;font-weight:400;margin-left:18px;color:#809085}.table-foot{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;margin-top:18px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 6px 1px 14px}.dot:first-child{margin-left:0}.green{background:var(--green)}.red{background:var(--red)}.quiet,.text-button{border:0;background:none;color:var(--muted);padding:10px;font-size:12px}.quiet:hover,.text-button:hover{color:var(--green);background:#f0f4e9;border-radius:6px}.primary{background:#234d36;color:white;border:1px solid #234d36;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:550;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;text-decoration:none}.primary:hover{background:#326545}.primary:disabled{opacity:.55;cursor:wait}.wide{width:100%}.login-card{width:100%;max-width:430px;margin:36px auto;background:#fff;padding:38px;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 60px #26382b06}.login-card h1{font-size:42px;margin-top:25px}.login-card p{font-size:13px}.login-card .text-button{margin:18px 0 8px;padding-left:0}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input,select{width:100%;padding:12px;border:1px solid #d6ded1;border-radius:6px;background:white;color:#26382b;min-height:43px}input[type=file]{font-size:11px;padding:9px}input::file-selector-button{border:0;background:#edf1e7;padding:6px 9px;border-radius:3px;margin-right:7px;color:#344d3d}form>.primary{margin-top:20px}footer{border-top:1px solid var(--border);padding:25px;text-align:center;font-size:11px;color:var(--muted);background:#f1f3ec}footer span{margin:0 16px;color:#bcc9b6}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.card{padding:25px;background:white;border:1px solid var(--border);border-radius:11px}.card p{font-size:12px}.step{font-size:9px;letter-spacing:1.4px}.notice{font-size:12px;line-height:1.6;padding:14px 18px;border-radius:8px;background:#fff4dc;color:#795d25;margin-bottom:24px}.notice.ok{background:#eaf2e5;color:var(--green)}.section-space,.preview{margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.count{background:#eef1e8;color:var(--muted);padding:3px 8px;font-size:12px;border-radius:5px;margin-left:8px}.scroll-table{overflow-x:auto}.preview .primary{margin-top:22px}.status{font-size:11px;border-radius:4px;padding:5px 7px;display:inline-block;background:#fff0d5;color:#805d1d}.status.book{background:#e6f2e8;color:var(--green)}.status.duplicate{background:#f0f1ed;color:var(--muted)}.subline{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.issue{padding:18px 0;border-top:1px solid var(--border)}.issue:first-child{border-top:0}.issue p{margin:8px 0}.issue .quiet{padding-left:0;text-decoration:underline}.empty{text-align:center;padding:50px 25px;font-size:14px;line-height:2}.empty .muted{font-size:12px}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;width:560px;max-width:calc(100vw - 28px);max-height:85vh;overflow:auto;color:#22352e;box-shadow:0 30px 100px #0b241d38}dialog::backdrop{background:#152a245e;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.icon-button{background:#f1f4ec;border:0;border-radius:50%;font-size:22px;width:30px;height:30px;color:var(--muted)}.detail-total{font-size:40px;color:var(--red);font-weight:600;letter-spacing:-1px;margin:12px 0}.detail-total.zero{color:var(--green)}.detail-label{font-size:12px;color:var(--muted);margin-bottom:5px}.payment-box{background:#f1f5e9;padding:18px;border-radius:10px;margin:24px 0}.payment-box p{font-size:12px;margin:0 0 12px}.reference{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.reference code{font-size:13px;font-weight:600;letter-spacing:1px}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:16px 0;font-size:13px}.detail-line strong{font-variant-numeric:tabular-nums;white-space:nowrap}.detail-line a{font-size:11px;margin-left:12px}.detail-line>span:last-child{flex-shrink:0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:15px 22px;background:#244d36;color:white;border-radius:9px;box-shadow:0 8px 30px #20302030;font-size:13px;z-index:100;line-height:1.5}#toast.error{background:#913c34}button.danger{color:var(--red)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr 1fr}.admin-grid>.card:last-child{grid-column:1 / -1}.page-heading{align-items:flex-start;flex-direction:column}.badge{font-size:11px}}@media(max-width:560px){.topbar{padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:21px}main{padding:35px 16px 55px}.login-card{padding:28px;margin-top:15px}.admin-grid{grid-template-columns:1fr}.card{padding:20px}.table-foot{flex-direction:column;gap:12px}.people-table th,.people-table td{padding:16px}.person-label{gap:8px;font-size:13px}.avatar{width:29px;height:29px;font-size:9px}.amount{font-size:14px}.amount span{margin-left:8px}.people-table th{font-size:9px;letter-spacing:.5px}.quiet{padding:7px;font-size:11px}dialog{padding:22px}.detail-line{flex-wrap:wrap}.detail-line a{margin-left:7px}h1{letter-spacing:-1px}footer{font-size:10px}}
