.admin-body{background:#f3f6f8;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#07182d;color:#fff;padding:27px 20px;display:flex;flex-direction:column;z-index:30}.admin-brand{padding:0 10px 28px;border-bottom:1px solid #26394c}.admin-brand .brand-mark{width:37px;height:37px}.admin-brand b{font-size:17px}.admin-brand small{color:#43d3e9}.side-nav{margin:28px 0 0;display:grid;gap:7px}.side-nav button{border:0;background:transparent;color:#91a3b1;padding:13px 14px;text-align:left;border-radius:5px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:13px}.side-nav button i{font-style:normal;font-size:17px;width:18px}.side-nav button em{font-style:normal;background:#16c9e8;color:#07182d;border-radius:20px;padding:2px 7px;font-size:10px;margin-left:auto}.side-nav button.active,.side-nav button:hover{background:#102b48;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #26394c;padding-top:22px}.admin-user{display:flex;align-items:center;gap:11px;margin-bottom:22px}.admin-user>span{width:36px;height:36px;border-radius:50%;background:#16c9e8;color:#07182d;display:grid;place-items:center;font-size:11px;font-weight:900}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:12px}.admin-user small{font-size:10px;color:#8296a7;margin-top:4px}.sidebar-bottom>a{font-size:11px;color:#94a8b8}.admin-main{margin-left:250px;padding:42px 4vw 70px}.admin-mobile-head{display:none}.admin-view{display:none}.admin-view.active{display:block}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.admin-head h1{font:40px var(--serif);letter-spacing:-.03em;color:#14283b}.admin-head>div>p:last-child{margin:8px 0 0;color:#758490;font-size:13px}.admin-head .eyebrow{margin-bottom:10px}.admin-head.compact{margin-bottom:28px}.admin-primary,.admin-secondary{border:0;padding:13px 18px;background:#07182d;color:#fff;font-size:12px;font-weight:800}.admin-secondary{background:#fff;color:#14283b;border:1px solid #d5dfe4}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.metric-grid article{background:#fff;padding:23px;display:flex;gap:15px;box-shadow:0 2px 8px rgba(8,28,47,.04)}.metric-icon{width:38px;height:38px;border-radius:5px;display:grid;place-items:center;font-size:18px}.metric-icon.cyan{background:#dbf7fb;color:#06a8c1}.metric-icon.blue{background:#e3eef8;color:#2473ad}.metric-icon.gold{background:#f9f0d9;color:#bc8312}.metric-icon.green{background:#e1f4e8;color:#238e50}.metric-grid small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#8795a0}.metric-grid strong{font:28px var(--serif);display:block;margin:5px 0}.metric-grid p{font-size:9px;color:#8b98a2;margin:0}.metric-grid p b{color:#2f9a5c}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;padding:25px;box-shadow:0 2px 8px rgba(8,28,47,.04)}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel-title h2,.content-editor h2{font:20px var(--serif);margin:0}.panel-title p{font-size:10px;color:#8996a0;margin:5px 0}.panel-title select{border:1px solid #dce4e8;padding:7px;font-size:11px}.panel-title button{border:0;background:none;font-size:11px;font-weight:800;color:#167aa9}.chart{height:260px;margin-top:17px;position:relative;padding:5px 0 24px 30px}.chart-grid{position:absolute;inset:4px 0 23px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span{font-size:9px;color:#9aa6ae;border-bottom:1px dashed #e1e7ea;padding-bottom:2px}.chart svg{position:relative;width:calc(100% - 15px);height:210px;margin-left:15px}.months{display:flex;justify-content:space-between;padding-left:14px;font-size:9px;color:#8996a0}.donut-wrap{display:flex;align-items:center;gap:26px;justify-content:center;min-height:250px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#15c8e5 0 37.5%,#2375aa 37.5% 62.5%,#ffc65a 62.5% 87.5%,#cbd5da 87.5%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:86px;height:86px;background:#fff;border-radius:50%}.donut span{z-index:1;text-align:center;font-size:9px;color:#84929c}.donut b{font:25px var(--serif);display:block;color:#14283b}.legend{min-width:110px}.legend p{font-size:10px;color:#6f7e89;display:flex;align-items:center;gap:7px}.legend p b{margin-left:auto;color:#14283b}.legend i{width:7px;height:7px;border-radius:50%;background:#15c8e5}.legend .l2{background:#2375aa}.legend .l3{background:#ffc65a}.legend .l4{background:#cbd5da}.recent-panel{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:17px}th{text-align:left;font-size:8px;letter-spacing:.13em;color:#8896a0;padding:11px;border-bottom:1px solid #e2e8eb}td{font-size:11px;padding:13px 11px;border-bottom:1px solid #edf1f3;color:#53636f}td strong{color:#172a3c}.status{padding:5px 8px;border-radius:20px;background:#e1f5f8;color:#087d91;font-size:9px;font-weight:800}.status.contacted{background:#e8eef8;color:#386ba0}.status.quoted{background:#fff1d4;color:#936411}.status.won{background:#e3f5e8;color:#2a8247}.toolbar{display:flex;gap:12px;margin-bottom:5px}.toolbar input{flex:1}.toolbar input,.toolbar select{border:1px solid #dbe4e8;padding:11px;background:#fff;font-size:12px}.table-action{border:0;background:none;font-size:16px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-admin-card{background:#fff;padding:23px;border-top:4px solid #16c9e8;box-shadow:0 2px 8px rgba(8,28,47,.04)}.project-admin-card.fabrication{border-color:#2576ab}.project-admin-card.installation{border-color:#efb33c}.project-admin-card h3{font:20px var(--serif);margin:12px 0 6px}.project-admin-card p{font-size:11px;color:#82909b}.project-admin-card>span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#147b9d}.progress{height:5px;background:#edf1f3;margin:20px 0 8px}.progress i{height:100%;display:block;background:#16c9e8}.project-meta{display:flex;justify-content:space-between;font-size:9px;color:#7d8c97}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-editor,.settings-form{display:grid;gap:20px}.content-editor label,.settings-form label,.admin-dialog label{display:grid;gap:7px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#657681}.content-editor input,.content-editor textarea,.settings-form input,.admin-dialog input,.admin-dialog select{border:1px solid #d8e2e6;padding:12px;background:#fff}.content-editor button,.settings-form button{justify-self:start}.site-preview{min-height:430px;background:linear-gradient(120deg,rgba(5,22,40,.9),rgba(5,22,40,.45)),url('assets/images/twin-water-towers.jpeg') center/cover;color:#fff}.site-preview>span{font-size:8px;letter-spacing:.18em;background:#16c9e8;color:#07182d;padding:7px 9px;font-weight:900}.site-preview>div{margin-top:90px}.site-preview small{color:#16c9e8;font-weight:900}.site-preview h2{font-size:42px;margin:15px 0 30px}.site-preview a{font-size:11px;font-weight:900;border-bottom:1px solid #fff}.settings-form{max-width:680px}.admin-dialog h2{font-size:38px;margin-bottom:25px}.admin-dialog form{display:grid;gap:18px}.admin-dialog .admin-primary{justify-self:start}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.project-board{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.admin-mobile-head{height:60px;display:flex;align-items:center;justify-content:space-between;background:#07182d;color:#fff;padding:0 16px}.admin-mobile-head button{background:none;color:#fff;border:0;font-size:20px}.admin-mobile-head a{font-size:10px}.admin-main{margin:0;padding:28px 16px}.admin-head{align-items:flex-start;gap:20px}.admin-head h1{font-size:31px}.admin-head .admin-primary{white-space:nowrap}.metric-grid,.project-board{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.panel{padding:18px}.donut-wrap{flex-direction:column}.form-row{grid-template-columns:1fr}}