:root{--green:#174c39;--ink:#15251f;--muted:#6a7d75;--bg:#f4f7f5;--border:#dce7e2;--tint:#e8f4ef;color-scheme:light;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{cursor:wait;opacity:.6}button,.button{border:1px solid var(--border);border-radius:10px;background:white;color:var(--ink);padding:10px 16px;font-weight:600}button:hover{background:var(--tint)}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#34644f}button.small{padding:6px 10px;font-size:.875rem}a{color:var(--green)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cad7cd;border-radius:9px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #9cbea8;outline-offset:2px}label{display:block;font-size:.875rem;font-weight:650;margin:12px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;letter-spacing:-.04em}h2{font-size:1.3rem;letter-spacing:-.02em}h3{font-size:1.05rem}p,.muted{color:var(--muted)}.brandmark{display:grid;place-items:center;width:44px;height:44px;background:var(--green);color:white;font-weight:850;border-radius:13px;letter-spacing:-2px}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 26px}.brand strong{font-size:1rem}.brand small{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.05em}aside{width:250px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--border);padding:28px 16px;display:flex;flex-direction:column;overflow:auto;z-index:5}nav{flex:1}nav small{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--muted);padding:20px 12px 8px}nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;margin:4px 0;padding:11px 12px;font-size:.9rem;font-weight:550}nav button.active{background:var(--green);color:white}nav .symbol{width:21px;font-size:1.1rem}.account{border-top:1px solid var(--border);padding:20px 8px 0;font-size:.875rem}.account small{display:block;color:var(--muted)}.account button{margin-top:12px;width:100%}.workspace{margin-left:250px}header{padding:22px 36px;background:#ffffffd9;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}header h2{margin:0}header small{color:var(--muted)}.menu{display:none}main.content{padding:32px 36px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.heading p{margin-bottom:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 20px #244c3c04}.card .value{font-size:1.7rem;font-weight:750;letter-spacing:-.04em;margin:10px 0 3px}.card .caption{font-size:.875rem;color:var(--muted)}.card:first-child{border-top:3px solid var(--green)}.panel{margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-head h2{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}th{text-align:left;padding:13px 12px;background:var(--bg);color:var(--muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}td{padding:16px 12px;border-bottom:1px solid #edf1ed}td small{display:block;color:var(--muted)}td.wrap{white-space:normal;min-width:180px}.badge{display:inline-block;border-radius:6px;background:var(--tint);color:var(--green);padding:4px 8px;font-size:.75rem;font-weight:700}.badge.warn{color:#8a5e15;background:#fff3db}.badge.dim{background:#edf0ee;color:var(--muted)}.empty{text-align:center;padding:40px 12px;color:var(--muted)}.notice{padding:14px 18px;background:#fff7e5;border:1px solid #e8d7b0;border-radius:10px;color:#795819;margin:0 0 20px;font-size:.9rem}.login{max-width:440px;margin:10vh auto;background:white;border:1px solid var(--border);border-radius:20px;padding:36px}.login .brandmark{margin-bottom:24px}.login h1{font-size:1.5rem}.login button{margin-top:18px;width:100%}.login .text-button{background:transparent;border:0;font-size:.875rem;color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.wide{grid-column:1/-1}.form-section{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.form-section h2 .number{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--tint);border-radius:8px;margin-right:10px;font-size:.875rem}.service-row{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.totals{max-width:420px;margin:24px 0 24px auto;background:var(--bg);padding:18px;border-radius:12px}.totals div{display:flex;justify-content:space-between;padding:5px 0}.totals .grand{border-top:1px solid var(--border);font-weight:750;font-size:1.1rem;margin-top:8px;padding-top:12px}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters input{flex:1;min-width:180px}.filters select{width:auto}.clock-panel{background:var(--green);color:white;border-radius:18px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.clock-panel p{color:#c6d8cb;margin:6px 0 0}.clock-panel .time{font-size:2rem;font-weight:650}.clock-panel button{min-width:130px}dialog{border:1px solid var(--border);border-radius:18px;padding:28px;width:min(640px,calc(100vw - 32px));max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#15281f80;backdrop-filter:blur(3px)}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;padding:14px 24px;z-index:20;display:none;max-width:90vw}.error{color:#ab3028;margin-top:14px;font-size:.9rem}.footer-note{font-size:.875rem;margin-top:24px}.amount{font-variant-numeric:tabular-nums}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row{grid-template-columns:repeat(3,minmax(0,1fr))}.service-row .service-pick{grid-column:1/-1}.split{grid-template-columns:1fr}}@media(max-width:760px){aside{display:none;width:280px;box-shadow:0 0 0 100vw #15281f50}aside.open{display:flex}.workspace{margin-left:0}header{padding:18px}.menu{display:block}main.content{padding:22px 16px}.heading{flex-direction:column}.cards{gap:10px}.card{padding:18px}.card .value{font-size:1.4rem}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.clock-panel{flex-direction:column;align-items:start}.login{margin:7vh 16px;padding:28px}.service-row{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:1.6rem}}@media print{aside,header,.actions,.filters,button,#toast{display:none!important}.workspace{margin:0}.panel,.card{box-shadow:none}.cards{grid-template-columns:repeat(4,1fr)}main.content{padding:0}}

.role-note{white-space:normal;min-width:240px;max-width:850px;line-height:1.6}.role-note:not(td .role-note){background:var(--bg);border-radius:10px;padding:14px;font-size:.9rem}
