:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#192535;background:#f5f7fa;font-size:14px;--blue:#365eea;--muted:#718095;--border:#e5eaf1}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);border-radius:7px;padding:10px 15px;background:white;color:#243249;font-weight:600}button:hover{background:#f0f3fb}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#284ad1}.quiet{background:transparent}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#101b30;color:#b6c1d2;padding:29px 20px;display:flex;flex-direction:column}.brand{font-size:23px;color:white;font-weight:750;display:flex;align-items:center;gap:11px;letter-spacing:-.7px}.brandmark{background:#436bf3;color:white;border-radius:9px;padding:4px 9px}.workspace{margin:35px 0 30px;display:flex;gap:12px;align-items:center;font-size:12px;color:#dae1ed}.workspace>div{font-weight:600}.workspace small{display:block;font-size:10px;margin-top:5px;color:#8191aa}.navlabel{font-size:10px;letter-spacing:1.6px;margin:0 12px 12px;color:#70829f}nav button{width:100%;text-align:left;border:0;background:none;color:#a8b6cc;display:flex;align-items:center;gap:12px;margin:5px 0;padding:12px}.navicon{font-size:18px;width:23px;text-align:center}nav button.active{background:#26395a;color:white}nav button:hover{background:#1d2d49}.sidebarbottom{margin-top:auto;display:grid;gap:20px;font-size:11px}.sidebarbottom small{font-size:10px;color:#71839e}.main{margin-left:238px}header{min-height:78px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 32px;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#b7c0cd}.breadcrumb b{color:#3c4a5f;font-weight:500}.headeractions{display:flex;align-items:center;gap:11px;font-size:11px}select{border:1px solid var(--border);padding:9px;border-radius:6px;color:#354258;background:white}.avatar{width:33px;height:33px;border-radius:50%;background:#e8edfb;color:#4762b0;display:grid;place-items:center;font-weight:700}.demobar{padding:11px 32px;display:flex;justify-content:space-between;gap:15px;background:#edf2ff;font-size:11px;color:#556787}.demobar a{font-weight:650;color:#365eea}main{padding:32px;max-width:1600px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}h1{font-size:27px;margin:0 0 8px;letter-spacing:-.7px}h2{font-size:16px;margin:0}p{color:var(--muted);line-height:1.6;margin:0}.eyebrow{color:#8994a6;text-transform:uppercase;letter-spacing:1px;font-size:10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card{border:1px solid var(--border);background:white;border-radius:10px;box-shadow:0 3px 10px #18243b03}.kpi{padding:23px}.kpi strong{display:block;font-size:31px;margin:12px 0 8px;font-weight:650;letter-spacing:-1px}.kpi small{color:#728198;font-size:11px}.kpi .label{color:#65748a;font-size:12px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px}.cardhead{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f5}.cardhead small{font-size:11px;color:#8190a3}.bars{padding:28px 25px 20px;display:flex;align-items:end;gap:18px;height:200px}.barcol{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:10px}.bar{width:65%;max-width:60px;background:#bfcdfb;border-radius:5px 5px 0 0;min-height:8px}.barcol:nth-child(2) .bar{background:#6080ed}.barcol:nth-child(3) .bar{background:#22aa92}.barcol small{font-size:11px;color:#718095}.activity{padding:0 24px}.activityitem{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #eef1f5;font-size:12px;line-height:1.5}.dot{width:9px;height:9px;background:#90a9f2;border-radius:50%;margin-top:5px;flex-shrink:0}.activityitem small{display:block;color:#909bad;margin-top:4px;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.search{width:260px;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:#fbfcfe}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.5px;color:#8290a4;text-transform:uppercase;background:#fafbfd;font-weight:600;padding:15px 20px;border-bottom:1px solid var(--border)}td{padding:17px 20px;border-bottom:1px solid #eef1f5;font-size:12px;color:#657389}td strong{color:#25364f;font-size:12px;display:block;font-weight:600}td small{display:block;margin-top:6px;color:#92a0b3;font-size:10px}.status{padding:5px 9px;border-radius:5px;display:inline-block;font-size:10px;font-weight:650;text-transform:capitalize}.planned,.draft{background:#eef2fb;color:#5c729e}.in_progress{background:#fff4de;color:#9c6c16}.completed,.accepted,.paid{background:#e7f6ee;color:#208459}.unpaid{background:#fff0ea;color:#ba633c}.urgent,.high{color:#bd6145}.linkbutton{border:0;padding:5px 0;background:transparent;color:#365eea;font-size:12px}.empty{padding:50px;text-align:center;color:#76869b}.teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.person{padding:24px}.person .avatar{width:44px;height:44px;font-size:15px;margin-bottom:16px}.person h2{margin-bottom:6px}.schedule{padding:20px;border-top:1px solid var(--border);margin-top:20px;background:#fafbfe}.schedule strong{display:block;margin:5px 0}.schedule small{font-size:11px;color:#8593a5}.quotegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quote{padding:24px}.quotehead{display:flex;justify-content:space-between;margin-bottom:20px}.quote h2{margin:10px 0}.quote .amount{font-size:27px;font-weight:650;margin:22px 0}.quotefoot{border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;align-items:center}dialog{border:0;border-radius:12px;padding:0;width:640px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 25px 90px #0a19334d}dialog::backdrop{background:#13203b80}.modalhead{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modalbody{padding:24px}.modalbody p{margin-bottom:20px}.modalfoot{padding:18px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:17px}.field label{display:block;font-size:11px;color:#5d6c81;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #dce3ed;border-radius:6px;background:white}.field textarea{min-height:84px}.detailrow{padding:11px 0;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;gap:15px;font-size:12px}.detailrow span{color:#718095}.lineitem{display:grid;grid-template-columns:2fr .6fr 1fr auto;gap:8px;align-items:end}.lineitem input{width:100%}.lineitem .field{margin-bottom:10px}.formerror{color:#b54343;background:#fff0f0;padding:12px;border-radius:6px;margin-bottom:16px;font-size:12px}.loading{padding:70px;text-align:center;color:#74849a}#toast{position:fixed;bottom:24px;right:24px;background:#142c44;color:white;padding:14px 20px;border-radius:8px;display:none;z-index:1000;box-shadow:0 5px 25px #0c192533}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ba4ff;outline-offset:3px}.permission{background:#fff7e7;padding:13px 17px;border-radius:7px;color:#8d6b31;font-size:12px;margin-bottom:20px}@media(max-width:1100px){header{padding:16px 20px}.headeractions label,.avatar{display:none}main{padding:24px}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.teamgrid{grid-template-columns:1fr 1fr}.demobar{padding:12px 20px}}@media(max-width:760px){.sidebar{position:relative;width:auto;padding:17px}.brand{font-size:20px}.workspace,.navlabel,.sidebarbottom{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{width:auto;white-space:nowrap;padding:9px;font-size:11px}nav .navicon{display:none}.main{margin:0}header{align-items:flex-start;flex-direction:column;gap:12px}.headeractions{width:100%;justify-content:space-between}.demobar{flex-direction:column;gap:6px}main{padding:20px 14px}h1{font-size:23px}.pagehead{align-items:flex-start}.pagehead button{font-size:11px}.kpis{gap:10px}.kpi{padding:16px}.kpi strong{font-size:25px}.quotegrid,.teamgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;padding:14px}.search{width:100%}.fieldgrid{grid-template-columns:1fr}.modalbody{padding:20px}.lineitem{grid-template-columns:1.5fr .7fr 1fr auto}.lineitem label{font-size:9px}.lineitem input{padding:8px}th,td{padding:14px}#toast{left:14px;right:14px;bottom:14px}}