:root{--navy:#081b33;--blue:#0876d1;--bg:#f3f6fa;--text:#172033;--muted:#6c778a;--border:#dfe6ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}header{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}.brand{font-size:18px}.brand span{margin-left:9px;color:#6cbcff;font-size:12px;border:1px solid #2f557a;padding:4px 7px;border-radius:6px}nav{display:flex;gap:20px}nav a{color:#fff;text-decoration:none}main{max-width:1180px;margin:auto;padding:32px 24px 70px}.hero{background:linear-gradient(115deg,#081b33,#103f6b);color:#fff;padding:30px;border-radius:18px;margin-bottom:24px}.hero h1{margin:5px 0 8px;font-size:30px}.hero p{margin:0;color:#d4e3f2}.hero small{color:#79bff5}.stats,.grid,.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cols{grid-template-columns:1fr 1fr}.stat,.card,.row{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 3px 14px #13233a0a}.stat{display:flex;flex-direction:column}.stat b,.big{font-size:28px;color:var(--navy)}.stat span,small{color:var(--muted)}section{margin-top:28px}h2{margin:0 0 16px}.link{text-decoration:none;color:inherit}.pill{display:inline-block;background:#e9f4ff;color:#075c9f;border-radius:999px;padding:5px 10px;font-size:12px}.row{display:flex;align-items:center;gap:18px;margin:10px 0}.row>div:first-child{width:35%;display:flex;flex-direction:column}.progress{height:8px;background:#e7edf4;border-radius:99px;overflow:hidden;flex:1}.progress i{display:block;height:100%;background:var(--blue)}.progress.large{height:11px;margin:18px 0 24px}.projecthead{display:flex;justify-content:space-between}.stage{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f5;padding:10px 0;margin:0}.check{width:30px;height:30px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#8190a3;display:grid;place-items:center}.check.done{background:#e5f7ee;color:#18844d;border-color:#bce7d0}.money{display:grid}.money span{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 0}.back{color:var(--blue);text-decoration:none}label{display:block;font-size:13px;font-weight:600;margin:14px 0}input,select,textarea{width:100%;margin-top:6px;border:1px solid #ccd6e2;border-radius:9px;padding:11px;font:inherit}button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.login{min-height:75vh;display:grid;place-items:center}.login .card{width:min(430px,100%);padding:34px}.login button{width:100%}.alert{background:#fff0f0;color:#a22;padding:10px;border-radius:8px}.ticket{padding:12px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:5px}.ticket small{grid-column:1/-1}@media(max-width:760px){.stats,.grid,.cols{grid-template-columns:1fr}.row>div:first-child{width:auto}.row{flex-wrap:wrap}main{padding:20px 14px}}

.grid.one{grid-template-columns:1fr}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inlineform{display:grid;grid-template-columns:1fr 75px auto;gap:8px;align-items:center;margin-top:12px}.inlineform input{margin:0}.mt{margin-top:28px}hr{border:0;border-top:1px solid var(--border);margin:25px 0}.admin-ticket{grid-template-columns:1fr 260px}.admin-ticket form{display:flex;gap:8px;align-items:center}.admin-ticket select{margin:0}@media(max-width:760px){.form2,.inlineform,.admin-ticket{grid-template-columns:1fr}.admin-ticket form{display:block}}

.buttonlink{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:11px 16px;border-radius:9px;font-weight:700}.buttonlink.light{background:#ffffff18;border:1px solid #ffffff45}.formcard{max-width:760px;margin-left:auto;margin-right:auto}

/* Process stages */
.stageitem{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px 10px;margin:9px 0;transition:.15s}.stageitem:hover{border-color:#b8cce0;box-shadow:0 4px 14px #13233a0d}.stagecheck{margin:0;flex:0 0 auto}.check{padding:0;width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;font-size:16px}.stagelink{display:flex;align-items:center;gap:11px;min-width:0;flex:1;color:inherit;text-decoration:none}.stagelink>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.stagelink b{font-size:14px;line-height:1.35}.stagelink small{font-size:11px}.stagenum{display:flex;align-items:center;justify-content:center;width:27px;height:27px;min-width:27px;border-radius:8px;background:#eef5fb;color:#48627b;font-size:12px;font-weight:800}.stageactions{display:flex;gap:4px}.stageactions form{margin:0}.iconbtn{width:30px;height:30px;padding:0;border:1px solid var(--border);background:#fff;color:#60748a;border-radius:8px}.iconbtn:hover{background:#eef5fb;color:var(--blue)}.inlineform.simple{grid-template-columns:1fr auto}.stagehero{margin-top:18px}.stagecontrols{display:flex;gap:8px;margin-top:18px}.stagecontrols form{margin:0}.secondary{background:#edf3f8;color:#31506d}.dangerbtn{background:#b42318}.successbtn{background:#168653}.sectiontitle{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.sectiontitle h2{margin:3px 0 0}.resourcegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resourcecard,.emptycard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;gap:14px}.resourceicon{width:38px;height:38px;min-width:38px;border-radius:10px;background:#edf6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.resourcebody{min-width:0;flex:1}.resourcebody h3{margin:4px 0}.resourcebody p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resourceactions{display:flex;align-items:center;gap:10px;margin-top:12px}.resourceactions form{margin:0}.textdanger{background:transparent;color:#b42318;padding:8px}.emptycard{grid-column:1/-1;display:block;color:var(--muted)}@media(max-width:760px){.resourcegrid{grid-template-columns:1fr}.stageactions{display:none}.stagecols{grid-template-columns:1fr}.stageitem{padding:8px}.stagelink b{font-size:13px}}

/* Client master data + polished process stages */
.client-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.master-card{padding:26px}.section-head p{margin:4px 0 0;color:var(--muted)}.master-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.subcard{border:1px solid var(--border);border-radius:14px;padding:18px;background:#fbfcfe}.subcard.wide{grid-column:1/-1}.subcard h3{margin:0 0 12px}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.subhead span,.muted{color:var(--muted);font-size:13px}.contact-row{padding:10px 0;border-bottom:1px solid #e9eef4;display:flex;justify-content:space-between}.contact-row div{display:flex;flex-direction:column;gap:3px}.mini-grid{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:end;margin-top:10px}.mini-grid label{margin:0}.checkline{display:flex!important;align-items:center;gap:7px;font-weight:500!important}.checkline input{width:auto;margin:0}.address-grid{display:grid;grid-template-columns:150px 160px 1fr 1fr;gap:10px;margin-top:12px}.address-grid label{margin:0}.span2{grid-column:span 2}.address-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;margin:8px 0}.address-card p{margin:5px 0 0;color:var(--muted);line-height:1.5}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.person-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px}.person-card>div:last-child{display:flex;flex-direction:column;gap:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f2fc;color:var(--blue);font-weight:800}.contact-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto auto;gap:10px;align-items:end}.contact-form label{margin:0}.stage-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.stage-item{display:grid;grid-template-columns:38px 32px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #edf1f5;transition:.15s}.stage-item:last-child{border-bottom:0}.stage-item:hover{background:#f8fbfe}.stage-item.is-done{background:#f7fbf8}.stage-check{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #b9c6d4;background:#fff;color:#18844d;display:grid;place-items:center}.stage-item.is-done .stage-check{background:#e5f7ee;border-color:#80cda5}.stage-number{font-size:12px;font-weight:800;color:#8793a3;text-align:center}.stage-title{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}.stage-title b{white-space:normal;line-height:1.35}.stage-title small{margin-top:3px}.stage-actions{display:flex;gap:5px}.stage-actions form{margin:0}.stage-actions button{width:30px;height:30px;padding:0;background:#edf3f8;color:#34485e}.stage-add{grid-template-columns:1fr auto}.compact-form button{margin-top:4px}@media(max-width:900px){.master-grid{grid-template-columns:1fr}.subcard.wide{grid-column:auto}.people-grid{grid-template-columns:1fr 1fr}.contact-form,.address-grid{grid-template-columns:1fr 1fr}.contact-form .checkline{align-self:center}.span2{grid-column:span 2}}@media(max-width:620px){.client-hero{display:block}.hero-actions{margin-top:18px}.mini-grid,.contact-form,.address-grid,.people-grid{grid-template-columns:1fr}.span2{grid-column:auto}.stage-item{grid-template-columns:34px 26px 1fr}.stage-actions{grid-column:3;justify-self:start}.master-card{padding:16px}}