:root{--bg:#f3f6f7;--ink:#15343b;--muted:#52666b;--green:#15594c;--green2:#398773;--line:#d4dfe0;--card:#fff;--soft:#e6f3ee;--danger:#9a3822;--dangerbg:#fff0e8;--shadow:0 20px 70px rgba(25,65,68,.15)}
.stage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stage-summary>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.table-scroll{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}.management-table{border-collapse:collapse;width:100%;text-align:left}.management-table th,.management-table td{padding:15px;border-bottom:1px solid var(--line)}.management-table th{background:var(--soft)}.client-booking{border-top:1px solid var(--line);padding:12px 0}.stats .stat strong{overflow-wrap:anywhere}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.hidden{display:none!important}
.brandbar{min-height:82px;padding:16px 5%;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:800;letter-spacing:.13em;text-decoration:none}.brand small{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin-top:3px}.monogram{background:var(--green);color:#fff;padding:8px 15px;border-radius:10px;font-size:24px}
.workspace,.install{max-width:1240px;margin:auto;padding:34px 24px 70px}.install{max-width:820px}.install>h1,.login h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 28px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.15em;color:var(--green)}h1,h2,h3{margin-top:0}h1{font-size:31px;letter-spacing:-.03em}h2{font-size:22px}h3{font-size:18px}.muted,.meta{color:var(--muted)}.meta{font-size:14px}.loading,.empty{padding:48px;text-align:center;color:var(--muted)}
.toprow,.row,.tabs,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toprow{justify-content:space-between;margin-bottom:24px}.actions{justify-content:flex-end}.tabs{margin:16px 0 24px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:12px 16px;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer}.tab.active{color:var(--green);border-color:var(--green);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat,.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:13px}.stat{padding:18px}.stat strong{display:block;font-size:32px;margin-top:4px}.panel{padding:22px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{padding:20px;border-left:4px solid var(--green2)}.card.late{border-left-color:#b04c2d}.card h3{margin:12px 0 7px}.pill{display:inline-block;padding:5px 10px;background:#e2f0eb;color:var(--green);border-radius:999px;font-size:13px}.pill.late{background:var(--dangerbg);color:var(--danger)}
.filters,.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.filters{grid-template-columns:minmax(230px,1fr) 220px;align-items:end;margin:18px 0}.field{display:grid;gap:7px;font-size:14px;font-weight:600}.field.full{grid-column:1/-1}input,select,textarea{width:100%;min-height:44px;border:1px solid #b9cacc;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink)}textarea{min-height:110px;resize:vertical}.check{display:flex;gap:10px;align-items:center;font-weight:500}.check input{width:20px;min-height:20px}.products{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px}
button,.button{min-height:42px;border:1px solid var(--green);border-radius:9px;padding:9px 15px;background:#fff;color:var(--green);font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--green);color:#fff}.danger{border-color:#b04c2d;color:#9a3822}.ghost{border-color:var(--line);color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}
.notice{padding:14px 17px;border-left:4px solid var(--green2);background:var(--soft);border-radius:6px;margin:14px 0}.notice.error{border-color:#b04c2d;background:var(--dangerbg);color:var(--danger)}.formgrid{display:grid;gap:18px}.login{max-width:620px;margin:6vh auto}.login p{line-height:1.65}.member{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.modal{width:min(850px,calc(100% - 28px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:0;box-shadow:var(--shadow);color:var(--ink)}.modal::backdrop{background:rgba(9,36,39,.58)}.modalbox{padding:28px}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.modalhead .close{border-color:var(--line);font-size:20px;padding:4px 12px}.section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.service{padding:18px;border:1px solid var(--line);border-radius:12px;margin-top:14px}.service h3{margin-bottom:5px}.workflow{display:grid;gap:12px}.toast{position:fixed;right:22px;bottom:22px;max-width:420px;background:#15343b;color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#8b341f}
@media(max-width:680px){.brandbar{padding:13px}.brand{font-size:11px;letter-spacing:.08em}.workspace,.install{padding:24px 15px}.stats{gap:8px}.stat{padding:12px;font-size:13px}.stat strong{font-size:25px}.fields,.filters{grid-template-columns:1fr}.modalbox{padding:20px}.member{flex-wrap:wrap}.toprow{align-items:flex-start}}