:root{--green:#153f35;--green-2:#24745c;--mint:#e8f3ee;--ink:#19231f;--muted:#6d7873;--line:#e3e8e5;--bg:#f6f8f7;--white:#fff;--danger:#b34135;--shadow:0 16px 45px rgba(24,53,43,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,SF Pro Display,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{transition:.18s ease}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:252px;padding:27px 18px 18px;background:#10382f;color:#fff;display:flex;flex-direction:column;border-right:1px solid #31564d}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:inherit;text-decoration:none;font-size:25px;font-weight:780;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #9bcabb;border-radius:10px;color:#d7f1e8}.workspace{display:flex;align-items:center;gap:10px;margin:29px 0 22px;padding:11px;border:1px solid #3c6057;border-radius:13px;background:#19443a}.user-avatar,.workspace-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#d8ece5;color:var(--green);font-weight:800;font-size:12px}.workspace div{display:grid;flex:1 1}.sidebar-bottom small,.workspace small{font-size:9px;color:#9ebbb2}.workspace strong{font-size:12px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:12px;color:#c4d7d1;text-decoration:none;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:560}.sidebar nav a.active,.sidebar nav a:hover{background:#255449;color:#fff}.nav-icon{display:grid;place-items:center;width:22px;font-size:18px}.sidebar em{margin-left:auto;background:#345f54;border-radius:20px;padding:2px 7px;font-size:9px;font-style:normal}.sidebar .alert-count{background:#c65a4e;color:#fff}.sidebar-bottom{display:grid;grid-gap:5px;gap:5px;margin-top:auto;border-top:1px solid #34574f;padding-top:12px}.sidebar-bottom>a:last-child{padding:10px 7px}.sidebar-bottom>a>span:nth-child(2){display:grid;flex:1 1}.sidebar-bottom strong{font-size:11px;color:#fff}.sidebar-bottom b{font-size:10px;letter-spacing:1px}.dashboard{max-width:1450px;margin-left:252px;padding:37px 42px 110px}.topbar{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0;color:var(--green-2);font-size:10px;letter-spacing:1.5px;font-weight:800}h1{margin:5px 0 2px;font-size:30px;letter-spacing:-1.1px}h2{font-size:20px;letter-spacing:-.4px;margin:4px 0}.subtitle{margin:4px 0;color:var(--muted);font-size:13px}.header-actions{display:flex;align-items:center;gap:11px}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:750}.primary{background:var(--green);color:#fff;box-shadow:0 7px 18px #153f3530}.primary:hover{background:#0d3028;transform:translateY(-1px)}.primary:disabled{opacity:.6}.secondary{color:var(--ink)}.icon-button,.secondary{border:1px solid var(--line);background:#fff}.icon-button{position:relative;width:41px;height:41px;border-radius:11px;color:var(--green);font-size:20px}.icon-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:#d35245;right:8px;top:7px;border:2px solid #fff}.error-banner{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 15px;border-radius:11px;background:#fff1ef;border:1px solid #f0d2cd;color:#83352d;font-size:12px}.error-banner>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#d95b4e;color:#fff;font-weight:900}.error-banner button{margin-left:auto;border:0;background:transparent;color:inherit;text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin:28px 0 38px}.metrics article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}.metric-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;font-weight:800}.metric-icon.green{background:#e3f0ea;color:#17624e}.metric-icon.amber{background:#fbefd8;color:#95651f}.metric-icon.blue{background:#e1edf4;color:#326b88}.metric-icon.violet{background:#ede7f2;color:#6e4c83;font-size:11px}.metrics article>div:last-child{min-width:0}.metrics small,.metrics span{display:block;color:var(--muted);font-size:10px;white-space:nowrap}.metrics strong{display:block;font-size:23px;margin:3px 0}.metrics small b{color:#28765e}.metrics .danger b{color:var(--danger)}.section-heading{display:flex;align-items:center;justify-content:space-between}.more-button,.text-button{border:0;background:transparent;color:var(--green-2);font-size:11px;font-weight:720}.text-button span{font-size:17px;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px;margin-top:15px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 4px 15px rgba(23,55,44,.03)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.project-cover{position:relative;height:150px;overflow:hidden;background:linear-gradient(135deg,#45685e,#a7b9b2)}.cover-1{background:linear-gradient(135deg,#7c8278,#c8c1b3)}.cover-2{background:linear-gradient(135deg,#526673,#a2b4ba)}.cover-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#fff 1px,transparent 0),linear-gradient(90deg,#fff 1px,transparent 0);background-size:31px 31px;transform:perspective(200px) rotateX(50deg) scale(1.5)}.project-cover>button{position:absolute;right:12px;top:12px;border:0;border-radius:8px;background:#173f36bb;color:#fff;padding:5px 8px}.status-dot{position:absolute;z-index:2;left:13px;top:13px;padding:6px 9px;background:#fff;border-radius:20px;color:#24745c;font-size:9px;font-weight:800;box-shadow:0 3px 10px #0002}.building-shape{position:absolute;display:flex;align-items:flex-end;gap:5px;right:17%;bottom:0;height:112px}.building-shape i{display:block;width:32px;height:78%;background:#dce4e1aa;border:2px solid #f7faf8;border-bottom:0}.building-shape i:nth-child(2){height:100%;width:48px}.building-shape i:nth-child(3){height:62%;width:42px}.building-shape i:nth-child(4){height:42%;width:24px}.project-content{padding:17px 19px}.project-title{display:flex;align-items:center;justify-content:space-between}.project-title span{font-size:9px;color:var(--green-2);font-weight:800;letter-spacing:1px}.project-title h3{font-size:18px;letter-spacing:-.4px;margin:3px 0}.project-title>b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;color:var(--green)}.location{color:var(--muted);font-size:10px;margin:2px 0 15px}.progress-row{display:flex;justify-content:space-between;font-size:10px}.progress-row strong{color:var(--green)}.progress{height:6px;background:#e7ece9;border-radius:10px;overflow:hidden;margin:7px 0 15px}.progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#1e6852,#4c9a7f)}.project-content footer{display:flex;gap:32px;padding-top:12px;border-top:1px solid #edf0ee}.project-content footer div{display:grid;grid-gap:2px;gap:2px}.project-content footer span{font-size:9px;color:var(--muted)}.project-content footer strong{font-size:11px}.skeleton{height:345px;padding:20px}.skeleton div{height:25px;margin:15px;background:linear-gradient(90deg,#edf1ef,#fafbfa,#edf1ef);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:8px}.skeleton div:first-child{height:140px;margin:0}.empty-project{min-height:300px;border:1px dashed #b9c8c2;border-radius:17px;background:#fafffc;color:var(--green);display:grid;place-content:center;justify-items:center;grid-gap:7px;gap:7px}.empty-project>span{font-size:30px}.empty-project small{color:var(--muted)}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:17px;gap:17px;margin-top:37px}.activity-panel,.priority-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px}.priority{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #edf0ee}.priority:nth-child(2){margin-top:11px}.priority>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;font-size:12px;font-weight:900}.critical{background:#f8e1de;color:#b13d31}.warning{background:#fbefd4;color:#8c641e}.info{background:#e4eef3;color:#316c87}.priority div{flex:1 1}.activity strong,.priority strong{font-size:11px}.priority p{margin:3px 0}.priority p,.priority time{color:var(--muted);font-size:9px}.priority>b{color:#98a39e}.activity{display:flex;gap:11px;padding:16px 2px;border-bottom:1px solid #edf0ee}.activity-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#dceee7;color:var(--green);font-size:9px;font-weight:800}.blue-bg{background:#e2edf3;color:#326b88}.activity p{margin:0;font-size:10px;line-height:1.45}.activity p small,.activity p strong{display:block}.activity p small{color:var(--muted);font-size:9px;margin-top:3px}.activity-panel>.text-button{padding:17px 0 0}.quick-action{position:fixed;z-index:10;right:27px;bottom:25px;border:0;border-radius:30px;background:var(--green);color:#fff;padding:13px 18px;font-weight:750;font-size:12px;box-shadow:0 10px 30px #153f3555}.quick-action span{font-size:18px;margin-right:5px}.bottom-nav{display:none}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#102c25a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,540px);background:#fff;border-radius:19px;padding:24px;box-shadow:0 30px 100px #071b1666}.modal>header{display:flex;align-items:start;justify-content:space-between}.modal>header button{border:0;background:#eef2f0;width:32px;height:32px;border-radius:9px;font-size:21px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin:23px 0}.field-grid label{display:grid;grid-gap:7px;gap:7px;font-size:11px;color:var(--muted);font-weight:700}.field-grid .wide{grid-column:1/-1}.field-grid input,.login-card input{width:100%;border:1px solid #cfd7d3;border-radius:10px;padding:12px;color:var(--ink)}.field-grid input:focus,.login-card input:focus{outline:3px solid #72b79e35;border-color:#3d8a70}.modal form>footer{display:flex;justify-content:flex-end;gap:9px}.login-page{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e1f1ea,transparent 40%),linear-gradient(145deg,#f3f7f5,#dce9e4)}.login-card{width:min(100%,430px);padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-card .brand{color:var(--green);margin-bottom:38px;padding:0}.login-card form{display:grid;grid-gap:17px;gap:17px;margin:28px 0 14px}.login-card label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.login-card button{border:0;border-radius:10px;padding:14px;background:var(--green);color:#fff;font-weight:750}.login-card a{color:var(--green-2);font-size:12px}.login-message{min-height:22px;color:var(--green);font-size:12px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{display:none}.dashboard{margin:0;padding:25px 17px 100px}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.header-actions .primary{display:none}.metrics{gap:8px;margin:24px 0 32px}.metrics article{padding:13px 10px;gap:9px}.metric-icon{width:34px;height:34px}.metrics strong{font-size:19px}.metrics small{font-size:8px;overflow:hidden;text-overflow:ellipsis}.project-grid{grid-template-columns:1fr}.project-cover{height:135px}.lower-grid{margin-top:30px}.activity-panel,.quick-action{display:none}.bottom-nav{position:fixed;z-index:30;display:flex;align-items:center;justify-content:space-around;inset:auto 0 0;height:70px;background:#fffc;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:grid;grid-gap:2px;gap:2px;text-align:center;color:var(--muted);text-decoration:none;font-size:9px}.bottom-nav a>span{font-size:18px}.bottom-nav a.active{color:var(--green)}.bottom-nav button{display:grid;place-items:center;width:49px;height:49px;margin-top:-27px;border:5px solid var(--bg);border-radius:50%;background:var(--green);color:#fff;font-size:25px}.field-grid{grid-template-columns:1fr}.field-grid .wide,.field-grid label{grid-column:1}.modal{padding:20px}.portfolio .text-button{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}