:root{--ink:#132b2f;--muted:#6b7d80;--brand:#087f6c;--brand2:#19a889;--pale:#edf8f5;--line:#dce8e5;--bg:#f6f9f8;--danger:#b43c49}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand);text-decoration:none}button,.button{border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.danger{color:#fff;background:var(--danger)}.portal-head{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1200px)/2));gap:28px;position:sticky;top:0;z-index:5}.portal-brand{display:flex;align-items:center;gap:12px;color:var(--ink);margin-right:auto}.portal-brand>span,.auth-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;font-size:22px;font-weight:900;box-shadow:0 7px 18px #087f6c44}.portal-brand div{display:flex;flex-direction:column}.portal-brand small{color:var(--muted)}.portal-head nav{display:flex;gap:22px}.portal-head nav a{color:#4b6265;font-weight:650}.portal-main{max-width:1200px;margin:auto;padding:36px 24px 100px}.hero,.page-head,.detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.hero{padding:34px;background:linear-gradient(135deg,#0d6359,#0b8f78);color:#fff;border-radius:24px;box-shadow:0 18px 45px #124b4130}.hero .eyebrow{color:#a9e6da}.hero p{opacity:.85}.hero h1,.page-head h1,.detail-hero h1{font-size:clamp(28px,4vw,42px);margin:4px 0 6px;line-height:1.12}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--brand);margin:0}.muted{color:var(--muted)}.stats,.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:30px}.stats article,.info-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}.stats b{font-size:28px}.stats span,.info-grid small{color:var(--muted)}.split,.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.section-title,.row{display:flex;justify-content:space-between;align-items:center}.work-card,.order-card,.panel,.form-card,.list-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 5px 20px #183b3420}.work-card{display:grid;grid-template-columns:1fr 130px 45px;gap:16px;align-items:center;color:var(--ink);margin-bottom:12px}.work-card h3,.order-card h3{margin:7px 0 2px}.work-card p,.order-card p{margin:0;color:var(--muted)}.progress{height:8px;background:#e4eeec;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#3fc2a5);border-radius:20px}.visit{display:flex;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;color:var(--ink);gap:14px;margin-bottom:12px}.visit time{width:52px;text-align:center;color:var(--brand);text-transform:uppercase}.visit time b{font-size:22px;display:block}.visit div{display:flex;flex-direction:column;justify-content:center}.visit small{color:var(--muted)}.status{display:inline-flex;width:max-content;background:var(--pale);color:var(--brand);border-radius:99px;padding:4px 9px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{margin:0}.filters input:first-child{flex:1}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.tabs a{white-space:nowrap;padding:9px 13px;border-radius:10px;color:var(--muted);font-weight:700}.tabs a.active{background:var(--ink);color:#fff}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order-card{color:var(--ink)}.meta,.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.meta{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.meta span{font-size:12px;color:var(--muted)}.meta b{color:var(--ink)}.detail-hero{background:#fff;padding:30px;border-radius:20px;border:1px solid var(--line)}.ring{width:120px;height:120px;border:10px solid #b8eadf;border-top-color:var(--brand);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring b{font-size:25px}.ring small{color:var(--muted)}.info-grid{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.panel h2{font-size:18px;margin-top:24px}.panel h2:first-child{margin-top:0}.timeline{border-left:3px solid #b8eadf;padding:0 0 18px 16px}.timeline time,.timeline b{display:block}.timeline time{font-size:12px;color:var(--muted)}.timeline p{margin:4px 0}.file{display:flex;align-items:center;gap:10px;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.file span{display:flex;flex-direction:column;flex:1}.file small{color:var(--muted)}.message{background:#f1f5f4;border-radius:13px;padding:12px;margin:9px 0}.message.mine{background:var(--pale);margin-left:28px}.message p{margin:4px 0}.message small{color:var(--muted)}label{font-weight:700;display:block;margin:13px 0}input,select,textarea{width:100%;border:1px solid #cddcda;border-radius:10px;padding:11px 12px;margin-top:5px;font:inherit;background:#fff}textarea{min-height:100px;resize:vertical}.inline-form{display:flex;gap:8px;align-items:end}.form-card{max-width:900px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.request-row,.list-row{display:flex;align-items:center;gap:16px;padding:15px;border-bottom:1px solid var(--line);color:var(--ink)}.request-row:last-child{border:0}.request-row div{display:flex;flex-direction:column;flex:1}.request-row small,.list-row small{color:var(--muted)}.info-stack{display:flex;flex-direction:column}.info-stack span{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.empty{text-align:center;color:var(--muted);padding:40px;background:#fff;border:1px dashed #bfd2ce;border-radius:16px}.notice,.success,.error{padding:13px 16px;border-radius:12px;margin-bottom:18px}.notice{background:#fff5cf;color:#715700}.success{background:#e2f7ec;color:#15633d}.error{background:#ffe7e9;color:#8c2633}.back{display:inline-block;margin-bottom:18px}.mobile-nav{display:none}.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#d3f4ec,transparent 45%),#f4f8f7;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 24px 70px #153b3330;text-align:center}.auth-card .auth-mark{margin:auto}.auth-card form{text-align:left}.auth-card button{width:100%;margin:8px 0}.auth-card hr{border:0;border-top:1px solid var(--line);margin:22px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.demo-link{display:block;background:var(--pale);padding:12px;border-radius:10px;margin:12px 0}.ghost{padding:8px 11px}@media(max-width:850px){.portal-head{height:64px;padding:0 16px}.portal-head nav{display:none}.portal-brand b{font-size:13px}.portal-brand small{font-size:10px}.portal-main{padding:22px 15px 90px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:last-child{grid-column:1/-1}.split,.detail-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr 1fr}.work-card{grid-template-columns:1fr 80px 38px}.hero{align-items:flex-start;flex-direction:column;padding:25px}.page-head{align-items:flex-start}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:6}.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#46615d;font-size:18px}.mobile-nav small{font-size:10px}.detail-hero{align-items:flex-start}.ring{width:88px;height:88px;border-width:7px}.ring b{font-size:19px}}@media(max-width:480px){.stats{gap:9px}.stats article{padding:14px}.page-head{flex-direction:column}.info-grid{grid-template-columns:1fr}.work-card{grid-template-columns:1fr 36px}.work-card .progress{display:none}.detail-hero{padding:20px}.ring{display:none}.request-row{align-items:flex-start;flex-wrap:wrap}.auth-card{padding:27px 20px}}
:root{--ink:#10282b;--muted:#687879;--brand:#0d5f56;--brand2:#168375;--pale:#edf4f1;--line:#dfe3dd;--bg:#f4f5f2;--white:#fff;--danger:#b43c49;--gold:#b98a45}
.portal-head{height:78px;border-color:var(--line);box-shadow:0 3px 18px rgba(16,40,43,.04)}.portal-brand>span,.auth-mark{border-radius:7px;background:linear-gradient(145deg,#d0aa6e,#a87532);box-shadow:0 7px 18px rgba(99,68,26,.2);font-family:Georgia,serif}.portal-brand small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.portal-head nav a{font-size:11px;letter-spacing:.02em}.hero{background:linear-gradient(135deg,#102d30,#0e534c);border-radius:13px;box-shadow:0 22px 55px rgba(16,45,48,.18);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(215,181,122,.16);border-radius:50%;right:-90px;top:-120px}.hero h1,.page-head h1,.detail-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}.hero .button{background:linear-gradient(135deg,#d0a35f,#aa7834);border:0}.stats article,.info-grid article,.work-card,.order-card,.panel,.form-card,.list-panel,.detail-hero{border-radius:10px;box-shadow:0 7px 22px rgba(20,43,42,.05)}.stats article{border-top:2px solid var(--gold)}.stats b{font-family:Georgia,serif;font-weight:500;color:var(--ink)}.status{background:#edf3f0;color:var(--brand)}.progress i{background:linear-gradient(90deg,var(--brand),#2b9d8b)}.tabs a.active{background:var(--ink)}.auth-bg{background:radial-gradient(circle at top left,#e9eee9,transparent 46%),#f4f5f2}.auth-card{border-radius:13px;box-shadow:0 28px 75px rgba(16,40,43,.15);border-top:3px solid var(--gold)}.auth-card h1{font-family:Georgia,serif;font-weight:500;font-size:34px}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2))}.mobile-nav a{color:#3f5e59}.request-row{transition:.16s}.request-row:hover{background:#fafbf9}