:root{--green:#103c34;--accent:#d6a84b;--primary:#14785b;--bg:#f3f6f3;--ink:#18352e;--muted:#74857f;--line:#e3e9e5;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--green);color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:30}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 27px;border-bottom:1px solid #ffffff18}.logo-bars{width:40px;height:40px;border:1px solid #ffffff35;border-radius:11px;display:flex;align-items:end;justify-content:center;gap:3px;padding:8px}.logo-bars i{display:block;width:5px;background:var(--accent);border-radius:2px}.logo-bars i:nth-child(1){height:12px}.logo-bars i:nth-child(2){height:23px}.logo-bars i:nth-child(3){height:17px}.brand strong,.login-brand strong{display:block;font-size:21px}.brand span,.login-brand span{display:block;font-size:11px;color:#a8c0ba;margin-top:2px}.menu-title{font-size:9px;letter-spacing:1.5px;color:#76978f;margin:28px 12px 10px}.sidebar nav{flex:1}.sidebar nav button{width:100%;border:0;background:transparent;color:#b7ccc6;border-radius:9px;padding:13px 12px;margin:3px 0;text-align:left;cursor:pointer;font-size:16px}.sidebar nav button span{font-size:12px;margin-left:12px}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff13;color:white;box-shadow:inset 3px 0 var(--accent)}.side-bottom{border-top:1px solid #ffffff18;padding:19px 9px 0}.side-bottom span,.side-bottom a{display:block;font-size:10px;color:#90aaa4}.side-bottom a{margin-top:8px;color:white;text-decoration:none}.app{margin-left:250px;min-height:100vh}.app>header{height:84px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:20}.app>header h1{font-size:18px;margin:4px 0 0}.app>header small,.module-title small{font-size:9px;color:#8b9a95;letter-spacing:1.3px}.profile{display:flex;align-items:center;gap:10px}.profile>b{width:38px;height:38px;border-radius:10px;background:#e6f2ed;color:var(--primary);display:grid;place-items:center;font-size:11px}.profile span strong,.profile span small{display:block;font-size:10px}.profile span small{margin-top:3px;color:var(--muted)}.mobile-menu{display:none;border:1px solid var(--line);background:white;border-radius:8px;width:38px;height:38px}main{padding:30px 36px 45px;max-width:1500px;margin:auto}.page{display:none}.page.active{display:block;animation:fade .25s ease}.intro,.module-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.intro>div>b{font-size:12px;color:var(--primary)}.intro h2,.module-title h2{font-size:25px;margin:7px 0 0}.period{background:white;border:1px solid var(--line);padding:10px 15px;border-radius:9px;font-size:9px;color:var(--muted)}.period strong{display:block;color:var(--ink);font-size:11px;margin-top:5px}.metrics,.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metrics article,.summary article{background:white;border:1px solid var(--line);border-radius:12px;padding:17px}.metrics i{float:left;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-style:normal;margin-right:10px}.metrics i.green{background:#e6f3ee;color:var(--primary)}.metrics i.orange{background:#fff1df;color:#d97706}.metrics i.blue{background:#e8effc;color:#2563eb}.metrics i.purple{background:#f1eafa;color:#7c3aed}.metrics span,.metrics strong,.metrics small{display:block}.metrics span,.summary span{font-size:10px;color:var(--muted)}.metrics strong,.summary strong{font-size:19px;margin-top:7px}.metrics small{font-size:9px;color:#8b9995;margin-top:7px}.good{color:var(--primary)!important}.dash-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h3{font-size:14px;margin:0}.panel-head p,.module-title p{font-size:10px;color:var(--muted);margin:5px 0 0}.panel-head button,.project>button{border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:bold;cursor:pointer}.chart{height:210px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);padding-top:30px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 48px,#eef1ef 49px)}.chart>div{height:100%;width:12%;display:flex;flex-direction:column;justify-content:end;align-items:center}.chart>div>span{height:160px;display:flex;align-items:end;gap:5px}.chart i{display:block;width:13px;background:var(--primary);border-radius:4px 4px 0 0}.chart i+i{background:#e7b45c}.chart small{font-size:9px;color:var(--muted);margin:8px}.cost-total{height:210px;display:flex;align-items:center;justify-content:center;gap:24px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#d97706 0 44%,#14785b 44% 78%,#2563eb 78%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:white}.donut span{position:relative;text-align:center}.donut b,.donut small{display:block;font-size:10px}.donut small{font-size:8px;color:var(--muted);margin-top:4px}.cost-total ul{list-style:none;padding:0}.cost-total li{display:flex;gap:8px;margin:11px 0;font-size:9px}.cost-total li>i{width:8px;height:8px;background:var(--primary);border-radius:50%}.cost-total li small{display:block;color:var(--muted);margin-top:3px}.work-table>div{display:grid;grid-template-columns:35px 1.4fr 1.4fr .8fr .7fr;gap:11px;align-items:center;padding:13px 3px;border-top:1px solid var(--line)}.initial{width:31px;height:31px;border-radius:8px;background:#14785b;color:white;display:grid;place-items:center;font-size:10px}.work-table span strong,.work-table span small{display:block;font-size:9px}.work-table span small{color:var(--muted);margin-top:4px}.progress i,.big-progress i{height:5px;border-radius:5px;background:#edf0ee;display:block;margin-top:7px;overflow:hidden}.progress i b,.big-progress i b{height:100%;display:block;background:var(--primary);border-radius:5px}.work-table em,.project em,.purchase em,.rows em{font-size:8px;font-style:normal;background:#e6f3ee;color:var(--primary);padding:5px 8px;border-radius:14px;text-align:center}.module-title>button{border:0;background:var(--primary);color:white;border-radius:9px;padding:11px 16px;font-size:10px;font-weight:bold;cursor:pointer}.summary{grid-template-columns:repeat(3,1fr)}.summary span,.summary strong{display:block}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project,.purchase{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.project>div:first-child,.purchase>div:first-child{display:flex;justify-content:space-between;align-items:center}.project h3,.purchase h3{font-size:14px;margin:18px 0 5px}.project p,.purchase p{font-size:10px;color:var(--muted);margin:0}.big-progress{margin-top:20px}.big-progress>span{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.project dl,.purchase dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0}.project dt,.purchase dt{font-size:8px;color:var(--muted)}.project dd,.purchase dd{font-size:9px;font-weight:bold;margin:5px 0 0}.data{padding:0;overflow:hidden}.data .panel-head{padding:20px}.rows{display:grid;grid-template-columns:2fr .8fr .9fr .9fr 1fr;gap:15px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:9px}.rows.head{background:#f8faf8;color:var(--muted);font-size:8px;text-transform:uppercase}.rows>span:last-child{text-align:right}.rows strong,.rows small{display:block}.rows small{font-size:8px;color:var(--muted);margin-top:4px}.purchase .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.actions button{border:1px solid var(--line);background:white;padding:9px;border-radius:8px;font-size:9px;cursor:pointer}.actions button.approve{background:var(--primary);color:white;border-color:var(--primary)}footer{text-align:center;color:#99a7a2;font-size:9px;padding-bottom:25px}.modal{display:none;position:fixed;inset:0;background:#103c347c;z-index:50;place-items:center;padding:20px}.modal.open{display:grid}.modal form{width:min(440px,100%);background:white;border-radius:15px;padding:28px;position:relative}.modal h2{margin:6px 0 20px}.modal label,.login-card label{display:block;font-size:10px;color:var(--muted);margin:12px 0}.modal input,.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px;color:var(--ink)}.modal .save,.login-card form button{border:0;background:var(--primary);color:white;border-radius:8px;padding:12px;width:100%;margin-top:10px;font-weight:bold;cursor:pointer}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:24px;color:var(--muted);cursor:pointer}.login-body{min-height:100vh;background:linear-gradient(135deg,#0d3029,#17624f);display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:white;padding:34px;border-radius:18px;box-shadow:0 30px 80px #071d1866}.login-brand{background:var(--green);margin:-34px -34px 30px;padding:22px 30px;border-radius:18px 18px 0 0;color:white}.login-copy small{font-size:8px;color:var(--primary);font-weight:bold;letter-spacing:1px}.login-copy h1{font-size:28px;margin:7px 0}.login-copy p{font-size:11px;color:var(--muted)}.demo-hint{text-align:center;font-size:10px;color:var(--muted)}.flash{padding:10px;border-radius:8px;font-size:10px;background:#fee9e7;color:#a5332c;margin-top:15px}@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app{margin-left:0}.mobile-menu{display:block}.app>header{padding:0 16px;height:70px}.app>header>div:first-of-type{flex:1;margin-left:12px}.profile span{display:none}main{padding:22px 16px}.period{display:none}.metrics,.summary,.card-grid{grid-template-columns:1fr}.work-table>div{grid-template-columns:34px 1fr}.work-table .progress{grid-column:2}.work-table>div>span:nth-last-child(2),.work-table em{display:none}.module-title{align-items:start;gap:12px}.module-title h2{font-size:21px}.data{overflow-x:auto}.rows{min-width:650px}.cost-total{gap:12px}}
body{font-family:"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#f5f7f5}.sidebar{width:270px;background:linear-gradient(180deg,#092f27,#0d3b31);padding:25px 18px 21px;box-shadow:8px 0 35px #0a2a2412}.app{margin-left:270px}.brand{border:0;padding:0 10px 22px}.logo-monogram{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#e5bd6a,#b98836);display:grid;place-items:center;color:#12372f;font:800 25px Georgia,serif;box-shadow:inset 0 1px #fff7,0 8px 20px #061b1766}.brand strong{letter-spacing:2px}.brand span{font-size:8px;letter-spacing:.8px}.workspace-tag{border:1px solid #ffffff12;background:#ffffff08;border-radius:11px;padding:11px 13px;margin:0 3px 21px}.workspace-tag span,.workspace-tag strong{display:block}.workspace-tag span{font-size:7px;letter-spacing:1.3px;color:#75988f}.workspace-tag strong{font-size:10px;margin-top:5px;color:#d8e5e1}.workspace-tag b{float:right}.menu-title{margin:0 13px 9px;font-size:8px;letter-spacing:1.7px}.sidebar nav button{height:46px;padding:0 12px;margin:3px 0;display:flex;align-items:center;gap:12px;font-size:12px;position:relative;transition:.2s}.sidebar nav button span{margin:0;font-size:11px}.sidebar nav button.active,.sidebar nav button:hover{background:linear-gradient(90deg,#ffffff18,#ffffff08);box-shadow:none}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;border-radius:0 4px 4px 0;background:#d9ae59}.nav-icon{font-style:normal;width:20px;color:#9db8b1;font-size:15px;text-align:center}.nav-count{margin-left:auto;background:#d9ae59;color:#16392f;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-size:8px}.side-bottom{border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;padding:12px;display:grid;grid-template-columns:31px 1fr 18px;align-items:center;gap:9px}.support-dot{width:31px;height:31px;border:1px solid #ffffff24;border-radius:9px;display:grid;place-items:center}.side-bottom strong,.side-bottom span{display:block;font-size:9px}.side-bottom span{font-size:8px;margin-top:3px}.side-bottom a{margin:0;color:#8fac9f;text-decoration:none}.app>header{height:82px;background:#ffffffef;backdrop-filter:blur(10px);box-shadow:0 1px 0 #e5ebe7;padding:0 37px}.header-tools{display:flex;align-items:center;gap:8px}.header-icon{width:36px;height:36px;border:1px solid #e1e8e4;border-radius:9px;background:#fff;color:#73837e;position:relative}.header-icon.notify i{position:absolute;width:6px;height:6px;background:#d88631;border:1px solid #fff;border-radius:50%;right:7px;top:7px}.profile{border-left:1px solid #e3e9e6;padding-left:14px;margin-left:4px}.profile em{font-style:normal;color:#9ba7a3;font-size:10px}.metrics article,.summary article,.panel,.project,.purchase{box-shadow:0 8px 28px rgba(25,54,46,.045);border-color:#e4e9e6}.metrics article{padding:20px;border-radius:14px}.metrics strong{font-size:20px}.panel{border-radius:14px}.module-title h2,.intro h2{letter-spacing:-.5px}.module-title>button{box-shadow:0 7px 17px #14785b26}.project,.purchase{transition:transform .2s,box-shadow .2s}.project:hover,.purchase:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(20,63,52,.09)}
.login-body{padding:0;background:#edf2ef}.login-shell{width:min(1100px,94vw);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 100px #173d3326}.login-visual{position:relative;padding:50px;background:linear-gradient(145deg,#082b24,#0e493b);color:#fff;display:flex;flex-direction:column;overflow:hidden}.login-visual:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff0d;border-radius:50%;right:-210px;bottom:-130px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff04}.visual-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.visual-brand strong,.visual-brand span{display:block}.visual-brand strong{font-size:22px;letter-spacing:2px}.visual-brand span{font-size:8px;letter-spacing:1px;color:#a5c0b9;margin-top:3px}.visual-copy{margin:auto 0;position:relative;z-index:1}.visual-copy>span{font-size:8px;color:#d9ae59;letter-spacing:1.8px;font-weight:700}.visual-copy h1{font-size:44px;line-height:1.08;letter-spacing:-1.5px;margin:15px 0 20px}.visual-copy p{font-size:12px;line-height:1.8;color:#afc6c0;max-width:390px}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff18;padding-top:22px;position:relative;z-index:1}.visual-stats strong,.visual-stats span{display:block}.visual-stats strong{font-size:20px}.visual-stats span{font-size:8px;color:#8eaaa3;margin-top:5px}.login-panel{padding:52px 62px 25px;display:flex;flex-direction:column}.login-box{margin:auto 0}.login-box>small{color:#14785b;font-size:8px;font-weight:700;letter-spacing:1.4px}.login-box h2{font-size:28px;letter-spacing:-.7px;margin:9px 0}.login-box>p{font-size:11px;color:#81908b;margin:0 0 28px}.login-box label{font-size:9px;color:#536660;font-weight:600;margin:15px 0}.input-wrap{height:45px;border:1px solid #dfe6e2;border-radius:10px;display:flex;align-items:center;padding:0 13px;margin-top:7px;transition:.2s}.input-wrap:focus-within{border-color:#14785b;box-shadow:0 0 0 3px #14785b12}.input-wrap span{color:#85958f;width:23px}.input-wrap input{border:0;margin:0;padding:0 5px;outline:0;font-size:11px;background:transparent}.form-meta{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.form-meta label{margin:0;display:flex;align-items:center;gap:6px;font-weight:400}.form-meta label input{width:auto;margin:0}.form-meta>span{font-size:8px;color:#14785b}.login-box form>button{height:46px;margin-top:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;box-shadow:0 8px 20px #14785b2b}.demo-access{margin-top:22px;background:#f3f7f5;border:1px solid #e5ece8;border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center}.demo-access i{width:25px;height:25px;border-radius:50%;background:#e1eee9;color:#14785b;display:grid;place-items:center;font-size:10px}.demo-access span,.demo-access strong{display:block;font-size:8px;color:#7d8d88}.demo-access strong{color:#40564f;margin-top:4px}.login-panel footer{font-size:8px;color:#a1aca8;text-align:center;margin-top:auto}@media(max-width:760px){.sidebar{width:270px}.app{margin-left:0}.header-icon{display:none}.login-shell{display:block;min-height:auto;width:min(430px,94vw)}.login-visual{display:none}.login-panel{padding:42px 30px 25px;min-height:590px}.profile{border:0;padding-left:0}}

.logo-monogram{width:198px!important;height:58px!important;background:url('/static/fdc.png') center/contain no-repeat!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;flex:none}.brand>div:last-child,.visual-brand>div:last-child{display:none}.brand{min-height:70px;justify-content:center;padding:2px 5px 18px!important}.visual-brand .logo-monogram{width:230px!important;height:68px!important}.visual-brand{justify-content:flex-start}.app>header h1{font-size:20px!important}.intro h2,.module-title h2{font-size:28px!important}.intro>div>b{font-size:13px!important}.module-title p,.panel-head p{font-size:11px!important}.sidebar nav button span{font-size:12px!important}.workspace-tag strong{font-size:11px!important}.metrics article>span{font-size:11px!important}.metrics article>strong{font-size:22px!important}.metrics article>small{font-size:10px!important}.panel-head h3{font-size:15px!important}.work-name strong,.work-values strong{font-size:11px!important}.work-name span,.work-values span,.progress-info>span{font-size:9px!important}.summary span{font-size:11px!important}.summary strong{font-size:22px!important}.project h3,.purchase h3{font-size:15px!important}.project p,.purchase p{font-size:11px!important}.rows{font-size:10px!important}.rows.head{font-size:9px!important}.schedule-head{font-size:9px!important}.schedule-row span strong,.schedule-row span small,.schedule-row span>b{font-size:10px!important}.supplier-list strong,.supplier-list small,.quote-list strong,.quote-list small{font-size:10px!important}.supplier-list small,.quote-list small{font-size:9px!important}.report-kpis span{font-size:10px!important}.report-kpis strong{font-size:21px!important}.performance-row span strong{font-size:10px!important}.performance-row span small{font-size:9px!important}.executive-note>p{font-size:11px!important}@media(max-width:760px){.logo-monogram{width:175px!important;height:52px!important}.visual-brand .logo-monogram{width:190px!important}}