:root{--navy:#081a37;--ink:#080f21;--gold:#d4a044;--green:#258026;--muted:#526078;--line:rgba(34,53,92,.10);--glass:rgba(255,255,255,.62);--shadow:0 2.396px 2.396px rgba(26,46,83,.1),0 7.986px 17.569px rgba(41,61,99,.035),inset 0 0.799px 1.597px #fff;--radius:20.764px}
*{box-sizing:border-box}body{margin:0;background:#f0f2f9;color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:15.972px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2.396px solid #a97b2c;outline-offset:3.194px}button{border:0}svg.icon{width:23.958px;height:23.958px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page-shell{position:relative;max-width:1437.500px;min-height:1368.021px;margin:auto;background:radial-gradient(ellipse at 71% 27%,#fff8,transparent 48%),#f0f2f9}.sidebar{position:absolute;left:0;top:0;bottom:0;width:196.458px;background:linear-gradient(135deg,#04122e,#0a2a63);color:white;overflow:hidden;border-right:0.799px solid #ffffffb3}.sidebar canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sidebar-content{position:relative;z-index:1;padding:28.750px 15.174px;height:100%;display:flex;flex-direction:column}.brand{text-align:center;margin:0 0 67.083px}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:48.715px;line-height:1.2;letter-spacing:2.396px;text-shadow:0 1.597px 4.792px #0006}.brand small{font-family:'Prompt',sans-serif;font-size:11.979px;letter-spacing:0;display:block;margin-top:0;color:#f7f9ff}.nav-menu{display:flex;flex-direction:column;gap:8.785px}.nav-item{display:flex;align-items:center;gap:20.764px;height:41.528px;padding:0 15.972px;color:#f3f6ff;text-decoration:none;white-space:nowrap;font-size:16.771px;line-height:1.4;font-weight:400;text-shadow:0 1.597px 3.194px #00112780;border-radius:15.174px;transition:background .2s,transform .2s}.nav-item .icon{width:25.556px;height:25.556px}.nav-item.active{height:51.111px;margin:2.396px 0 4.792px;color:#101722;text-shadow:none;border:1.198px solid #fff4d6;background:linear-gradient(117deg,#fffefa 4%,#f4d49b 45%,#c3934a 87%,#ead6b4);box-shadow:inset 0.799px 1.597px 3.993px #fff,0 3.194px 11.979px #03112866}.nav-item:hover{background-color:#ffffff13;transform:translateX(1.597px)}.user-chip{position:absolute;bottom:55.903px;left:22.361px;right:19.167px;border-top:0.799px solid #ffffff30;padding-top:21.562px;display:flex;align-items:center;gap:15.174px;font-size:14.375px;white-space:nowrap}.avatar{display:grid;place-items:center;width:40.729px;height:40.729px;flex-shrink:0;border-radius:50%;font-size:22.361px;background:linear-gradient(145deg,#c2d6e5aa,#34506d 63%,#0b2444);box-shadow:inset 0 0.799px 1.597px #ffffffb0,0 3.194px 4.792px #00112a80}.user-chip small{display:block;font-size:12.778px;margin-top:2.396px}.mobile-menu{display:none}main{margin-left:196.458px;padding:15.972px 19.167px 79.861px 25.556px;min-height:1368.021px}.topbar{height:47.917px;display:flex;align-items:center;justify-content:space-between;padding-left:10.382px;gap:15.972px}.breadcrumbs{font-size:15.972px;font-weight:500;display:flex;gap:15.972px;white-space:nowrap}.breadcrumbs i{font-style:normal}.top-actions{display:flex;align-items:center;gap:22.361px}.bell{position:relative;background:transparent;padding:5.590px;display:grid;place-items:center}.bell .icon{width:27.153px;height:27.153px}.bell:after{content:'';position:absolute;top:2.396px;right:2.396px;width:9.583px;height:9.583px;border-radius:50%;background:#de3b31;border:1.597px solid #f2f3f8}.glass-button{border-radius:15.174px;background:linear-gradient(130deg,#fff9,#f7f8fdc9);border:0.799px solid #fff;box-shadow:var(--shadow);min-height:46.319px;padding:7.986px 17.569px;display:inline-flex;align-items:center;justify-content:center;gap:9.583px;font-weight:500;white-space:nowrap;transition:transform .2s,box-shadow .2s}.glass-button:hover{transform:translateY(-1.597px);box-shadow:0 3.993px 9.583px #152b4b20,inset 0 0.799px 1.597px #fff}.glass-button.gold{background:linear-gradient(116deg,#fff4d6,#f1d49b 46%,#d9af6c 75%,#f6e7cb);border-color:#fff8e7;box-shadow:inset 0 1.597px 3.993px #fff,0 2.396px 3.194px #7b61392b,0 6.389px 11.979px #6a52380a}.company{min-height:43.924px;padding:6.389px 15.174px;font-size:16.771px;font-weight:600;gap:17.569px}.company .icon{width:15.972px;height:15.972px}.hero{margin-top:17.569px;min-height:87.847px;display:flex;align-items:center;justify-content:space-between;padding:0 9.583px 0 12.778px;gap:15.972px}h1{font-size:43.924px;line-height:1.25;font-weight:700;margin:0;letter-spacing:-1.278px;display:flex;align-items:center;gap:19.167px}h1 .slash{display:inline-block;width:29.549px;height:40.729px;position:relative;transform:skewX(-32deg)}.slash:before,.slash:after{content:'';position:absolute;width:3.194px;height:21.562px;top:17.569px;left:0;background:linear-gradient(#fff4ba,#db9b24,#fff9e3);border-radius:100%}.slash:after{height:16.771px;left:7.986px;top:0.799px;opacity:.8}.hero p{margin:3.993px 0 0;font-size:19.965px;letter-spacing:-0.399px}.hero-actions{display:flex;gap:20.764px;margin-top:5.590px}.hero-actions .glass-button{height:52.708px;padding:9.583px 19.167px;font-size:17.569px}.filters{display:flex;gap:15.972px;margin-top:15.972px;height:46.319px;align-items:stretch}.filter{position:relative;display:flex;gap:11.181px;align-items:center;padding:7.188px 15.174px}.filter select{appearance:none;background:transparent;border:none;outline:none;cursor:pointer;padding:0 27.951px 0 0;font-size:16.771px;max-width:100%}.filter .chevron{pointer-events:none;width:16.771px;position:absolute;right:11.979px}.kpis{display:grid;grid-template-columns:1.06fr 1fr 1fr 1fr 1.11fr;gap:15.972px;margin-top:20.764px}.glass-card{background:linear-gradient(132deg,#ffffffb0,#ffffff50 50%,#f9fbff73);border:0.799px solid #fff;box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(14.375px);-webkit-backdrop-filter:blur(14.375px);position:relative}.kpi{height:170.903px;padding:18.368px 22.361px;overflow:hidden;transition:transform .25s,box-shadow .25s}.kpi:hover{transform:translateY(-3.194px);box-shadow:0 5.590px 10.382px #23345620,inset 0 0.799px 1.597px #fff}.kpi:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(129deg,transparent 27%,#fff7 39%,transparent 52%)}.kpi.flourish:after{content:'';position:absolute;right:0;bottom:0;width:51.910px;height:48.715px;border-radius:100% 0 0 0;background:linear-gradient(132deg,transparent 39%,#fff5df 46%,#e9c783 75%,#fff9e7 88%);clip-path:path('M 0 61 Q 51 59 65 0 L 65 61 Z');filter:drop-shadow(-0.799px -0.799px 1.597px #c4983540)}.kpi>.icon{width:31.146px;height:31.146px;position:relative;margin-bottom:7.188px}.kpi-label{position:relative;font-size:17.569px;white-space:nowrap;letter-spacing:-0.559px;line-height:1.6}.kpi-value{font-family:'Prompt','Noto Sans Thai',sans-serif;position:relative;font-size:27.153px;line-height:1.5;font-weight:600;letter-spacing:-0.639px;font-variant-numeric:tabular-nums}.kpi-note{font-size:15.174px;position:relative;white-space:nowrap;margin-top:1.597px;letter-spacing:-0.439px}.positive{color:var(--green);font-weight:600}.kpi.net{padding:17.569px 21.562px;background:radial-gradient(ellipse at 100% 105%,#fff7d5 0,transparent 16%),linear-gradient(126deg,#6e91b4,#214167 36%,#0c284b 55%,#40536a 79%,#102540);border:1.597px solid #f8fcffb0;box-shadow:0 2.396px 5.590px #1c35532e,inset 0 0 0 0.799px #557390,inset 0 0 12.778px #d6e7ff40;color:white}.net:before{background:linear-gradient(119deg,transparent 30%,#cceaff88 43%,#f0f9ffd9 45%,#91bad46b 48%,transparent 55%);opacity:.7}.net:after{content:'';position:absolute;inset:0;background:linear-gradient(133deg,transparent 53%,#e0ecf04d 53.3%,#ffffff16 54%,transparent 71%);pointer-events:none}.net>.icon{color:#e8ce4e}.net .kpi-label{font-size:16.771px}.net .kpi-value{color:#f3d78e;font-size:29.549px;text-shadow:0 1.597px 1.597px #9c752d44}.net .kpi-note{font-size:14.375px}.charts{display:grid;grid-template-columns:1.305fr 1fr;gap:17.569px;margin-top:22.361px}.chart-card{height:261.944px;padding:14.375px 17.569px 15.972px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;gap:7.986px;position:relative;z-index:1}h2{font-size:23.160px;line-height:1.5;font-weight:700;margin:0;letter-spacing:-0.799px}.chart-header h2{font-size:22.361px;white-space:nowrap;letter-spacing:-0.719px}.chart-legend{display:flex;gap:11.979px;align-items:center;font-size:13.576px;white-space:nowrap}.chart-legend span{display:flex;align-items:center;gap:4.792px}.dot{display:inline-block;width:12.778px;height:12.778px;flex:0 0 12.778px;border-radius:50%;background:radial-gradient(circle at 29% 20%,#a8daf6 0%,#2e75bc 28%,#052757 85%);box-shadow:inset 0 0.799px 1.597px #ffffff80,0 0.799px 1.597px #1b355b1a}.dot.blue{background:radial-gradient(circle at 28% 20%,#e5f3ff,#93c4ff 38%,#6b9ed3)}.dot.gold{background:radial-gradient(circle at 29% 20%,#fffbd3,#f6c44f 40%,#d69314)}.dot.grey{background:radial-gradient(circle at 28% 20%,#fafbff,#ccd1db 40%,#a6abb5)}.trend-plot{height:193.264px;position:relative;margin-top:6.389px}.trend-plot canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.axis-layer{position:absolute;inset:0;pointer-events:none;font-family:'Noto Sans Thai',sans-serif;font-size:14.375px;font-weight:500}.gridline{position:absolute;left:52.708px;right:0;height:0.799px;background:#243b5c1b;z-index:0}.y-tick{position:absolute;left:0;width:43.125px;text-align:right;transform:translateY(-50%)}.x-tick{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:13.576px}.donut-layout{display:grid;grid-template-columns:48% 52%;height:198.056px;align-items:center}.donut-stage{position:relative;height:194.861px;width:100%;min-width:0}.donut-stage canvas{position:absolute;inset:0;height:100%;width:100%}.donut-centre{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:119.792px;line-height:1.25}.donut-centre strong{font-family:'Prompt',sans-serif;font-size:20.764px;font-weight:600;letter-spacing:-0.719px}.donut-centre small{display:block;font-size:14.375px;line-height:1.5;margin-top:1.597px}.donut-legend{list-style:none;margin:0 0 0 6.389px;padding:0;font-size:12.778px;letter-spacing:-0.439px;font-weight:600}.donut-legend li{display:flex;align-items:center;gap:6.389px;min-height:31.944px;border-bottom:0.799px solid #213a5b12}.donut-legend li:last-child{border:0}.donut-legend b{margin-left:auto;white-space:nowrap}.table-card{margin-top:20.764px;padding:12.778px 11.979px 16.771px;overflow:hidden}.table-top{display:flex;align-items:center;justify-content:space-between;padding:0 7.188px 11.979px;gap:15.972px;min-height:76.667px}.table-top h2{font-size:27.153px;letter-spacing:-0.958px}.table-top p{font-size:15.972px;margin:0;letter-spacing:-0.559px}.table-tools{display:flex;gap:19.965px;align-items:center}.search{height:43.924px;width:241.979px;border-radius:14.375px;display:flex;align-items:center;gap:9.583px;padding:0 11.979px;background:#fff4;border:0.799px solid white;box-shadow:var(--shadow)}.search .icon{width:19.965px;height:19.965px}.search input{width:100%;min-width:0;background:transparent;border:none;outline:none;font-size:14.375px;letter-spacing:-0.479px}.search input::placeholder{color:#121a2d;opacity:1}.view-toggle{display:flex;border-radius:14.375px;box-shadow:var(--shadow);padding:1.597px;background:#fff6;border:0.799px solid white}.view-toggle button{height:38.333px;width:46.319px;background:transparent;border-radius:11.181px;display:grid;place-items:center}.view-toggle button.active{background:linear-gradient(115deg,#fff9e6,#f4d39a 60%,#ddba7d);box-shadow:inset 0.799px 0.799px 3.194px white}.table-head,.project-row,.totals{display:grid;grid-template-columns:24% 21% 11% 10% 10% 10% 14%;align-items:center}.table-head{height:39.931px;border-radius:11.181px;background:#e7eaf3c7;margin:0 -3.993px;font-size:15.174px;text-align:center;letter-spacing:-0.479px}.table-head span+span{border-left:0.799px solid #a8b4c14d;line-height:19.965px}.project-row{min-height:63.889px;border-bottom:0.799px solid var(--line);font-size:15.972px;margin:0 3.993px;letter-spacing:-0.559px}.project-name{display:flex;align-items:center;gap:11.979px;min-width:0}.expand{background:transparent;width:24.757px;padding:4.792px 2.396px;flex-shrink:0;display:grid;place-items:center}.expand .icon{width:16.771px;height:16.771px;transition:transform .2s}.expand[aria-expanded=true] .icon{transform:rotate(180deg)}.project-name strong{font-size:18.368px;line-height:1.3;font-weight:700;display:block;white-space:nowrap;letter-spacing:-0.639px}.project-name small{font-size:12.778px;display:block;line-height:1.6;margin-top:1.597px;letter-spacing:-0.399px}.project-date{padding:0 14.375px 0 13.576px}.project-date time{font-size:15.972px;font-weight:500;white-space:nowrap}.cost-bar{height:7.986px;margin-top:7.188px;display:flex;width:100%;max-width:141.354px;border-radius:3.993px;overflow:hidden;box-shadow:0 1.597px 2.396px #00142e24;border:0.799px solid #ffffffd9}.cost-bar span{height:100%;display:block;position:relative}.cost-bar span:after{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff85,transparent 50%,#061b3240)}.cost-bar span:nth-child(1){width:18%;background:#f6bb3e}.cost-bar span:nth-child(2){width:60%;background:#173f70}.cost-bar span:nth-child(3){width:8%;background:#70a7d9}.cost-bar span:nth-child(4){width:5%;background:#cbd3e1}.cost-bar span:nth-child(5){width:9%;background:#e9a326}.money,.margin{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.profit{font-weight:600;color:#27742b}.loss{color:#e22d30}.margin{font-weight:700}.status{font-size:13.576px;text-align:center;line-height:1.5;min-height:35.938px;padding:6.389px 3.993px;letter-spacing:-0.479px;border-radius:17.569px;white-space:nowrap;background:linear-gradient(120deg,#effbed,#daf4d6);color:#216b24;margin:0 2.396px;box-shadow:inset 0 0.799px 3.194px #fff8;display:flex;align-items:center;justify-content:center;gap:7.188px}.status:before{content:'✓';font-size:15.972px;font-weight:600}.status.progress{color:#16283f;background:linear-gradient(120deg,#f3f8ff,#cddff9)}.status.progress:before{content:'';width:10.382px;height:10.382px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#bde6ff,#2481d9 42%,#0751ac)}.status.waiting{background:linear-gradient(120deg,#fffdf0,#ffe6bf);color:#5d3a10}.status.waiting:before{content:'◷';color:#d58d1c}.booths{padding:11.979px 19.167px 11.979px 37.535px;background:#edf2fa85;border-bottom:0.799px solid var(--line);font-size:13.576px;border-radius:9.583px}.booths[hidden]{display:none}.booth{display:flex;justify-content:space-between;gap:11.979px;padding:6.389px 0}.booth small{font-size:11.979px;color:#4e6075}.totals{height:47.917px;margin:19.167px 0 0;border-radius:9.583px;background:radial-gradient(ellipse at 99% 110%,#fff4ce 0,transparent 18%),linear-gradient(140deg,#6c809d,#3a516e 48%,#425975 78%,#8495a6);color:#fff;box-shadow:inset 0 1.597px 3.194px #dde9ff60,0 1.597px 3.194px #27364c13;position:relative;overflow:hidden;font-size:17.569px;font-weight:400;letter-spacing:-0.719px}.totals:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 88%,#eff7ff40 88.1%,transparent 97%);pointer-events:none}.totals>strong{grid-column:1/3;padding-left:27.951px;font-weight:400;font-size:19.965px}.totals span{text-align:center}.sample-note{display:block;text-align:right;margin:19.167px 4.792px 0;font-family:'Prompt',sans-serif;letter-spacing:0.958px;font-size:8.785px;color:#738197}.tooltip{position:fixed;pointer-events:none;z-index:99;background:#071b37ed;color:#fff;border:0.799px solid #ffffff40;box-shadow:0 7.986px 23.958px #071b3740;backdrop-filter:blur(9.583px);padding:9.583px 12.778px;border-radius:9.583px;font-size:11.979px;max-width:231.597px}.tooltip[hidden]{display:none}.tooltip strong{color:#efd293}.toast{position:fixed;bottom:19.167px;left:50%;transform:translate(-50%,23.958px);padding:10.382px 19.167px;border:0.799px solid #d9bc79;background:#0c2445f5;color:#fff;border-radius:12.778px;opacity:0;transition:.2s;z-index:200;max-width:90vw;font-size:13.576px;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0.799px solid #fff;border-radius:19.167px;background:#f7f9ff;padding:23.958px;box-shadow:0 23.958px 79.861px #00112666;max-width:min(415.278px,92vw);color:var(--ink)}dialog::backdrop{background:#06142a50;backdrop-filter:blur(4.792px)}dialog p{font-size:14.375px}dialog .glass-button{font-size:14.375px}dialog h2{font-size:22.361px}.empty-result{padding:27.951px;text-align:center;font-size:15.174px}.empty-result[hidden]{display:none}.projects.grid-view{display:grid;grid-template-columns:1fr 1fr;gap:11.979px;padding-top:11.979px}.grid-view .project-row{display:grid;grid-template-columns:1fr 1fr;padding:14.375px;gap:11.979px;background:#fff8;border-radius:14.375px;border:0.799px solid white}.grid-view .project-name{grid-column:1/-1}.grid-view .project-date{padding:0}.grid-view .booths{grid-column:1/-1}.grid-view .money:before,.grid-view .margin:before{content:attr(data-label);display:block;font-size:10.382px;font-weight:400;color:#68778c}.grid-view .money,.grid-view .margin{text-align:left}.grid-view .status{grid-column:1/-1}.table-card:has(.grid-view) .table-head{display:none}
/* Round 2: match the reference's larger type and stronger satin highlights. */
@media(min-width:761px){.wordmark{font-size:52.708px}.brand small{font-size:12.778px}.brand{margin-bottom:71.875px}.nav-item{font-size:18.368px;gap:20.764px;padding-inline:15.972px}.hero>div:first-child{transform:translateY(6.389px)}.kpi-label{font-size:18.368px}.kpi-value{font-size:28.750px}.kpi-note{font-size:15.972px}.net .kpi-label{font-size:17.569px}.net .kpi-value{font-size:31.146px}.net .kpi-note{font-size:15.174px}.chart-header h2{font-size:23.958px}.chart-legend{font-size:14.375px;gap:11.181px}.donut-centre strong{font-size:22.361px}.donut-centre small{font-size:15.174px}.donut-legend{font-size:14.375px;letter-spacing:-0.639px}.donut-legend li{gap:6.389px}.project-row{font-size:17.569px;min-height:65.486px}.project-name strong{font-size:19.965px}.project-name small{font-size:14.375px}.project-date time{font-size:17.569px}.status{font-size:15.174px;gap:5.590px}.table-head{font-size:16.771px}.table-top p{font-size:16.771px}.search input{font-size:15.972px}.totals{font-size:19.167px}.totals>strong{font-size:21.562px}}
.kpi:before{background:linear-gradient(129deg,transparent 22%,#ffffffa8 36%,#ffffff40 40%,transparent 51%)}
.net:before{background:linear-gradient(119deg,transparent 28%,#cceaffa0 42%,#f0f9ffed 45%,#91bad46b 49%,transparent 56%);opacity:.85}
.net{background:radial-gradient(ellipse at 100% 105%,#fff7d5 0,transparent 23%),linear-gradient(126deg,#6e91b4,#214167 36%,#0c284b 55%,#40536a 79%,#102540)}
.totals{background:radial-gradient(ellipse at 99% 115%,#fff8e4 0,#f0dab88a 5%,transparent 23%),linear-gradient(140deg,#6c809d,#3a516e 48%,#425975 78%,#8495a6)}
/* Round 3: align the scaled reference coordinates and soften the glass. */
@media(min-width:761px){.sidebar-content{padding-right:5.590px}.brand{margin-bottom:63.889px}.nav-item{gap:26.354px}.filters{margin-top:17.569px}.charts{margin-top:23.160px}.table-card{margin-top:21.562px}.totals{margin-top:17.569px}.chart-header{gap:5.590px}.chart-legend{gap:9.583px}}
.glass-card{box-shadow:0 2.396px 2.396px rgba(26,46,83,.13),0 7.986px 17.569px rgba(41,61,99,.035),inset 0 0.799px 1.597px #fff}
.donut-card{background:linear-gradient(133deg,transparent 48%,#ffffffb0 54%,transparent 61%),linear-gradient(132deg,#ffffffb0,#ffffff50 50%,#f9fbff73)}
.kpi.net{background:radial-gradient(ellipse at 98% 105%,#fff5cd 0,#fff1c355 10%,transparent 26%),linear-gradient(126deg,#6e91b4,#214167 36%,#0c284b 55%,#40536a 79%,#102540)}
/* Final optical alignment: KPI baselines, four-entry legend, rim lights. */
@media(min-width:761px){.kpi>.icon{margin-bottom:0}.kpi-value{line-height:1.4}.chart-card{padding-top:12.778px}.trend-plot{margin-top:0}.donut-legend{align-self:start;margin-top:7.986px}.kpi:not(.net){background:linear-gradient(128deg,#ffffffc9,#f9fbff80 32%,#e6eaf466 58%,#f8fbff99)}}
.totals{background:radial-gradient(ellipse 87.847px 31.944px at 98% 110%,#fff8df 0,#edcea48c 25%,transparent 70%),linear-gradient(140deg,#6c809d,#3a516e 48%,#425975 78%,#8495a6)}
.kpi.net{background:radial-gradient(ellipse 71.875px 31.944px at 100% 100%,#fff4d7 0,#f8dcaa90 25%,transparent 75%),linear-gradient(126deg,#6e91b4,#214167 36%,#0c284b 55%,#40536a 79%,#102540)}
@media(min-width:761px){.hero-actions .glass-button{padding:9.583px 25.556px}.chart-header h2{font-size:23.958px}}

@media(max-width:760px){body{font-size:16px}.page-shell,main{min-height:100vh}.sidebar{position:absolute;width:100%;height:84px;bottom:auto;z-index:5;overflow:visible;border-right:0}.sidebar canvas{height:84px!important;width:100%!important;clip-path:inset(0)}.sidebar-content{padding:13px 20px;display:block}.brand{text-align:left;margin:0}.wordmark{font-size:36px;line-height:1;letter-spacing:2px}.brand small{font-size:9px;margin-top:4px}.mobile-menu{display:grid;place-items:center;position:absolute;right:20px;top:22px;background:#ffffff15;border:1px solid #ffffff40;border-radius:12px;width:43px;height:39px;color:#fff}.mobile-menu .icon{width:24px}.nav-menu{display:none;position:absolute;top:84px;left:0;right:0;background:linear-gradient(125deg,#06162e,#12345a);padding:16px 20px 25px;box-shadow:0 20px 30px #00122c44}.sidebar.open .nav-menu{display:flex}.nav-item{height:45px;font-size:18px;gap:20px}.nav-item.active{height:52px}.nav-item .icon{width:24px;height:24px}.user-chip{display:none}main{margin-left:0;padding:100px 16px 35px}.topbar{height:auto;padding:0;align-items:center;gap:5px}.breadcrumbs{font-size:10px;gap:7px;white-space:nowrap}.top-actions{gap:2px}.bell{padding:5px}.bell .icon{width:23px;height:23px}.bell:after{width:8px;height:8px;top:2px;right:2px}.company{padding:5px 7px;min-height:32px;font-size:0;border-radius:10px;gap:2px}.company:before{content:'TIME';font-size:11px}.company .icon{width:12px;height:12px}.hero{margin-top:23px;display:block;padding:0;min-height:0}h1{font-size:36px;letter-spacing:-1px;gap:20px}h1 .slash{height:36px;width:23px}.hero p{font-size:15px;margin-top:7px;letter-spacing:-.4px}.hero-actions{gap:10px;margin-top:20px}.hero-actions .glass-button{min-height:44px;height:44px;font-size:13px;padding:8px 13px;border-radius:13px;gap:7px;flex:1}.hero-actions .icon{width:21px;height:21px}.filters{gap:10px;margin-top:17px;height:43px}.filter{padding:6px 9px;border-radius:12px;min-height:43px;gap:6px;min-width:0;flex:1}.filter select{font-size:12px;padding-right:16px;width:100%}.filter>.icon{width:18px;height:18px}.filter .chevron{width:14px;height:14px;right:6px}.filter:nth-child(2){flex:1.1}.kpis{grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.kpi{height:159px;padding:16px 19px;border-radius:20px}.kpi>.icon{width:28px;height:28px;margin-bottom:4px}.kpi-label{font-size:16px;letter-spacing:-.5px}.kpi-value{font-size:25px;line-height:1.5;letter-spacing:-.7px}.kpi-note{font-size:13px;letter-spacing:-.35px}.kpi.net{grid-column:1/-1;height:142px;padding:18px 23px}.net>.icon{float:left;margin:20px 20px 10px 0;width:40px;height:40px}.net .kpi-label{font-size:17px}.net .kpi-value{font-size:33px}.net .kpi-note{font-size:13px}.charts{grid-template-columns:1fr;gap:16px;margin-top:19px}.chart-card{height:300px;padding:16px 14px;border-radius:22px}.chart-header{flex-wrap:wrap;gap:4px}.chart-header h2{font-size:21px;letter-spacing:-.7px}.chart-legend{font-size:12px;gap:14px;margin-left:auto}.chart-legend .dot{width:11px;height:11px;flex-basis:11px}.trend-plot{height:222px;margin-top:7px}.axis-layer{font-size:12px}.gridline{left:38px}.y-tick{width:32px}.x-tick{font-size:10px}.donut-card{height:270px}.donut-layout{height:210px;grid-template-columns:47% 53%}.donut-stage{height:210px}.donut-centre{width:114px;top:51%}.donut-centre strong{font-size:19px}.donut-centre small{font-size:13px}.donut-legend{font-size:12px;letter-spacing:-.45px;margin-left:5px}.donut-legend li{min-height:35px;gap:6px}.donut-legend .dot{width:12px;height:12px;flex-basis:12px}.table-card{margin-top:18px;padding:17px 13px 15px;border-radius:22px;overflow:visible}.table-top{display:block;padding:0;min-height:0}.table-top h2{font-size:25px;letter-spacing:-.8px}.table-top p{font-size:12px;letter-spacing:-.3px}.table-tools{gap:10px;margin:16px 0}.search{height:43px;flex:1;width:auto;min-width:0;padding:0 11px;border-radius:12px;gap:6px}.search input{font-size:12px}.search .icon{width:20px;height:20px}.view-toggle{border-radius:12px}.view-toggle button{height:37px;width:33px;border-radius:10px}.view-toggle .icon{width:20px;height:20px}.table-head{display:none}.project-row,.projects.grid-view .project-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 13px;margin:0 0 13px;background:#ffffff9c;border:1px solid #fff;border-radius:17px;box-shadow:0 3px 7px #1227440a;font-size:17px}.project-name{grid-column:1/-1;gap:8px}.project-name strong{font-size:20px;white-space:normal}.project-name small{font-size:12px;margin-top:3px}.expand{width:21px}.project-date{grid-column:1/-1;padding:0 0 2px 29px}.project-date time{font-size:14px}.cost-bar{max-width:100%;height:8px;margin-top:7px}.project-row .money,.project-row .margin{text-align:left;padding-left:5px}.project-row .money:before,.project-row .margin:before{content:attr(data-label);display:block;font-size:11px;font-weight:400;color:#6a798e;margin-bottom:2px;letter-spacing:0}.status{grid-column:1/-1;min-height:33px;font-size:13px;padding:5px;justify-self:start;min-width:137px}.status:before{font-size:15px}.status.progress:before{width:10px;height:10px}.booths{font-size:13px;padding:13px;margin-bottom:15px}.booth{flex-direction:column;gap:5px}.booth small{font-size:12px}.totals{height:auto;min-height:150px;grid-template-columns:1fr 1fr;gap:8px;padding:16px;margin-top:18px;border-radius:16px;font-size:20px}.totals>strong{grid-column:1/-1;padding:0;font-size:19px}.totals span{text-align:left}.totals span:before{content:attr(data-label);display:block;color:#d4deec;font-size:11px;letter-spacing:0}.sample-note{font-size:9px;margin-top:20px;text-align:center}.projects.grid-view{display:block;padding:0}.tooltip{font-size:13px;max-width:260px}.toast{font-size:13px;width:90%;text-align:center}.glass-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}