:root{--green:#17694f;--ink:#18392f;--muted:#687a72;--line:#dce5dd;--soft:#e7f3eb;--canvas:#f5f8f5}*{box-sizing:border-box}body{margin:0;font:15px/1.5 "Segoe UI",sans-serif;background:var(--canvas);color:var(--ink)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:600}button:disabled{opacity:.55;cursor:wait}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #69b59b;outline-offset:1px}label{display:block;font-size:14px;font-weight:600;margin:17px 0}label input,label select,label textarea{display:block;margin-top:7px}h1{font-size:32px;letter-spacing:-1px;line-height:1.25;margin:8px 0 12px}h2{font-size:20px;margin:0}h3{font-size:16px}p{margin:8px 0}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin-top:20px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:var(--green)}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.ghost{background:transparent;color:var(--green)}.error,#login-error{color:#a03633;font-size:14px}.login{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(100%,430px);padding:36px;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 12px 60px #18392f09}.login-card>.primary{width:100%;margin-top:10px}.password{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;margin-top:7px}.password input{border:0;margin:0;min-width:0}.password button{background:none;color:var(--green);font-size:12px}aside{position:fixed;left:0;top:0;bottom:0;width:252px;padding:30px 22px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:22px}.brand span{display:block;font-size:11px;color:var(--muted);font-weight:400}.nav-item{background:var(--soft);padding:13px;border-radius:12px;color:var(--green);font-size:13px;font-weight:600;margin-top:44px}.aside-note{font-size:12px;color:var(--muted);padding:18px 10px;line-height:1.8}.account{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;overflow-wrap:anywhere}.account button{display:block;padding-left:0}main{margin-left:252px;padding:44px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.metrics article{background:white;border:1px solid var(--line);border-radius:16px;padding:22px}.metrics span{font-size:12px;color:var(--muted);display:block}.metrics strong{font-size:30px;display:block;margin-top:12px;font-weight:650}.clients{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:20px}.toolbar p{font-size:12px}.filters{display:flex;gap:10px;align-items:center}.filters input{width:230px}.filters select{width:170px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f7faf7;color:var(--muted);font-size:11px;letter-spacing:.6px;font-weight:600;padding:14px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:20px;border-bottom:1px solid #edf1ed;vertical-align:middle}td small{display:block;font-size:11px;color:var(--muted);margin-top:4px}tbody tr:last-child td{border-bottom:0}td strong{font-size:14px}.badge{display:inline-block;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:600;white-space:nowrap}.active{background:#e7f3eb;color:#17694f}.paused{background:#fff0d6;color:#8d6019}.disabled{background:#fae7e5;color:#a03633}.late{color:#a03633}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button{font-size:11px;padding:7px 10px}.empty{padding:40px;text-align:center;color:var(--muted)}.notice{background:var(--soft);padding:12px 18px;border-radius:10px;margin-bottom:18px}.notice.error{background:#fae7e5}dialog{width:min(680px,95vw);max-height:90vh;border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink)}dialog::backdrop{background:#102f2766;backdrop-filter:blur(3px)}.dialog-heading,.dialog-actions,.history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading .eyebrow{margin-top:0}.dialog-actions{justify-content:flex-end;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.history{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.history-row{padding:10px 0;border-bottom:1px solid #edf1ed;font-size:13px}.history-row small{color:var(--muted);display:block}.history-heading button{font-size:12px}@media(max-width:1150px){aside{width:210px}main{margin-left:210px;padding:28px}.metrics{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1}}@media(max-width:720px){aside{position:static;width:auto;padding:16px}.aside-note,.nav-item,.account{display:none}main{margin:0;padding:20px}header{align-items:flex-start;flex-direction:column}h1{font-size:27px}.filters{flex-wrap:wrap}.filters input,.filters select{width:100%}.form-grid{grid-template-columns:1fr}.metrics article{padding:16px}.metrics strong{font-size:25px}}