:root{--top:#0a7a39;--top2:#129447;--yellow:#f0cd00;--nav:#112b3f;--bg:#f3f5f7;--text:#172433;--muted:#6c7885;--line:#dfe5e9;--card:#fff;--accent:#0a7a39;--accent2:#07652f;--good:#087a55;--bad:#b42318;--warn:#9a6700}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer}.muted{color:var(--muted)}
/* Login */
.login-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#0d2332;padding:24px}.photo-wall{position:absolute;inset:-18px;display:grid;grid-template-columns:.9fr 1fr 1fr 1fr 1fr .9fr;grid-template-rows:1fr 1fr;gap:7px;transform:scale(1.025);background:#0b1e2b}.photo-wall figure{margin:0;overflow:hidden;position:relative;background:#142a34}.photo-wall figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.13));pointer-events:none}.photo-wall img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.04) brightness(.90);transform:scale(1.035);opacity:1;transition:opacity .75s ease,transform 12s ease}.photo-wall figure.swapping img{opacity:0;transform:scale(1.075)}.photo-wall figure:nth-child(odd) img{animation:photoDriftA 16s ease-in-out infinite alternate}.photo-wall figure:nth-child(even) img{animation:photoDriftB 19s ease-in-out infinite alternate}.photo-wall figure:nth-child(1){grid-column:1;grid-row:1/span 2}.photo-wall figure:nth-child(2){grid-column:2/span 2;grid-row:1}.photo-wall figure:nth-child(3){grid-column:4/span 2;grid-row:1}.photo-wall figure:nth-child(4){grid-column:6;grid-row:1}.photo-wall figure:nth-child(5){grid-column:2;grid-row:2}.photo-wall figure:nth-child(6){grid-column:3;grid-row:2}.photo-wall figure:nth-child(7){grid-column:4;grid-row:2}.photo-wall figure:nth-child(8){grid-column:5/span 2;grid-row:2}@keyframes photoDriftA{0%{transform:scale(1.03)}100%{transform:scale(1.085) translate3d(-1.1%,.6%,0)}}@keyframes photoDriftB{0%{transform:scale(1.07) translate3d(.7%,-.5%,0)}100%{transform:scale(1.025) translate3d(-.5%,.8%,0)}}.login-page:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,18,27,.95) 0%,rgba(4,18,27,.83) 36%,rgba(4,18,27,.52) 65%,rgba(4,18,27,.38) 100%)}.login-page:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,18,27,.17),rgba(4,18,27,.02) 50%,rgba(4,18,27,.34));box-shadow:inset 0 0 120px rgba(2,12,20,.42)}.login-shell{position:relative;z-index:2;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:34px;align-items:center}.hero{color:#fff;padding:24px}.hero-logo{width:min(430px,78%);background:rgba(255,255,255,.96);padding:12px 18px;border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.04;margin:30px 0 14px;max-width:720px}.hero p{font-size:17px;line-height:1.6;color:#e5edf2;max-width:650px;margin:0}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-badges span{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);backdrop-filter:blur(7px);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.login-card{background:rgba(255,255,255,.97);border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.65)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--top);font-weight:850}.login-card h2{font-size:25px;margin:7px 0 6px}.login-card .desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:22px}.field{margin-top:14px}.field label{display:block;font-size:12px;font-weight:800;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font-size:16px;outline:none;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--top2);box-shadow:0 0 0 3px rgba(18,148,71,.12)}.login-btn{width:100%;margin-top:18px;border:0;border-radius:12px;padding:13px 16px;background:var(--top);color:#fff;font-weight:850}.login-msg{min-height:20px;margin-top:10px;font-size:12px;color:var(--bad)}.login-footer{margin-top:18px;font-size:11px;color:#8a969e;text-align:center}
/* Shared app */
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:20px 16px;position:sticky;top:0;height:100vh;overflow:auto}.provider{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.provider img{width:100px;height:56px;object-fit:contain}.provider small{color:var(--muted);line-height:1.35}.userbox{margin:16px 0;padding:13px;border-radius:14px;background:#f7f9fa;border:1px solid var(--line)}.userbox strong{display:block}.userbox small{display:block;margin-top:4px;color:var(--muted)}.navlabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:850;margin:18px 8px 8px}.navbtn{width:100%;border:0;background:transparent;border-radius:11px;padding:10px 11px;text-align:left;color:#435260;font-weight:750;margin:2px 0}.navbtn:hover{background:#f2f5f7}.navbtn.active{background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent)}.logout{width:100%;margin-top:14px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;color:#44545f;font-weight:750}.content{min-width:0;padding:24px}.topbar{background:var(--nav);color:#fff;border-radius:18px;padding:20px 22px;display:flex;gap:18px;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;right:-45px;top:-80px;width:250px;height:250px;border-radius:50%;background:color-mix(in srgb,var(--accent) 25%,transparent)}.topbar>*{position:relative;z-index:1}.topbar h1{font-size:24px;margin:3px 0 0}.topbar .sub{color:#cbd8e4;font-size:13px;margin-top:4px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.badge.light{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff}.badge.good{background:#eaf8f2;color:var(--good)}.badge.warn{background:#fff4d8;color:var(--warn)}.badge.bad{background:#feeceb;color:var(--bad)}.client-header-logo{width:112px;height:62px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.section{margin-top:16px}.section.hidden{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.stat-label{font-size:13px;color:var(--muted)}.stat-number{font-size:31px;font-weight:850;margin-top:5px}.card h2,.card h3{margin:0 0 6px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800;color:#42515d}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:#fff;border-color:#f1c4c0;color:var(--bad)}.btn.small{padding:6px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:720px;font-size:13px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{background:#f7f9fa;color:#60707c;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:0}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-card .field:first-of-type{margin-top:8px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkrow{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.checkrow label{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.checkrow input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.notice{border-left:4px solid var(--accent);background:#f7faf8;border-radius:10px;padding:12px 14px;color:#4e5c66;font-size:13px}.empty{padding:30px;text-align:center;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;z-index:50;background:#162635;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.2);max-width:360px}.toast.error{background:#8e241c}
/* Client */
.client-brand{display:flex;gap:12px;align-items:center;margin:16px 0}.client-brand img{width:90px;height:58px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.project-card{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;margin:5px 0}.project-card.active{border-color:color-mix(in srgb,var(--accent) 40%,white);background:color-mix(in srgb,var(--accent) 5%,white)}.project-card .code{font-size:11px;color:var(--accent);font-weight:850}.project-card .name{font-weight:850;margin-top:4px}.project-card .loc{font-size:11px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:6px;overflow:auto;margin:14px 0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px}.tab{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:750;color:#455563;white-space:nowrap}.tab.active{background:var(--accent);color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.kv>div{background:#f7f8fa;border-radius:11px;padding:12px}.kv small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.07em}.kv strong{display:block;margin-top:5px;font-size:13px}.doc-list{display:grid;gap:9px}.doc{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.doc small{display:block;color:var(--muted);margin-top:4px}.doc-actions{display:flex;gap:7px;flex-wrap:wrap}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.photo-card img{width:100%;height:200px;object-fit:cover;display:block}.photo-card .meta{padding:10px}.viewer-frame{height:680px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#e9eef2}.viewer-frame iframe{width:100%;height:100%;border:0}
@media(max-width:1000px){.login-shell{grid-template-columns:1fr}.hero{padding:12px}.hero h1{font-size:42px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.stats,.metric-grid{grid-template-columns:repeat(2,1fr)}.grid2,.forms-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.login-page{padding:14px}.photo-wall{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.photo-wall figure:nth-child(n){grid-column:auto;grid-row:auto}.photo-wall figure:nth-child(n+7){display:none}.hero{display:none}.login-card{padding:22px}.content{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.stats,.metric-grid,.grid3,.form-row,.kv,.photo-grid{grid-template-columns:1fr}.viewer-frame{height:560px}.doc{align-items:flex-start;flex-direction:column}.client-header-logo{width:96px;height:54px}}
@media(prefers-reduced-motion:reduce){.photo-wall img{animation:none!important;transition:none!important}}