:root{--ink:#232321;--muted:#74736f;--line:#e3e1dc;--paper:#f6f5f2;--card:#fff;--red:#e5482d;--red-dark:#bd311e;--red-pale:#fff0ed;--orange:#f6a039;--green:#187454;--blue:#52718c;--sand:#f0eade;--sidebar:#262624;--shadow:0 18px 40px rgba(35,35,33,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{display:flex;position:fixed;z-index:20;inset:0 auto 0 0;width:244px;flex-direction:column;padding:28px 18px 20px;background:var(--sidebar);color:#fff}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:.09em}.brand-symbol{position:relative;display:block;width:21px;height:25px;border:2px solid var(--red)}.brand-symbol i,.brand-symbol b{position:absolute;display:block;height:2px}.brand-symbol i{top:9px;left:4px;width:11px;background:#fff;transform:rotate(-34deg)}.brand-symbol b{top:10px;left:9px;width:8px;background:var(--red);transform:rotate(34deg)}.product-name{margin:40px 10px 30px;color:#aaa9a5;font-size:11px;line-height:1.55;letter-spacing:.12em;text-transform:uppercase}.main-nav{display:flex;flex-direction:column;gap:5px}.main-nav a,.sidebar-bottom button{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#b8b7b3;text-align:left;transition:.16s ease}.main-nav a span{width:17px;text-align:center;font-size:17px}.main-nav a:hover,.main-nav a.active{background:#363633;color:#fff}.main-nav a.active{box-shadow:inset 3px 0 0 var(--red)}.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid #474743}.sidebar-bottom button{width:100%;font-size:12px}.sidebar-bottom button:hover{color:#fff}.demo-tour{color:#ffd1c7!important}.demo-tour span,.reset-demo span{font-size:16px}.user-card{display:flex;gap:10px;align-items:center;margin:20px 10px 0}.user-card>span{display:grid;width:32px;height:32px;place-items:center;background:var(--red);font-size:11px;font-weight:700}.user-card strong,.user-card small{display:block}.user-card strong{font-size:12px}.user-card small{margin-top:3px;color:#999792;font-size:10px}.main-content{min-height:100vh;margin-left:244px}.topbar{display:flex;position:sticky;z-index:10;top:0;height:74px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(251,250,248,.97);backdrop-filter:blur(8px)}.breadcrumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.breadcrumbs b{color:#b9b7b1;font-weight:400}.breadcrumbs strong{color:var(--ink);font-weight:600}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{position:relative;border:0;background:transparent;color:var(--ink)}.bell{font-size:22px}.bell em{position:absolute;top:-7px;right:-9px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:9px;font-style:normal}.notifications{position:relative}.notification-popover{visibility:hidden;position:absolute;z-index:30;top:39px;right:-6px;width:310px;padding:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);opacity:0;transition:.16s}.notification-popover.visible{visibility:visible;opacity:1}.notification-popover h3{margin:0 0 9px;font-size:14px}.notification-item{display:flex;gap:9px;padding:11px 0;border-top:1px solid var(--line)}.notification-item i{display:block;width:7px;height:7px;flex:none;margin-top:5px;border-radius:50%;background:var(--red)}.notification-item strong,.notification-item span{display:block}.notification-item strong{font-size:11px}.notification-item span{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.project-control{display:flex;gap:8px;align-items:center;padding:7px 8px 7px 0;border:0;border-left:1px solid var(--line);background:transparent;text-align:left}.project-icon{display:grid;width:34px;height:34px;margin-left:14px;place-items:center;border-radius:50%;background:var(--sand);color:var(--red);font-size:17px}.project-control small,.project-control strong{display:block}.project-control small{color:var(--muted);font-size:10px}.project-control strong{max-width:170px;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.chevron{font-size:16px}.page-root{max-width:1480px;margin:0 auto;padding:38px 36px 34px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.14em}.page-head h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.055em}.page-head h1 span{color:var(--red)}.page-head p{max-width:580px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.header-note{min-width:160px;padding:2px 0 3px 17px;border-left:2px solid var(--red)}.header-note strong,.header-note span{display:block}.header-note span{color:var(--muted);font-size:10px}.header-note strong{margin-top:4px;font-size:13px}.primary-btn,.secondary-btn,.danger-btn{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid transparent;font-size:12px;font-weight:700;transition:.15s}.primary-btn{background:var(--red);color:#fff}.primary-btn:hover{background:var(--red-dark)}.secondary-btn{border-color:var(--line);background:#fff;color:var(--ink)}.secondary-btn:hover{border-color:#bdbab2}.danger-btn{border-color:#f4c7be;background:#fff9f8;color:var(--red)}.small-btn{min-height:30px;padding:0 10px;font-size:11px}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px;margin-bottom:32px}.metric{min-height:148px;padding:18px;border:1px solid var(--line);background:#fff}.metric.red{border-color:var(--red);background:var(--red);color:#fff}.metric.sand{background:#fffaf1}.metric>p{margin:0;color:var(--muted);font-size:11px}.metric.red>p{color:#ffd2c8}.metric-value{display:flex;gap:10px;align-items:baseline;margin-top:17px}.metric-value strong{font-size:34px;line-height:.9;letter-spacing:-.05em}.metric-value strong small{font-size:16px;letter-spacing:0}.metric-value span{font-size:10px}.metric-value .up{color:var(--green)}.metric.red .up{color:#fff}.metric-sub{margin-top:23px;font-size:13px;font-weight:700}.metric-sub span{color:var(--muted);font-size:10px;font-weight:400}.metric-progress{height:4px;margin-top:18px;background:#f4a595}.metric-progress i{display:block;height:100%;background:#fff;transition:width .25s}.metric.red small{display:block;margin-top:7px;color:#ffd2c8;font-size:10px}.grid-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.88fr);gap:14px}.card{border:1px solid var(--line);background:var(--card)}.card-pad{padding:21px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h2{margin:0;font-size:19px;letter-spacing:-.035em}.card h3{margin:0;font-size:14px}.section-caption{margin:0 0 9px;color:var(--red);font-size:10px;font-weight:700;letter-spacing:.13em}.text-btn{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:700}.work-stream{margin-top:18px}.stream-row{display:grid;grid-template-columns:160px 1fr 62px;gap:14px;align-items:center;min-height:56px;border-top:1px solid #ebe9e4}.stream-row:first-child{border-top:0}.stream-row strong{display:block;font-size:12px}.stream-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.stream-bar{position:relative;height:8px;background:#eceae4}.stream-bar i{position:absolute;inset:0 auto 0 0;display:block;height:100%;background:#262624}.stream-bar i.red{background:var(--red)}.stream-bar i.orange{background:var(--orange)}.stream-row>span{font-size:11px;font-weight:700}.plan-card{min-height:340px}.site-plan{position:relative;height:230px;margin-top:14px;overflow:hidden;background:#f1f0ec;background-image:linear-gradient(45deg,#e9e7e1 25%,transparent 25%),linear-gradient(-45deg,#e9e7e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e7e1 75%),linear-gradient(-45deg,transparent 75%,#e9e7e1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.road{position:absolute;z-index:0;background:#d3d0c9}.road.one{top:93px;left:-20px;width:125%;height:23px;transform:rotate(-16deg)}.road.two{top:-20px;left:54%;width:23px;height:280px;transform:rotate(25deg)}.building{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;box-shadow:0 6px 12px #55534c42;color:#fff;transition:transform .15s}.building:hover{transform:translateY(-3px)}.building strong{font-size:16px}.building span{font-size:9px}.building.k1{top:21%;left:14%;width:70px;height:79px;background:#252523}.building.k3{right:11%;bottom:20%;width:78px;height:70px;background:var(--red)}.building.school{top:16%;left:45%;width:65px;height:57px;background:var(--orange)}.building.park{bottom:7%;left:29%;width:65px;height:47px;background:#80946c}.plan-legend{display:flex;gap:13px;margin-top:13px;color:var(--muted);font-size:10px}.dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.dot.green{background:var(--green)}.dot.orange{background:var(--orange)}.dot.red{background:var(--red)}.risk-list{margin-top:17px}.risk{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:start;padding:12px 0;border-top:1px solid var(--line);text-align:left}.risk:first-child{border-top:0;padding-top:0}.risk button{border:0;background:transparent;color:var(--red);font-size:14px}.risk strong,.risk small{display:block}.risk strong{font-size:12px}.risk small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick-action{min-height:76px;padding:13px;border:1px solid var(--line);background:#fff;text-align:left}.quick-action:hover{border-color:var(--red)}.quick-action b,.quick-action span{display:block}.quick-action b{color:var(--red);font-size:18px}.quick-action span{margin-top:10px;font-size:11px;font-weight:700}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filter-chip{min-height:31px;padding:0 11px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px}.filter-chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.object-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.object-card{position:relative;min-height:204px;padding:19px;border:1px solid var(--line);background:#fff}.object-card.risk{border-top:3px solid var(--orange)}.object-card h2{margin:0;font-size:18px}.object-card p{margin:7px 0 0;color:var(--muted);font-size:11px}.object-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:23px 0 18px}.object-card dt{color:var(--muted);font-size:10px}.object-card dd{margin:3px 0 0;font-size:12px;font-weight:700}.object-card footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line)}.progress-mini{width:82px;height:5px;background:#ebe9e4}.progress-mini i{display:block;height:100%;background:var(--red)}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{padding:0 12px 12px;color:var(--muted);font-size:10px;font-weight:400;text-align:left}.table td{height:55px;padding:0 12px;border-top:1px solid var(--line);font-size:11px}.table td strong{font-size:12px}.status{display:inline-flex;align-items:center;font-size:10px;white-space:nowrap}.status .dot{flex:none}.status.good{color:var(--green)}.status.attention{color:#b26a16}.status.bad{color:var(--red)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar .day-name{padding:9px 11px;background:#faf9f6;color:var(--muted);font-size:10px}.day{position:relative;min-height:105px;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.day.muted{background:#fbfaf8;color:#aca9a2}.day time{font-size:11px}.event{display:block;width:100%;margin-top:8px;padding:4px 5px;border:0;border-left:2px solid var(--red);background:var(--red-pale);color:var(--red-dark);font-size:9px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event.orange{border-color:var(--orange);background:#fff6e8;color:#a86316}.event.green{border-color:var(--green);background:#ebf6f1;color:var(--green)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px}.kpi{padding:18px;border:1px solid var(--line);background:#fff}.kpi strong{display:block;margin-top:13px;font-size:28px;letter-spacing:-.05em}.kpi small{color:var(--muted);font-size:10px}.estimate-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.summary-tile{padding:16px;border:1px solid var(--line);background:#fff}.summary-tile span,.summary-tile strong{display:block}.summary-tile span{color:var(--muted);font-size:10px}.summary-tile strong{margin-top:7px;font-size:18px;letter-spacing:-.04em}.summary-tile.danger strong{color:var(--red)}.summary-tile.good strong{color:var(--green)}.cell-action{min-width:24px;min-height:24px;padding:0;border:1px solid var(--line);background:#fff;color:var(--red);font-weight:700}.document-row{display:grid;grid-template-columns:1.4fr .75fr .8fr .8fr auto;gap:14px;align-items:center;min-height:63px;padding:0 18px;border-top:1px solid var(--line)}.document-row:first-child{border-top:0}.document-row strong,.document-row small{display:block}.document-row strong{font-size:12px}.document-row small{margin-top:4px;color:var(--muted);font-size:10px}.document-row>span{font-size:11px}.mini-chart{display:flex;align-items:flex-end;gap:14px;height:200px;margin:22px 0 0;padding:0 12px;border-bottom:1px solid var(--line)}.mini-chart>div{position:relative;display:flex;align-items:flex-end;gap:3px;flex:1;height:100%}.mini-chart i,.mini-chart b{display:block;width:50%}.mini-chart i{background:#dcd9d2}.mini-chart b{background:var(--red)}.mini-chart span{position:absolute;bottom:-19px;left:0;color:var(--muted);font-size:9px}.legend{display:flex;gap:14px;margin-top:27px;color:var(--muted);font-size:10px}.legend i{display:inline-block;width:8px;height:8px;margin-right:4px;background:#dcd9d2}.legend span+span i{background:var(--red)}.two-cols{display:grid;grid-template-columns:1.35fr .8fr;gap:14px}.modal-layer{position:fixed;z-index:60;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(24,24,22,.48)}.modal-layer.open{display:flex}.modal{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px;letter-spacing:-.04em}.modal-close{border:0;background:transparent;font-size:22px}.modal-body{padding:21px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 21px;border-top:1px solid var(--line)}.project-options{display:grid;gap:9px}.project-option{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--line);background:#fff;text-align:left}.project-option:hover,.project-option.active{border-color:var(--red)}.project-option small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.detail-grid div{padding:12px;background:#faf9f6}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:10px}.detail-grid strong{margin-top:5px;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font-size:11px;font-weight:700}.field input,.field select{width:100%;height:37px;padding:0 10px;border:1px solid var(--line);background:#fff;font-size:12px}.tour-card{background:var(--sidebar);color:#fff}.tour-card .modal-head{border-color:#50504c}.tour-card .modal-close{color:#fff}.tour-card .modal-body p{color:#d3d1cd;line-height:1.55}.tour-step{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.tour-step b{display:grid;width:25px;height:25px;flex:none;place-items:center;border-radius:50%;background:var(--red);font-size:11px}.tour-step strong{display:block;font-size:13px}.tour-step small{display:block;margin-top:4px;color:#c4c1bb;font-size:11px;line-height:1.4}.toast-layer{position:fixed;z-index:80;right:22px;bottom:22px;display:grid;gap:8px}.toast{display:flex;gap:10px;align-items:center;min-width:250px;padding:13px 15px;background:#252523;color:#fff;box-shadow:var(--shadow);font-size:12px;animation:in .25s ease}.toast b{color:#9de1c4;font-size:16px}@keyframes in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.mobile-menu,.close-menu,.mobile-overlay{display:none}
@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-main,.two-cols{grid-template-columns:1fr}.object-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-102%);transition:transform .22s}.sidebar.open{transform:none}.mobile-overlay{position:fixed;z-index:15;inset:0;display:none;border:0;background:rgba(0,0,0,.45)}.sidebar.open~.mobile-overlay{display:block}.main-content{margin-left:0}.topbar{height:62px;padding:0 16px}.mobile-menu,.close-menu{display:block;font-size:21px}.breadcrumbs{display:none}.header-actions{margin-left:auto;gap:14px}.project-control{border:0}.project-icon{margin-left:0}.project-control strong{max-width:120px}.chevron{display:none}.page-root{padding:27px 16px}.page-head{display:block;margin-bottom:23px}.page-head h1{font-size:29px}.header-note{margin-top:18px}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.metric{min-height:128px;padding:14px}.metric-value{margin-top:14px}.metric-value strong{font-size:28px}.metric-value>span{display:none}.metric-sub{margin-top:20px;font-size:11px}.grid-main{gap:10px}.card-pad{padding:16px}.stream-row{grid-template-columns:115px 1fr 35px;gap:9px}.stream-row strong{font-size:10px}.stream-row small{font-size:9px}.quick-actions{grid-template-columns:1fr 1fr}.object-list,.estimate-summary,.kpi-grid{grid-template-columns:1fr}.calendar{min-width:630px}.table-card{overflow:auto}.document-row{min-width:670px}.document-row-wrap{overflow:auto}.form-row,.detail-grid{grid-template-columns:1fr}.notification-popover{right:-45px;width:290px}.toast-layer{right:12px;bottom:12px}.toast{min-width:220px}.page-head p{font-size:12px}}