@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Manrope:wght@300;400;500;600;700;800&display=swap";.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:var(--c-surface);border-radius:var(--r-sm);padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;box-shadow:var(--shadow-md);border:1px solid var(--c-border);position:relative;overflow:hidden;pointer-events:auto}.toast-message{color:var(--c-text);font-size:.85rem;font-weight:500;flex:1}.toast-close{background:transparent;border:none;color:var(--c-text3);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s}.toast-close:hover{background:var(--c-bg2);color:var(--c-text)}.toast-icon.success{color:var(--c-green)}.toast-icon.error{color:var(--c-danger)}.toast-icon.info{color:var(--c-info)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--c-border);width:100%;transform-origin:left;animation:toast-progress 3s linear forwards}.toast-success .toast-progress{background:var(--c-green)}.toast-error .toast-progress{background:var(--c-danger)}.toast-info .toast-progress{background:var(--c-info)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.animate-toastIn{animation:toastIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--pl-green-primary: #2E8B57;--pl-green-accent: #4CAF50;--pl-green-glow: #5DF09A;--pl-mint: #a7f3d0;--pl-easing: cubic-bezier(.4, 0, .2, 1);--pl-spin-duration: 2.8s}.preloader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;will-change:opacity}.preloader-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(6,78,59,.95) 0%,transparent 70%),radial-gradient(ellipse 50% 80% at 30% 70%,rgba(34,211,238,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 80% 30%,rgba(16,185,129,.08) 0%,transparent 50%),linear-gradient(180deg,#020c09,#041f17 30%,#064e3b 70%,#031a12);z-index:0}.preloader-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(167,243,208,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(167,243,208,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.preloader-spinner-wrap{position:relative;z-index:5;animation:pl-float 3.2s var(--pl-easing) infinite;will-change:transform}@keyframes pl-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.preloader-ring-svg{width:150px;height:150px;overflow:visible;display:block}.ring-track{fill:none;stroke:var(--pl-green-primary);stroke-width:2.5;opacity:.13}.ring-glow{fill:none;stroke:var(--pl-green-glow);stroke-width:15;stroke-linecap:round;stroke-dasharray:301.6;transform-origin:75px 75px;animation:pl-arc-dash var(--pl-spin-duration) var(--pl-easing) infinite,pl-arc-spin var(--pl-spin-duration) var(--pl-easing) infinite,pl-glow-fade var(--pl-spin-duration) var(--pl-easing) infinite}.ring-arc{fill:none;stroke:var(--pl-green-primary);stroke-width:8;stroke-linecap:round;stroke-dasharray:301.6;transform-origin:75px 75px;animation:pl-arc-dash var(--pl-spin-duration) var(--pl-easing) infinite,pl-arc-spin var(--pl-spin-duration) var(--pl-easing) infinite}@keyframes pl-arc-dash{0%{stroke-dashoffset:301.6;stroke-dasharray:4 301.6}12%{stroke-dashoffset:200;stroke-dasharray:160 301.6}40%{stroke-dashoffset:10;stroke-dasharray:240 301.6}65%{stroke-dashoffset:-80;stroke-dasharray:200 301.6}85%{stroke-dashoffset:-240;stroke-dasharray:100 301.6}to{stroke-dashoffset:-301.6;stroke-dasharray:4 301.6}}@keyframes pl-glow-fade{0%{opacity:0}12%{opacity:.22}40%{opacity:.3}65%{opacity:.22}85%{opacity:.1}to{opacity:0}}@keyframes pl-arc-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.ring-dot{fill:var(--pl-green-glow);filter:drop-shadow(0 0 6px var(--pl-green-accent));transform-origin:75px 75px;animation:pl-arc-spin var(--pl-spin-duration) var(--pl-easing) infinite,pl-dot-fade var(--pl-spin-duration) var(--pl-easing) infinite}@keyframes pl-dot-fade{0%{opacity:0}8%{opacity:1}88%{opacity:1}to{opacity:0}}.ring-pulse{fill:none;stroke:var(--pl-green-accent);stroke-width:1.2;transform-origin:75px 75px;animation:pl-pulse 2.8s var(--pl-easing) infinite}@keyframes pl-pulse{0%{r:6px;opacity:.55}50%{r:16px;opacity:.12}to{r:6px;opacity:.55}}.preloader-progress-wrap{position:relative;z-index:5;display:flex;align-items:center;gap:16px;margin-top:36px}.preloader-progress-track{width:160px;height:2px;background:#a7f3d026;border-radius:2px;overflow:hidden;transform-origin:center;will-change:transform}.preloader-progress-bar{height:100%;background:linear-gradient(90deg,#22d3ee,#10b981,#a7f3d0);border-radius:2px;transform-origin:left center;transform:scaleX(0);will-change:transform}.preloader-counter{font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:600;color:#a7f3d099;letter-spacing:.14em;font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.preloader-text{position:relative;z-index:10;text-align:center;margin-top:28px;pointer-events:none}.preloader-title{overflow:hidden}.preloader-title-inner{display:inline-flex;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#ecfdf5,#a7f3d0,#22d3ee 60%,#ecfdf5);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 3s ease-in-out infinite}.preloader-sub{overflow:hidden;margin-top:8px}.preloader-sub-inner{display:inline-flex;font-family:Inter,system-ui,sans-serif;font-size:clamp(.65rem,1.2vw,.82rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#a7f3d08c}.loader-char-mask{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.2}.loader-char{display:inline-block;will-change:transform,opacity;transform:translateZ(0)}@keyframes shimmerText{0%{background-position:200% 50%}50%{background-position:0% 50%}to{background-position:200% 50%}}@media(max-width:768px){.preloader-ring-svg{width:120px;height:120px}.preloader-progress-wrap{margin-top:28px}.preloader-progress-track{width:120px}}@media(max-width:480px){.preloader-ring-svg{width:100px;height:100px}.preloader-progress-track{width:100px}}@media(min-width:2560px){.preloader-ring-svg{width:200px;height:200px}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);z-index:400;display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease}.navbar.scrolled{background:#ffffffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px #0000000f,0 8px 32px #0000000d}[data-theme=dark] .navbar.scrolled{background:#0d1e14e0;box-shadow:0 1px #ffffff0d,0 8px 32px #0000004d}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;z-index:1}.nav-logo-img{width:38px;height:38px;object-fit:contain;border-radius:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-logo:hover .nav-logo-img{transform:scale(1.1) rotate(-5deg)}.nav-drawer-logo-img{width:42px;height:42px;object-fit:contain;border-radius:10px}.nav-logo-text{display:flex;flex-direction:column;gap:1px}.nav-logo-main{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;transition:color .3s ease}.nav-logo-sub{font-family:var(--font-sans);font-size:.56rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;transition:color .3s ease}.navbar.scrolled .nav-logo-main{color:var(--c-text)}.navbar.scrolled .nav-logo-sub{color:var(--c-text3)}.nav-pill{display:flex;align-items:center;gap:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:9999px;padding:5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:absolute;left:50%;transform:translate(-50%);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.navbar.scrolled .nav-pill{background:#0000000d;border-color:#0000001a;box-shadow:0 2px 16px #0000000f}[data-theme=dark] .navbar.scrolled .nav-pill{background:#ffffff12;border-color:#ffffff1a}.nav-pill-indicator{position:absolute;top:5px;bottom:5px;border-radius:9999px;background:#ffffff2e;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;pointer-events:none}.navbar.scrolled .nav-pill-indicator{background:#2e6b4f1a}.nav-pill-link{position:relative;z-index:1;display:flex;align-items:center;padding:8px 18px;border-radius:9999px;font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:#ffffffbf;text-decoration:none;letter-spacing:.01em;transition:color .2s ease;white-space:nowrap}.nav-pill-link:hover{color:#fff}.nav-pill-link.active{color:#fff;background:#ffffff26;border-radius:9999px}.navbar.scrolled .nav-pill-link{color:var(--c-text3)}.navbar.scrolled .nav-pill-link:hover{color:var(--c-green)}.navbar.scrolled .nav-pill-link.active{color:var(--c-green);background:var(--c-primary-light)}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;z-index:1}.nav-theme-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;transition:all .25s ease}.nav-theme-btn:hover{background:#ffffff38;color:#fff;transform:rotate(20deg)}.navbar.scrolled .nav-theme-btn{background:var(--c-light-gray);border-color:var(--c-border2);color:var(--c-text3)}.navbar.scrolled .nav-theme-btn:hover{background:var(--c-primary-light);color:var(--c-green)}.nav-cta-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;background:#fff;color:var(--c-obsidian);border:none;border-radius:9999px;font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.01em;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.nav-cta-btn:hover{background:var(--c-lime);color:var(--c-obsidian);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #a8e63d66}.navbar.scrolled .nav-cta-btn{background:var(--c-obsidian);color:#fff}.navbar.scrolled .nav-cta-btn:hover{background:var(--c-green);box-shadow:0 8px 24px #2e6b4f4d}.nav-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}.nav-menu-btn span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;transition:background .3s ease,transform .3s ease}.navbar.scrolled .nav-menu-btn span{background:var(--c-text)}.nav-drawer-overlay{position:fixed;inset:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:800;display:flex;pointer-events:none;transition:background .4s ease,backdrop-filter .4s ease}.nav-drawer-overlay.open{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all}.nav-drawer{width:min(420px,90vw);height:100vh;background:var(--c-obsidian);padding:50px 44px;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .45s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.nav-drawer:after{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(168,230,61,.12) 0%,transparent 70%);pointer-events:none}.nav-drawer.open{transform:translate(0)}.nav-drawer-close{position:absolute;top:24px;right:24px;width:40px;height:40px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .25s ease}.nav-drawer-close:hover{background:#ffffff24;color:#fff;transform:rotate(90deg)}.nav-drawer-logo{display:flex;align-items:center;gap:12px;margin-bottom:56px}.nav-drawer-logo span{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em}.nav-drawer-links{display:flex;flex-direction:column;gap:0;flex:1}.nav-drawer-link{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;color:#ffffff73;transition:color .25s ease,padding-left .3s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translate(-16px);animation:drawerLinkIn .5s ease forwards}@keyframes drawerLinkIn{to{opacity:1;transform:translate(0)}}.nav-drawer-link:hover,.nav-drawer-link.active{color:#fff;padding-left:8px}.nav-drawer-link.active .ndl-num{color:var(--c-lime)}.ndl-num{font-family:var(--font-sans);font-size:.58rem;font-weight:700;letter-spacing:.16em;color:#a8e63d99;min-width:24px}.ndl-label{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;flex:1}.ndl-arrow{opacity:0;color:var(--c-lime);transform:translate(-8px);transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-drawer-link:hover .ndl-arrow,.nav-drawer-link.active .ndl-arrow{opacity:1;transform:translate(0)}.nav-drawer-cta{display:flex;gap:12px;flex-direction:column;margin-top:auto;padding-top:36px}.nav-drawer-cta .btn{border-radius:9999px!important}.nav-drawer-cta .btn-outline{border-color:#fff3;color:#ffffffbf}.nav-drawer-cta .btn-outline:hover{border-color:#fff;color:#fff}.nav-drawer-cta .btn-lime{background:var(--c-lime);border-color:var(--c-lime);color:var(--c-obsidian);font-weight:700}.nav-drawer-cta .btn-lime:hover{background:var(--c-lime2);transform:translateY(-2px)}@media(max-width:900px){.nav-pill{display:none}.nav-menu-btn{display:flex}.nav-cta-btn{display:none}}@media(max-width:600px){.navbar{padding:0 20px}.nav-theme-btn{display:none}}.footer{background:var(--c-obsidian);color:#fff;padding:var(--sp-2xl) var(--sp-xl) var(--sp-lg);margin-top:0}.footer-inner{display:flex;align-items:flex-start;gap:var(--sp-xl);margin-bottom:var(--sp-xl);flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.footer-logo{width:40px;height:40px;border-radius:12px;background:#a8e63d26;border:1px solid rgba(168,230,61,.25);display:flex;align-items:center;justify-content:center;color:var(--c-lime)}.footer-name{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em}.footer-tagline{font-size:.62rem;color:#fff6;text-transform:uppercase;letter-spacing:.14em}.footer-desc{color:#ffffff8c;font-size:var(--fs-sm);line-height:1.75;max-width:280px;font-weight:400}.footer-socials{display:flex;gap:var(--sp-sm);margin-top:var(--sp-md)}.social-icon{width:36px;height:36px;border-radius:var(--r-full);background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);text-decoration:none}.social-icon:hover{background:#a8e63d26;border-color:#a8e63d4d;color:var(--c-lime);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-xl);padding-bottom:var(--sp-xl);border-bottom:1px solid rgba(255,255,255,.08)}.footer-col h6{font-family:var(--font-display);font-size:.8rem;color:#fff;margin-bottom:var(--sp-md);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.footer-col a,.footer-contact-item{display:block;color:#ffffff80;font-size:var(--fs-sm);margin-bottom:var(--sp-sm);transition:color var(--t-fast);text-decoration:none;font-weight:400}.footer-col a:hover{color:var(--c-lime)}.footer-contact-item{display:flex;align-items:flex-start;gap:var(--sp-sm)}.footer-bottom{display:flex;justify-content:space-between;padding-top:var(--sp-lg);flex-wrap:wrap;gap:var(--sp-sm)}.footer-bottom p{font-size:var(--fs-xs);color:#ffffff59}.footer-bottom a{color:var(--c-lime);font-weight:600}@media(max-width:768px){.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}[data-reveal=left]{transform:translate(-40px) translateY(0)}[data-reveal=right]{transform:translate(40px) translateY(0)}[data-reveal=scale]{transform:scale(.92)}[data-reveal].revealed{opacity:1;transform:translateY(0) translate(0) scale(1)}[data-stagger]>*{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}[data-stagger].revealed>*:nth-child(1){opacity:1;transform:none;transition-delay:0ms}[data-stagger].revealed>*:nth-child(2){opacity:1;transform:none;transition-delay:80ms}[data-stagger].revealed>*:nth-child(3){opacity:1;transform:none;transition-delay:.16s}[data-stagger].revealed>*:nth-child(4){opacity:1;transform:none;transition-delay:.24s}[data-stagger].revealed>*:nth-child(5){opacity:1;transform:none;transition-delay:.32s}[data-stagger].revealed>*:nth-child(6){opacity:1;transform:none;transition-delay:.4s}[data-stagger].revealed>*:nth-child(7){opacity:1;transform:none;transition-delay:.48s}[data-stagger].revealed>*:nth-child(8){opacity:1;transform:none;transition-delay:.56s}.section-header[data-reveal] h2,.section-header[data-reveal] h3,.section-header[data-reveal] p,.section-header[data-reveal] .eyebrow-label{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.section-header[data-reveal] .eyebrow-label{transition-delay:0ms}.section-header[data-reveal] h2,.section-header[data-reveal] h3{transition-delay:60ms}.section-header[data-reveal] p{transition-delay:.13s}.section-header[data-reveal].revealed .eyebrow-label,.section-header[data-reveal].revealed h2,.section-header[data-reveal].revealed h3,.section-header[data-reveal].revealed p{opacity:1;transform:none}@keyframes floatY{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-3deg)}}@keyframes floatX{0%,to{transform:translate(0)}50%{transform:translate(12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #a8e63d33}50%{box-shadow:0 0 32px 12px #a8e63d1f}}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing{animation:pageSlideUp .6s cubic-bezier(.22,1,.36,1) both}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30% 70%/30% 40% 60% 50%}75%{border-radius:70% 30% 60% 40%/40% 70% 30% 60%}}.hero-section{height:100vh;min-height:640px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--c-obsidian)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.05);animation:heroZoom 18s ease-in-out infinite alternate;opacity:.45}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero-vignette{position:absolute;inset:0;background:linear-gradient(to bottom,#0d1e1480,#0d1e1499,#0d1e14d9)}.hero-fog{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 15% 40%,rgba(46,107,79,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 65%,rgba(168,230,61,.08) 0%,transparent 70%);animation:fogDrift 14s ease-in-out infinite alternate}@keyframes fogDrift{0%{opacity:.7;transform:translate(0)}to{opacity:1;transform:translate(10px,-8px)}}.hero-dot{position:absolute;border-radius:50%;background:var(--c-lime);opacity:.18;animation:floatDot 8s ease-in-out infinite alternate}.hero-dot-1{width:300px;height:300px;top:-60px;right:10%;animation-delay:0s}.hero-dot-2{width:180px;height:180px;bottom:15%;left:5%;animation-delay:-3s;opacity:.1}@keyframes floatDot{0%{transform:scale(1) translateY(0)}to{transform:scale(1.15) translateY(-20px)}}.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px;animation:fadeInUp .9s ease .2s both;max-width:900px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#a8e63d26;border:1px solid rgba(168,230,61,.3);color:var(--c-lime2);border-radius:var(--r-full);padding:7px 18px;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-lime);display:inline-block;flex-shrink:0}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,6.5rem);font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.3);margin-bottom:24px;letter-spacing:-.03em}.hero-em{font-style:normal;color:var(--c-lime)}.hero-subtitle{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;margin-bottom:44px}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-stats{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;gap:0;z-index:3;min-width:520px;animation:fadeInUp .9s ease .7s both;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px;border-right:1px solid rgba(255,255,255,.1);background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero-stat:last-child{border-right:none}.hs-value{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em}.hs-label{font-family:var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin-top:5px}.hero-scroll-btn{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:3;background:#ffffff14;border:1.5px solid rgba(255,255,255,.25);color:#ffffffb3;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce 2s ease-in-out infinite,fadeInUp .9s ease 1.1s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.intro-section{background:var(--c-off-white);position:relative;overflow:hidden}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eyebrow-label{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary-light);color:var(--c-green);border-radius:var(--r-full);padding:6px 16px;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.intro-left h2{font-size:clamp(1.9rem,3vw,3rem);font-weight:800;color:var(--c-text);line-height:1.1;letter-spacing:-.02em}.intro-lead{font-size:var(--fs-base);font-weight:400;color:var(--c-text2);line-height:1.8;margin-top:8px}.intro-ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.intro-img-grid{position:relative}.iig-main img{width:100%;height:480px;object-fit:cover;border-radius:var(--r-xl)}.iig-secondary{margin-top:16px;position:relative}.iig-secondary img{width:65%;height:220px;object-fit:cover;margin-left:auto;border-radius:var(--r-lg)}.iig-badge{position:absolute;bottom:-16px;left:0;background:var(--c-obsidian);color:#fff;display:flex;align-items:center;gap:10px;padding:16px 22px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.04em;width:auto;max-width:60%;border-radius:var(--r-md);box-shadow:var(--shadow-md)}.iig-badge svg{color:var(--c-lime);flex-shrink:0}.services-section{position:relative;overflow:hidden;background:var(--c-light-gray)}.services-bg{position:absolute;inset:0;background:var(--c-light-gray)}.services-section .section{position:relative;z-index:1}.services-section .section-header h2{color:var(--c-text)}.services-luxury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-luxury-card{background:var(--c-white);padding:40px 32px;border-radius:var(--r-lg);border:1px solid var(--c-border2);position:relative;cursor:pointer;transition:all var(--t-base);display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);overflow:hidden}.service-luxury-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-lime);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base);border-radius:2px 2px 0 0}.service-luxury-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:#a8e63d4d}.service-luxury-card:hover:before{transform:scaleX(1)}.service-luxury-card:hover h4{color:var(--c-green)}.slc-icon{font-size:2.2rem;margin-bottom:6px;line-height:1}.slc-num{font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--c-text3);position:absolute;top:22px;right:22px}.service-luxury-card h4{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--c-text);margin-top:4px;transition:color var(--t-base);letter-spacing:-.01em}.service-luxury-card p{font-size:var(--fs-sm);color:var(--c-text3);line-height:1.75;font-weight:400;flex:1}.slc-arrow{color:var(--c-green);margin-top:12px;transition:transform var(--t-base);display:flex;align-items:center}.service-luxury-card:hover .slc-arrow{transform:translate(6px)}.milestones-section{background:var(--c-off-white)}.milestones-section .section-header h2{color:var(--c-text)}.milestones-timeline{position:relative;display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto}.milestones-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--c-light-gray2);transform:translate(-50%);border-radius:2px}.milestone-item{display:flex;justify-content:flex-end;padding-right:calc(50% + 48px);padding-bottom:52px;position:relative}.milestone-item.right{justify-content:flex-start;padding-right:0;padding-left:calc(50% + 48px)}.milestone-dot{position:absolute;left:50%;top:6px;width:12px;height:12px;border-radius:50%;background:var(--c-lime);transform:translate(-50%);border:3px solid var(--c-off-white);box-shadow:0 0 0 2px var(--c-lime)}.milestone-content{max-width:300px;background:var(--c-white);border-radius:var(--r-lg);padding:24px 28px;border:1px solid var(--c-border2);box-shadow:var(--shadow-sm)}.milestone-year{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--c-green);line-height:1;letter-spacing:-.04em}.milestone-label{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text3);margin:8px 0 6px}.milestone-content p{font-size:var(--fs-sm);color:var(--c-text3);font-weight:400;line-height:1.7}.clients-section{background:var(--c-light-gray);overflow:hidden}.clients-section .section{padding-bottom:32px}.clients-section .section-header h2{color:var(--c-text)}.clients-rows{display:flex;flex-direction:column;gap:14px;padding:8px 0 70px;overflow:hidden}.clients-row-wrap{overflow:hidden;position:relative}.clients-row-wrap:before,.clients-row-wrap:after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}.clients-row-wrap:before{left:0;background:linear-gradient(to right,var(--c-light-gray),transparent)}.clients-row-wrap:after{right:0;background:linear-gradient(to left,var(--c-light-gray),transparent)}.clients-row{display:flex;gap:14px;width:max-content;align-items:center}.row-left{animation:scrollLeft 35s linear infinite}.row-right{animation:scrollRight 30s linear infinite}.row-slow{animation-duration:45s}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.client-chip{display:flex;align-items:center;gap:10px;padding:10px 20px 10px 12px;background:var(--c-white);border:1.5px solid var(--c-border2);border-radius:var(--r-full);flex-shrink:0;transition:box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast);cursor:default;box-shadow:var(--shadow-sm)}.client-chip:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-3px);border-color:var(--c-lime)}.client-chip-img{width:38px;height:38px;object-fit:contain;border-radius:8px;background:var(--c-white);flex-shrink:0;padding:3px;border:1px solid var(--c-border2)}.client-chip-name{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--c-text);letter-spacing:-.01em;white-space:nowrap}.clients-row-wrap:hover .clients-row{animation-play-state:paused}.nl-cta-section{position:relative;overflow:hidden;padding:0;background:var(--c-obsidian)}.nl-cta-bg{display:none}.nl-cta-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(46,107,79,.25) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 60%,rgba(168,230,61,.08) 0%,transparent 70%);pointer-events:none}.nl-cta-section .section{padding-top:120px;padding-bottom:120px;position:relative;z-index:2;text-align:center}.nl-cta-section .eyebrow-label{background:#a8e63d26;color:var(--c-lime2);border:none}.nl-cta-section h2{color:#fff;margin-top:16px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.03em}.nl-cta-section p{color:#fff9;font-weight:400;max-width:540px;margin:0 auto 44px}.testimonials-section{background:var(--c-off-white)}.testimonials-section .section-header h2{color:var(--c-text)}.testimonials-wrap{position:relative;min-height:280px;margin-top:40px}.testimonial-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transform:translateY(14px);transition:all .6s ease;pointer-events:none}.testimonial-card.active{opacity:1;transform:translateY(0);pointer-events:all}.tcard-stars{color:var(--c-lime);font-size:1rem;letter-spacing:3px}.tcard-quote{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.4rem);font-weight:400;font-style:italic;color:var(--c-text);line-height:1.7;text-align:center;max-width:660px;letter-spacing:-.01em}.tcard-author{display:flex;align-items:center;gap:14px}.tcard-avatar{width:46px;height:46px;border-radius:50%;background:var(--c-obsidian);color:var(--c-lime);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:800}.tcard-author strong{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--c-text);letter-spacing:-.01em}.tcard-author span{font-size:var(--fs-xs);color:var(--c-text3);letter-spacing:.04em}.testimonial-dots{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);display:flex;gap:8px}.tdot{width:24px;height:3px;background:var(--c-border2);border:none;border-radius:2px;transition:all var(--t-base);cursor:pointer}.tdot.active{background:var(--c-lime);width:40px}.enquiry-cta-strip{background:var(--c-green)}.enquiry-cta-strip .section{padding-top:64px;padding-bottom:64px}.enquiry-cta-strip h3{color:#fff;letter-spacing:-.02em}.enquiry-cta-strip p{color:#ffffffb3}.enquiry-cta-strip .btn-primary{background:var(--c-lime);border-color:var(--c-lime);color:var(--c-obsidian);font-weight:700}.enquiry-cta-strip .btn-primary:hover{background:var(--c-lime2);border-color:var(--c-lime2)}.enquiry-cta-strip .btn-outline{border-color:#fff6;color:#ffffffe6}.enquiry-cta-strip .btn-outline:hover{background:#ffffff1f;color:#fff;border-color:#fff9}.landing .section-divider{margin:20px 0}.landing .section-header .section-divider{margin:20px auto}@media(max-width:1024px){.services-luxury-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){.hero-stats{display:none}.services-luxury-grid{grid-template-columns:1fr}.milestones-timeline:before{left:20px}.milestone-item,.milestone-item.right{padding-left:56px;padding-right:0;justify-content:flex-start}.milestone-dot{left:20px}.milestone-content{max-width:100%}.hero-dot-1,.hero-dot-2{display:none}}@media(max-width:600px){.hero-title{font-size:2.6rem}}.achievements-section{background:var(--c-off-white)}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.achievement-card{background:var(--c-white);border:1.5px solid var(--c-border2);border-radius:var(--r-lg);padding:36px 28px;text-align:center;position:relative;overflow:hidden;transition:all var(--t-base);opacity:0;transform:translateY(30px)}.achievements-grid.triggered .achievement-card{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s ease,box-shadow var(--t-base),border-color var(--t-base)}.achievements-grid.triggered .achievement-card:nth-child(1){transition-delay:0ms}.achievements-grid.triggered .achievement-card:nth-child(2){transition-delay:80ms}.achievements-grid.triggered .achievement-card:nth-child(3){transition-delay:.16s}.achievements-grid.triggered .achievement-card:nth-child(4){transition-delay:.24s}.achievements-grid.triggered .achievement-card:nth-child(5){transition-delay:.32s}.achievements-grid.triggered .achievement-card:nth-child(6){transition-delay:.4s}.achievement-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--c-lime);transform:scaleX(0);transform-origin:left;border-radius:0 0 2px 2px;transition:transform var(--t-base)}.achievement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)!important;border-color:#a8e63d59}.achievement-card:hover:before{transform:scaleX(1)}.ach-icon{font-size:2.6rem;margin-bottom:16px;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));transition:transform var(--t-base)}.achievement-card:hover .ach-icon{transform:scale(1.1) translateY(-2px)}.ach-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--c-green);line-height:1;letter-spacing:-.04em;margin-bottom:8px}.ach-suffix{font-size:1rem;font-weight:700;color:var(--c-green2);letter-spacing:-.02em;margin-left:2px}.ach-label{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--c-text3);text-transform:uppercase;letter-spacing:.12em;line-height:1.4}@media(max-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.achievements-grid{grid-template-columns:1fr}}.nmmc-section{background:var(--c-light-gray);position:relative;overflow:hidden}.nmmc-section:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(168,230,61,.1) 0%,transparent 70%);pointer-events:none}.nmmc-grid{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:center}.nmmc-badge-card{background:var(--c-white);border-radius:var(--r-xl);padding:40px 32px;border:1.5px solid rgba(168,230,61,.2);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;overflow:hidden}.nmmc-badge-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(168,230,61,.04) 0%,transparent 60%);pointer-events:none}.nmmc-seal{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.nmmc-seal-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--c-lime) 0deg,var(--c-green) 120deg,var(--c-lime2) 240deg,var(--c-lime) 360deg);display:flex;align-items:center;justify-content:center;animation:sealRotate 8s linear infinite;padding:4px;box-shadow:0 4px 24px #a8e63d4d}@keyframes sealRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nmmc-seal-inner{width:112px;height:112px;border-radius:50%;background:var(--c-obsidian);display:flex;align-items:center;justify-content:center;color:var(--c-lime)}.nmmc-seal-text{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--c-text);letter-spacing:.06em;line-height:1}.nmmc-seal-sub{font-family:var(--font-sans);font-size:.7rem;font-weight:700;color:var(--c-text3);letter-spacing:.18em;text-transform:uppercase}.nmmc-person{display:flex;align-items:center;gap:14px;width:100%;background:var(--c-light-gray);border-radius:var(--r-md);padding:16px 18px;border:1px solid var(--c-border2)}.nmmc-person-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-obsidian);color:var(--c-lime);font-family:var(--font-display);font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.04em}.nmmc-person-name{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--c-text);letter-spacing:-.01em;line-height:1.2}.nmmc-person-title{font-size:.68rem;font-weight:600;color:var(--c-green);letter-spacing:.04em;margin-top:3px}.nmmc-tags{display:flex;flex-direction:column;gap:8px;width:100%}.nmmc-tag{background:var(--c-primary-light);color:var(--c-green);border-radius:var(--r-full);padding:8px 16px;font-size:.72rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:8px;border:1px solid rgba(46,107,79,.15);transition:all var(--t-fast)}.nmmc-tag:hover{background:var(--c-green);color:#fff;transform:translate(4px)}.nmmc-right .eyebrow-label{margin-bottom:16px}.nmmc-right h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.025em;line-height:1.1;color:var(--c-text)}.nmmc-content{display:flex;flex-direction:column;gap:16px;margin-top:8px}.nmmc-content p{font-size:.9rem;line-height:1.85;color:var(--c-text2);font-weight:400;text-align:justify}.nmmc-content strong{color:var(--c-green);font-weight:700}@media(max-width:1024px){.nmmc-grid{grid-template-columns:1fr;gap:48px}.nmmc-badge-card{max-width:400px;margin:0 auto}}.about-hero{background:var(--c-obsidian);padding:100px 0 60px;text-align:center;position:relative;overflow:hidden}.about-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(46,107,79,.2) 0%,transparent 70%);pointer-events:none}.about-hero .section-header h1{color:#fff;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.03em}.about-hero .section-header p{color:#fff9;font-size:var(--fs-lg);max-width:500px;margin:0 auto}.about-hero .tag{display:inline-flex;align-items:center;background:#a8e63d26;color:var(--c-lime2);border:1px solid rgba(168,230,61,.3);border-radius:var(--r-full);padding:6px 18px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.mvp-card{padding:40px 32px;text-align:left;transition:all var(--t-base);border-radius:var(--r-lg)!important}.mvp-card:hover{transform:translateY(-6px)}.mvp-icon{width:52px;height:52px;border-radius:var(--r-md);background:var(--c-primary-light);color:var(--c-green);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.mvp-card h5{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--c-text);margin-bottom:12px;letter-spacing:-.01em}.bg-section{background:var(--c-light-gray)}.value-card{padding:32px 24px;text-align:left;border-radius:var(--r-lg)!important}.value-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--c-primary-light);color:var(--c-green);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.value-card h6{font-family:var(--font-display);font-weight:700;margin-bottom:8px;font-size:.95rem;letter-spacing:-.01em}.value-card p{font-size:var(--fs-sm);color:var(--c-text3);line-height:1.7}.team-card{padding:32px 24px;text-align:center;border-radius:var(--r-lg)!important}.team-avatar{font-size:2.5rem;width:64px;height:64px;border-radius:50%;background:var(--c-primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.team-card h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.team-role{font-size:var(--fs-xs);font-weight:700;color:var(--c-green);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.team-card p{font-size:var(--fs-sm);color:var(--c-text3);line-height:1.7}.about-timeline{position:relative;max-width:780px;margin:0 auto}.about-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--c-light-gray2);transform:translate(-50%);border-radius:2px}.tl-item{display:flex;align-items:flex-start;gap:16px;position:relative;margin-bottom:28px;opacity:0;transform:translateY(20px);transition:all .5s ease}.tl-item.visible{opacity:1;transform:none}.tl-item.left{flex-direction:row-reverse;text-align:right;padding-right:calc(50% + 28px)}.tl-item.right{padding-left:calc(50% + 28px)}.tl-dot{position:absolute;left:50%;top:8px;width:10px;height:10px;background:var(--c-lime);border-radius:50%;transform:translate(-50%);box-shadow:0 0 0 3px #a8e63d33}.tl-year{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--c-green);min-width:50px;letter-spacing:-.02em}.tl-content{padding:14px 20px;font-size:var(--fs-sm);color:var(--c-text2);border-radius:var(--r-md)!important;line-height:1.6}.stat-card{padding:36px 28px;text-align:center;border-radius:var(--r-lg)!important}.stat-num{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:var(--c-green);letter-spacing:-.04em;line-height:1}.stat-label{font-size:.72rem;font-weight:700;color:var(--c-text3);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.cta-simple{background:var(--c-obsidian)}.cta-simple .section{text-align:center}.cta-simple h3{color:#fff;letter-spacing:-.02em;margin-bottom:12px}.cta-simple p{color:#fff9;margin-bottom:32px}@media(max-width:768px){.about-timeline:before{left:16px}.tl-item.left,.tl-item.right{padding-left:48px;padding-right:0;flex-direction:row;text-align:left}.tl-dot{left:16px}}.services-hero{background:var(--c-obsidian);padding:100px var(--sp-xl) 60px;text-align:center;position:relative;overflow:hidden}.services-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 40%,rgba(46,107,79,.22) 0%,transparent 70%);pointer-events:none}.services-hero .section-header h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em}.services-hero .section-header p{color:#fff9;font-size:var(--fs-lg)}.services-hero .section-header .tag{display:inline-flex;align-items:center;background:#a8e63d26;color:var(--c-lime2);border:1px solid rgba(168,230,61,.3);border-radius:var(--r-full);padding:6px 18px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:36px 28px;display:flex;flex-direction:column;gap:var(--sp-md);border-radius:var(--r-lg)!important;transition:all var(--t-base);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-lime);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base);border-radius:2px 2px 0 0}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.service-card:hover:before{transform:scaleX(1)}.service-card-top{display:flex;align-items:center;justify-content:space-between}.service-emoji{font-size:2.2rem;line-height:1}.service-card h4{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.service-card:hover h4{color:var(--c-green)}.service-desc{color:var(--c-text3);font-size:var(--fs-sm);line-height:1.75}.service-features{list-style:none;display:flex;flex-direction:column;gap:var(--sp-sm);flex:1}.service-features li{display:flex;align-items:flex-start;gap:var(--sp-sm);font-size:var(--fs-sm);color:var(--c-text2)}.service-features li svg{color:var(--c-green);flex-shrink:0;margin-top:2px}.advantage-card{padding:30px 24px;text-align:center;border-radius:var(--r-lg)!important}.advantage-icon{font-size:2rem;margin-bottom:var(--sp-md)}.advantage-card h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--sp-sm);font-size:.95rem}.advantage-card p{font-size:var(--fs-sm);color:var(--c-text3)}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr}}.projects-hero{background:var(--c-obsidian);padding:100px var(--sp-xl) 60px;text-align:center;position:relative;overflow:hidden}.projects-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 30% 50%,rgba(46,107,79,.18) 0%,transparent 70%);pointer-events:none}.projects-hero .section-header h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em}.projects-hero .section-header p{color:#fff9}.projects-hero .section-header .tag{display:inline-flex;background:#a8e63d26;color:var(--c-lime2);border:1px solid rgba(168,230,61,.3);border-radius:var(--r-full);padding:6px 18px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.proj-filters{display:flex;gap:var(--sp-sm);flex-wrap:wrap;margin-bottom:var(--sp-xl)}.filter-btn{padding:9px 20px;border-radius:var(--r-full);border:1.5px solid var(--c-border2);background:var(--c-white);color:var(--c-text2);font-size:var(--fs-sm);font-weight:600;transition:all var(--t-fast)}.filter-btn:hover,.filter-btn.active{background:var(--c-obsidian);border-color:var(--c-obsidian);color:#fff}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.proj-card{cursor:pointer;overflow:hidden;border-radius:var(--r-lg)!important;transition:all var(--t-base)}.proj-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.proj-img{position:relative;height:170px;background:linear-gradient(135deg,var(--c-light-gray),var(--c-light-gray2));display:flex;align-items:center;justify-content:center;overflow:hidden}.proj-emoji{font-size:3.5rem;transition:transform var(--t-base)}.proj-card:hover .proj-emoji{transform:scale(1.12)}.proj-overlay{position:absolute;inset:0;background:#0d1e14d1;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--t-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proj-card:hover .proj-overlay{opacity:1}.proj-view-btn{display:flex;align-items:center;gap:var(--sp-sm);background:var(--c-lime);color:var(--c-obsidian);border:none;padding:10px 22px;border-radius:var(--r-full);font-weight:700;font-size:var(--fs-sm)}.proj-cat-badge{position:absolute;top:12px;left:12px;background:var(--c-lime);color:var(--c-obsidian);font-size:.65rem;font-weight:700;padding:5px 12px;border-radius:var(--r-full);letter-spacing:.05em}.proj-body{padding:20px 24px}.proj-title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:700;color:var(--c-text);letter-spacing:-.01em;margin-bottom:4px}.proj-year{font-size:var(--fs-xs);color:var(--c-text3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.proj-desc{font-size:var(--fs-sm);color:var(--c-text3);margin-bottom:var(--sp-md);line-height:1.7}.proj-meta{display:flex;gap:var(--sp-md);font-size:var(--fs-xs);color:var(--c-text3)}.proj-modal-img{height:180px;background:linear-gradient(135deg,var(--c-light-gray),var(--c-light-gray2));border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-lg);font-size:4rem}.proj-modal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md);padding:var(--sp-md);background:var(--c-light-gray);border-radius:var(--r-md)}.meta-item{font-size:var(--fs-sm);color:var(--c-text2)}@media(max-width:1024px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.proj-grid,.proj-modal-meta{grid-template-columns:1fr}}.enquiry-hero{background:var(--c-obsidian);padding:100px var(--sp-xl) 60px;text-align:center;position:relative;overflow:hidden}.enquiry-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 60% 40%,rgba(46,107,79,.22) 0%,transparent 70%);pointer-events:none}.enquiry-hero .section-header h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em}.enquiry-hero .section-header p{color:#fff9}.enquiry-hero .section-header .tag{display:inline-flex;background:#a8e63d26;color:var(--c-lime2);border:1px solid rgba(168,230,61,.3);border-radius:var(--r-full);padding:6px 18px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.enquiry-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--sp-2xl);align-items:flex-start}.enquiry-form-card{padding:48px 40px;border-radius:var(--r-xl)!important}.enquiry-form-card h4{margin-bottom:var(--sp-sm);letter-spacing:-.02em;font-family:var(--font-display)}.enquiry-form-card>p{color:var(--c-text3);margin-bottom:var(--sp-xl)}.enquiry-form{display:flex;flex-direction:column;gap:var(--sp-lg)}.success-msg{text-align:center;padding:var(--sp-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--sp-md)}.success-msg h4{color:var(--c-green);font-family:var(--font-display);letter-spacing:-.02em}.contact-info-card{padding:36px 28px;border-radius:var(--r-xl)!important}.contact-info-card h5{margin-bottom:var(--sp-lg);font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.contact-items{display:flex;flex-direction:column;gap:var(--sp-lg)}.contact-item{display:flex;align-items:flex-start;gap:var(--sp-md)}.contact-icon{width:42px;height:42px;border-radius:var(--r-md);background:var(--c-primary-light);color:var(--c-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item strong{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--c-text);margin-bottom:2px;letter-spacing:-.01em}.contact-item a,.contact-item span{font-size:var(--fs-sm);color:var(--c-text3)}.contact-item a:hover{color:var(--c-green)}.map-card{overflow:hidden;padding:0;border-radius:var(--r-lg)!important}.download-card{padding:var(--sp-lg);border-radius:var(--r-lg)!important}.download-card h6{margin-bottom:var(--sp-sm);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.download-card p{font-size:var(--fs-sm);color:var(--c-text3);margin-bottom:var(--sp-md)}.download-btns{display:flex;gap:var(--sp-sm);flex-wrap:wrap}.enquiry-info-col{display:flex;flex-direction:column;gap:var(--sp-lg)}.office-title{font-size:.75rem;font-weight:800;color:var(--c-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-sm);padding-bottom:8px;border-bottom:1px dashed var(--c-border)}.enquiry-note{padding:var(--sp-md);background:#a8e63d14;border-radius:var(--r-lg);border:1px solid rgba(168,230,61,.2);text-align:center}.enquiry-note p{font-size:var(--fs-sm);color:var(--c-text2);margin:0}.enquiry-note strong{color:var(--c-primary)}.enquiry-form-card .form-input-luxury{border-bottom-color:var(--c-border2)}.enquiry-form-card .form-input-luxury:focus{border-bottom-color:var(--c-green)}.enquiry-form-card .btn{border-radius:var(--r-full);font-weight:700}@media(max-width:1024px){.enquiry-grid{grid-template-columns:1fr}.enquiry-info-col{order:-1}}.nllogin{display:flex;min-height:100vh;background:#fff}.nllogin-left{flex:1;background:linear-gradient(160deg,#0d2818,#1b4332 40%,#2d6a4f);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.nllogin-left-content{position:relative;z-index:2;max-width:480px}.nllogin-logo-link{display:inline-block;margin-bottom:40px}.nllogin-logo-img{height:44px;width:auto;filter:brightness(0) invert(1);opacity:.9}.nllogin-hero-title{font-family:Inter,system-ui,sans-serif;font-size:2.8rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:20px;letter-spacing:-.03em}.nllogin-hero-title span{background:linear-gradient(135deg,#a8e63d,#6fcf97);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nllogin-hero-sub{font-size:1rem;color:#fff9;line-height:1.7;margin-bottom:40px;max-width:380px}.nllogin-features{display:flex;flex-direction:column;gap:16px}.nllogin-feature{display:flex;align-items:center;gap:14px;color:#ffffffbf;font-size:.88rem;font-weight:500}.nllogin-feature-icon{width:40px;height:40px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#a8e63d;flex-shrink:0}.nllogin-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.08}.shape-1{width:400px;height:400px;background:#a8e63d;top:-100px;right:-100px;animation:floatShape 12s ease-in-out infinite}.shape-2{width:250px;height:250px;background:#6fcf97;bottom:-60px;left:-60px;animation:floatShape 15s ease-in-out infinite reverse}.shape-3{width:180px;height:180px;background:#fff;top:50%;left:60%;animation:floatShape 10s ease-in-out infinite}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.nllogin-right{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 40px;background:#fff}.nllogin-form-container{width:100%;max-width:420px}.nllogin-form-header{margin-bottom:36px}.nllogin-form-header h2{font-size:1.8rem;font-weight:800;color:#1a1f36;margin-bottom:8px;letter-spacing:-.02em}.nllogin-form-header p{color:#8f96b3;font-size:.92rem}.nllogin-err{display:flex;align-items:center;gap:10px;background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:.82rem;font-weight:500;margin-bottom:20px;border:1px solid #FECACA}.nllogin-form{display:flex;flex-direction:column;gap:20px}.nl-form-group{display:flex;flex-direction:column;gap:7px}.nl-form-group label{font-size:.78rem;font-weight:600;color:#3a4468;letter-spacing:.02em}.nl-form-group input{padding:12px 16px;border-radius:10px;border:1.5px solid #E2E7F2;background:#f9fafc;color:#1a1f36;font-size:.88rem;font-family:Inter,system-ui,sans-serif;transition:all .2s ease;width:100%}.nl-form-group input:focus{outline:none;border-color:#1ac47d;box-shadow:0 0 0 3px #1ac47d1f;background:#fff}.nl-form-group input::placeholder{color:#a9b2d4}.pw-wrapper{position:relative}.pw-wrapper input{padding-right:44px}.pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8f96b3;display:flex;padding:4px;cursor:pointer;transition:color .2s}.pw-eye:hover{color:#1ac47d}.nllogin-options{display:flex;align-items:center;justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#3a4468;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#1AC47D;cursor:pointer}.forgot-btn{background:none;border:none;color:#1ac47d;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .2s}.forgot-btn:hover{color:#14a868}.nllogin-submit{width:100%;padding:13px 24px;border-radius:10px;border:none;background:#1a1f36;color:#fff;font-size:.88rem;font-weight:600;font-family:Inter,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:4px}.nllogin-submit:hover:not(:disabled){background:#1ac47d;transform:translateY(-1px);box-shadow:0 6px 20px #1ac47d4d}.nllogin-submit:disabled{opacity:.7;cursor:not-allowed}.nllogin-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.nllogin-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.nllogin-divider:before,.nllogin-divider:after{content:"";flex:1;height:1px;background:#e2e7f2}.nllogin-divider span{color:#8f96b3;font-size:.78rem;font-weight:500}.nllogin-client-link{display:block;text-align:center;padding:12px;background:#f4f6fb;border-radius:10px;font-size:.82rem;color:#3a4468;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.nllogin-client-link:hover{background:#edf0f7;border-color:#e2e7f2}.nllogin-client-link strong{color:#1ac47d}.nllogin-hint{margin-top:28px;padding:16px;background:#f9fafc;border-radius:10px;border:1px solid #E2E7F2}.nllogin-hint>p{font-size:.72rem;font-weight:700;color:#3a4468;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.nllogin-creds{display:flex;flex-direction:column;gap:6px}.nllogin-creds div{font-size:.72rem;color:#8f96b3;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nllogin-creds code{font-family:JetBrains Mono,monospace;font-size:.68rem;background:#edf0f7;padding:2px 6px;border-radius:4px;color:#3a4468}.cred-role{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.cred-role.sa{background:#7c3aed18;color:#7c3aed}.cred-role.admin{background:#1ac47d18;color:#1ac47d}.cred-role.surveyor{background:#f59e0b18;color:#f59e0b}.nllogin-back{margin-top:20px;text-align:center;font-size:.82rem}.nllogin-back a{color:#8f96b3;text-decoration:none;transition:color .2s}.nllogin-back a:hover{color:#1ac47d}@media(max-width:960px){.nllogin{flex-direction:column}.nllogin-left{padding:40px 24px;min-height:auto}.nllogin-hero-title{font-size:2rem}.nllogin-features{display:none}.nllogin-right{padding:40px 24px}}@media(max-width:480px){.nllogin-left{padding:32px 20px}.nllogin-hero-title{font-size:1.6rem}.nllogin-hero-sub{font-size:.85rem}.nllogin-right{padding:32px 20px}.nllogin-form-header h2{font-size:1.4rem}.nl-form-group input{min-height:48px;font-size:16px}.nllogin-submit{min-height:52px;font-size:16px}.checkbox-label,.forgot-btn{font-size:.78rem}}.app-layout{display:flex;height:100vh;background:var(--c-bg);overflow:hidden}.app-sidebar{width:var(--sidebar-w, 260px);background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;transition:width .28s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden;flex-shrink:0}.app-sidebar.collapsed{width:var(--sidebar-collapsed-w, 72px)}.sidebar-header{height:62px;min-height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-border);flex-shrink:0;gap:8px}.sidebar-brand{display:flex;align-items:center;gap:12px;overflow:hidden;white-space:nowrap;flex:1;min-width:0}.sidebar-logo{width:34px;height:34px;min-width:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--gradient-primary, var(--c-primary));box-shadow:0 4px 12px #1ac47d59}.sidebar-brand-text{display:flex;flex-direction:column;transition:opacity .2s ease;overflow:hidden}.collapsed .sidebar-brand-text{opacity:0;width:0}.sb-main{font-weight:700;font-size:15px;color:var(--c-text);line-height:1.2}.sb-sub{font-size:10px;color:var(--c-text3);text-transform:uppercase;letter-spacing:.5px}.sidebar-collapse-btn{width:28px;height:28px;min-width:28px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-primary)}.collapsed .sidebar-collapse-btn{transform:rotate(180deg)}.sidebar-close-btn{flex-shrink:0}.sidebar-user-card{padding:16px;border-bottom:1px solid var(--c-border);align-items:center;gap:14px;background:var(--c-bg2);flex-shrink:0}.sidebar-user-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;letter-spacing:-.02em}.sidebar-user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-user-name{font-size:.95rem;font-weight:700;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-user-role{font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:var(--r-full);display:inline-block;width:fit-content;text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:44px;width:100%;border:none;background:transparent;color:var(--c-text3);font-size:.82rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap;overflow:hidden;position:relative}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-link span{transition:opacity .2s ease;overflow:hidden;text-overflow:ellipsis}.collapsed .sidebar-link span,.collapsed .sidebar-badge{opacity:0;width:0;overflow:hidden;position:absolute}.sidebar-link:hover{background:var(--c-hover, var(--c-primary-light));color:var(--c-text)}.sidebar-link.active{background:var(--c-primary-light);color:var(--c-primary);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--c-primary);border-radius:0 3px 3px 0}.sidebar-link.active svg{color:var(--c-primary)}.sidebar-badge{margin-left:auto;background:var(--c-danger);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:20px;text-align:center;flex-shrink:0}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text3);font-weight:700;margin:20px 0 6px 12px;white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.collapsed .sidebar-section-label{opacity:0;height:0;margin:0}.sidebar-bottom{padding:10px;border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sidebar-divider{height:1px;background:var(--c-border);margin:4px 0}.sidebar-link.danger{color:#ef4444}.sidebar-link.danger:hover{background:#f0483e14;color:#ef4444}.sidebar-link.ud-start-btn{border-radius:10px;justify-content:center;font-weight:600;gap:8px;transition:all .2s ease;min-height:46px}.sidebar-link.ud-start-btn:hover{opacity:.9;transform:translateY(-1px)}.collapsed .sidebar-link.ud-start-btn span{opacity:0;width:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0d1e1480;z-index:150;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.app-topbar{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;gap:12px;position:relative;z-index:50}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.topbar-menu-btn{min-width:44px!important;min-height:44px!important;flex-shrink:0}.topbar-title{font-size:1rem;font-weight:700;color:var(--c-text);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);line-height:1.2}.topbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.topbar-icon-btn{min-width:44px!important;min-height:44px!important}.topbar-search-wrap{position:relative}.topbar-search-input{padding-left:36px!important;border-radius:var(--r-sm)!important;font-size:.82rem!important;width:220px;background:var(--c-bg2)!important;border-color:transparent!important;height:38px;min-height:unset!important}.topbar-search-input:focus{border-color:var(--c-primary)!important;background:var(--c-surface)!important;box-shadow:0 0 0 3px var(--c-primary-light)!important}.topbar-user{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:100px;background:var(--c-bg2);cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-height:44px}.topbar-user:hover{background:var(--c-bg3);border-color:var(--c-border)}.user-avatar{width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;letter-spacing:-.02em}.user-name{font-size:.82rem;font-weight:600;color:var(--c-text);line-height:1.2;white-space:nowrap}.user-role-pill{font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--r-full);display:inline-block;width:fit-content;line-height:1.5;text-transform:uppercase;letter-spacing:.06em}.search-overlay{position:fixed;inset:0;background:var(--c-surface);z-index:300;display:flex;flex-direction:column;animation:fadeInUp .18s ease both}.search-overlay-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--c-border);background:var(--c-surface);min-height:62px;flex-shrink:0}.search-overlay-back{flex-shrink:0;min-width:44px!important;min-height:44px!important}.search-overlay-input{height:46px!important;min-height:46px!important;padding-left:42px!important;font-size:1rem!important;border-radius:var(--r-sm)!important;background:var(--c-bg2)!important;border-color:var(--c-primary)!important;box-shadow:0 0 0 3px var(--c-primary-light)!important;width:100%}.search-overlay-results{flex:1;overflow-y:auto;padding:8px 0}.search-result-item{display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-bottom:1px solid var(--c-border);cursor:pointer;transition:background .12s ease;min-height:56px;justify-content:center}.search-result-item:hover,.search-result-item:active{background:var(--c-bg2)}.sr-name{font-size:.9rem;font-weight:600;color:var(--c-text)}.sr-sub{font-size:.75rem;color:var(--c-text3)}.sr-empty,.sr-hint{padding:32px 20px;text-align:center;font-size:.85rem;color:var(--c-text3);font-style:italic}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;border-radius:var(--r-sm)!important;border:1px solid var(--c-border)!important;box-shadow:0 12px 40px #0000001a!important;z-index:1000;padding:0!important;max-height:280px;overflow-y:auto}.notif-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-surface);padding:0 2px}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:0 16px 48px #0000001f;z-index:1000;padding:0;overflow:hidden}.notif-header{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;justify-content:space-between;align-items:center}.notif-header h6{margin:0;font-size:.92rem;font-weight:700}.text-btn{background:none;border:none;color:var(--c-primary);font-size:12px;font-weight:600;cursor:pointer;min-height:32px;padding:4px 8px}.text-btn:hover{text-decoration:underline}.notif-list{max-height:400px;overflow-y:auto}.notif-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid var(--c-border);cursor:pointer;transition:background .12s ease;position:relative;min-height:56px;align-items:center}.notif-item:hover{background:var(--c-bg2)}.notif-item.unread{background:var(--c-primary-light)}.notif-icon-wrap div{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:var(--c-text);margin-bottom:3px;line-height:1.3}.notif-text{font-size:12px;color:var(--c-text3);line-height:1.4;margin-bottom:4px}.notif-time{font-size:10px;color:var(--c-text3)}.notif-unread-dot{width:8px;height:8px;background:var(--c-primary);border-radius:50%;flex-shrink:0}.notif-empty{padding:40px 20px;text-align:center;color:var(--c-text3);font-size:.82rem}.app-main-view{flex:1;overflow-y:auto;padding:28px 32px;overscroll-behavior:contain}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media(max-width:1024px){.app-sidebar:not(.open){width:var(--sidebar-collapsed-w, 72px)}.app-sidebar:not(.open) .sidebar-brand-text,.app-sidebar:not(.open) .sidebar-link span,.app-sidebar:not(.open) .sidebar-badge,.app-sidebar:not(.open) .sidebar-section-label,.app-sidebar:not(.open) .sidebar-collapse-btn{opacity:0;width:0;overflow:hidden}.app-topbar{padding:0 20px}.app-main-view{padding:20px}.topbar-search-input{width:180px}}@media(max-width:767px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.sidebar-overlay{display:block}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w, 280px)!important;transform:translate(-100%);box-shadow:none;z-index:200;transition:transform .28s cubic-bezier(.4,0,.2,1)}.app-sidebar.open{transform:translate(0);box-shadow:20px 0 60px #0000002e}.app-sidebar .sidebar-brand-text,.app-sidebar .sidebar-link span,.app-sidebar .sidebar-badge,.app-sidebar .sidebar-section-label{opacity:1!important;width:auto!important;overflow:visible!important;position:static!important}.sidebar-collapse-btn{display:none!important}.app-topbar{padding:0 12px;height:56px;gap:6px}.topbar-left{flex:1;min-width:0}.topbar-title{font-size:.95rem}.topbar-right{gap:2px}.topbar-user{background:transparent;border-color:transparent;padding:5px;gap:0;min-height:44px;min-width:44px}.topbar-user:hover{background:var(--c-bg2)}.topbar-user-info{display:none!important}.notif-panel{position:fixed;top:56px;right:8px;left:8px;width:auto;max-height:calc(100vh - 72px);overflow-y:auto}.app-main-view{padding:14px}}@media(max-width:400px){.app-topbar{padding:0 8px}.user-avatar{width:30px;height:30px;font-size:12px}.notif-panel{right:4px;left:4px}}.survey-modal{width:90vw;max-width:1300px}.survey-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-sm)}.survey-modal-sub{color:var(--c-text3);margin-bottom:var(--sp-md);font-size:var(--fs-sm)}.survey-type-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-md);overflow:hidden}.survey-type-card{padding:var(--sp-md);border:2px solid var(--c-border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-sm);cursor:pointer;transition:all var(--t-base)}.survey-type-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stc-icon{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.stc-icon svg{width:24px!important;height:24px!important}.stc-icon.inventory{background:var(--c-bg3);color:var(--c-primary)}.stc-icon.assessment{background:#dbeafe;color:#1e40af}[data-theme=dark] .stc-icon.assessment{background:#1e3a5f;color:#93c5fd}.survey-type-card h5{font-size:var(--fs-sm);font-weight:700}.survey-type-card p{font-size:var(--fs-xs);color:var(--c-text3);flex:1;line-height:1.4;margin-bottom:0}.stc-features{display:flex;flex-direction:column;gap:4px;margin-top:auto;margin-bottom:8px}.stc-features span{font-size:11px;color:var(--c-text3)}.survey-type-card .btn{padding:8px 0;font-size:12px}@media(max-width:1024px){.survey-type-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.survey-modal{width:95vw;max-width:95vw;max-height:85vh;overflow-y:auto;padding:var(--sp-lg)}.survey-type-cards{grid-template-columns:repeat(2,1fr)}.survey-type-card{padding:var(--sp-lg)}.stc-icon{width:52px;height:52px}.survey-type-card .btn{min-height:44px;padding:10px 0}}@media(max-width:480px){.survey-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 32px);border-radius:var(--r-lg)}.survey-type-cards{grid-template-columns:1fr;gap:var(--sp-sm)}.survey-type-card{flex-direction:row;align-items:center;padding:var(--sp-md);gap:var(--sp-md)}.survey-type-card p,.stc-features,.survey-type-card .btn{display:none}.stc-icon{width:48px;height:48px;flex-shrink:0}.survey-type-card h5{margin:0}.survey-modal-header h4{font-size:var(--fs-lg)}}.topbar-user-info{display:flex;flex-direction:column;gap:2px}.user-role-pill{font-size:.6rem;font-weight:700;padding:1px 7px;border-radius:20px;letter-spacing:.04em;line-height:1.6}.sidebar-section-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text3);padding:12px 12px 4px;margin-top:4px}.pm-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.pm-table th{text-align:left;padding:var(--sp-md);border-bottom:2px solid var(--c-border);color:var(--c-text3);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.pm-table td{padding:var(--sp-md);border-bottom:1px solid var(--c-border);vertical-align:middle}.pm-table tr:last-child td{border-bottom:none}.pm-table tr:hover{background:var(--c-bg2)}.pill-blue{background:#3b82f620;color:#2563eb;font-weight:700}.pill-red{background:#ef444420;color:#c0392b;font-weight:700}.pm-board-container{display:flex;flex-direction:column;height:calc(100vh - 110px);gap:0}.pb-toolbar{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) 0 var(--sp-md);flex-shrink:0;flex-wrap:wrap}.pb-search-wrap{position:relative;flex:1;min-width:0}.pb-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--c-text3);pointer-events:none}.pb-search-input{padding-left:40px!important;padding-right:40px!important;height:48px;font-size:var(--fs-base)!important;font-weight:500;border-radius:var(--r-sm);background:var(--c-surface);border:1.5px solid var(--c-border2);width:100%}.pb-search-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.pb-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--c-bg3);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--c-text3);cursor:pointer;transition:background var(--t-fast)}.pb-search-clear:hover{background:var(--c-border2);color:var(--c-text)}.pb-actions{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.pb-action-btn{height:48px;min-width:48px;white-space:nowrap;border-radius:var(--r-sm);font-size:.82rem!important}.pb-col-nav{display:none;align-items:center;gap:6px;margin-bottom:var(--sp-sm);flex-shrink:0}.pb-col-nav-arrow{width:36px;height:36px;min-width:36px;border-radius:var(--r-sm);border:1.5px solid var(--c-border2);background:var(--c-surface);color:var(--c-text2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.pb-col-nav-arrow:disabled{opacity:.3;cursor:default}.pb-col-nav-arrow:not(:disabled):hover{background:var(--c-primary-light);border-color:var(--c-primary);color:var(--c-primary)}.pb-col-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.pb-col-pills::-webkit-scrollbar{display:none}.pb-col-pill{display:flex;align-items:center;gap:6px;padding:7px 12px;min-height:36px;border-radius:var(--r-full);border:1.5px solid var(--c-border2);background:var(--c-surface);color:var(--c-text3);font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all var(--t-fast);flex-shrink:0}.pb-col-pill.active{background:var(--col-color, var(--c-primary));border-color:var(--col-color, var(--c-primary));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--col-color) 35%,transparent)}.pb-pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.pb-pill-count{background:#ffffff40;border-radius:var(--r-full);padding:1px 6px;font-size:.68rem;font-weight:700}.pb-col-pill:not(.active) .pb-pill-count{background:var(--c-bg3);color:var(--c-text2)}.kanban-board{display:flex;gap:14px;overflow-x:auto;flex:1;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.kanban-col{background:var(--c-surface);border-radius:var(--r-md);min-width:272px;max-width:272px;display:flex;flex-direction:column;border:1px solid var(--c-border2);overflow:hidden;flex-shrink:0;scroll-snap-align:start;transition:box-shadow var(--t-fast)}.kanban-col-header{padding:13px 16px 12px;border-top:3px solid transparent;border-bottom:1px solid var(--c-border2);background:var(--c-bg);flex-shrink:0}.kanban-col-title{margin:0;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--c-text);letter-spacing:-.01em}.kanban-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.kanban-count{background:var(--c-bg2);border:1px solid var(--c-border2);font-size:.72rem;padding:2px 7px;border-radius:var(--r-full);margin-left:auto;font-weight:700;color:var(--c-text2)}.kanban-cards-wrapper{padding:12px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.kanban-empty{border:2px dashed var(--c-border2);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--c-text3);font-size:.8rem;padding:32px 0;font-style:italic;letter-spacing:.01em}.kanban-card{padding:14px;margin:0;cursor:grab;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);transition:transform var(--t-fast),box-shadow var(--t-fast);-webkit-user-select:none;user-select:none;min-height:44px;border:1px solid var(--c-border2);outline-offset:2px}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.45;transform:scale(.97) rotate(1deg);box-shadow:var(--shadow-md)}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-card:focus-visible{outline:2px solid var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-light)}.kb-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.kb-category{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary);background:var(--c-primary-light);padding:3px 8px;border-radius:var(--r-xs);line-height:1.4}.kb-more-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:4px!important;margin:-4px -4px -4px 0}.kb-title{font-size:.88rem;font-weight:700;margin:0 0 8px;line-height:1.35;color:var(--c-text);letter-spacing:-.01em}.kb-meta{font-size:.78rem;color:var(--c-text2);display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.kb-meta-item{display:flex;align-items:center;gap:4px;font-weight:500}.kb-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--c-text3);border-top:1px solid var(--c-border2);padding-top:10px;gap:6px}.kb-date,.kb-manager{display:flex;align-items:center;gap:4px;font-weight:500}.kb-manager{background:var(--c-bg2);padding:3px 8px;border-radius:var(--r-full);color:var(--c-text2);font-weight:600}@media(min-width:640px){.pb-toolbar{flex-wrap:nowrap}.pb-search-wrap{max-width:340px}}@media(min-width:1024px){.pb-col-nav{display:none!important}.kanban-col{min-width:260px;max-width:260px}}@media(max-width:767px){.pb-col-nav{display:flex}.pm-board-container{height:auto;min-height:calc(100vh - 180px)}.kanban-col{min-width:92vw;max-width:92vw;opacity:.45;transform:scale(.97);transition:opacity var(--t-base),transform var(--t-base)}.kanban-col.mob-active{opacity:1;transform:scale(1)}.kanban-card{padding:16px}.kb-title{font-size:.95rem}.kb-meta{font-size:.82rem}.kb-footer{font-size:.8rem;padding-top:12px}.kanban-col-header{padding:14px 16px}.pb-search-wrap{flex:1 1 100%;order:-1}.pb-toolbar{flex-wrap:wrap}.pm-table{font-size:.78rem}.pm-table th,.pm-table td{padding:var(--sp-sm) var(--sp-md)}}@media(max-width:400px){.kanban-col{min-width:96vw;max-width:96vw}.pb-action-btn{font-size:0!important;padding:0 14px!important}.pb-action-btn svg{flex-shrink:0}}.export-modal{width:650px;max-width:95vw;padding:0}.export-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--c-border)}.export-header h4{margin:0;font-size:1.25rem;color:var(--c-text1)}.export-form{padding:24px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.export-error{display:flex;align-items:flex-start;gap:10px;background:#ef44441a;color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem;border:1px solid rgba(239,68,68,.2)}.export-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid var(--c-border)}.req-asterisk{color:#ef4444}@media(max-width:600px){.export-grid{grid-template-columns:1fr}}.ud-role-tag{display:block;font-size:.6rem;font-weight:700;color:#f59e0b;letter-spacing:.04em}.ud-body{padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-lg)}.ud-welcome{background:linear-gradient(135deg,#1ac47d,#14a868 60%,#0d8b54);border-radius:var(--r-xl);padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);flex-wrap:wrap;color:#fff;position:relative;overflow:hidden}.ud-welcome:after{content:"🌳";position:absolute;right:-10px;bottom:-20px;font-size:120px;opacity:.08;pointer-events:none}.ud-greeting{font-size:.85rem;opacity:.85;margin:0 0 6px;font-weight:500}.ud-welcome-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 6px;font-family:var(--font-sans)}.ud-welcome-sub{color:#fffc;margin:0;font-size:var(--fs-sm)}.ud-welcome-actions{display:flex;gap:var(--sp-md);flex-wrap:wrap;flex-shrink:0}.ud-report-btn{background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;text-transform:none;letter-spacing:.01em;padding:10px 20px}.ud-report-btn:hover{background:#ffffff40}.ud-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}.ud-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px}.ud-stat-icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ud-stat-value{font-size:1.5rem;font-weight:800;color:var(--c-text);letter-spacing:-.02em;font-family:var(--font-sans);line-height:1}.ud-stat-label{font-size:.7rem;color:var(--c-text3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.ud-main-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-lg);align-items:flex-start}.ud-projects-card{padding:var(--sp-lg)}.ud-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.ud-card-header h6{font-size:.92rem;font-weight:700;color:var(--c-text);margin:0}.ud-card-header-plain{font-size:.92rem;font-weight:700;color:var(--c-text);margin:0 0 var(--sp-md)!important}.ud-count-badge{background:var(--c-primary-light);color:var(--c-primary);font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:var(--r-full)}.ud-proj-list{display:flex;flex-direction:column;gap:2px}.ud-proj-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;transition:background .15s ease}.ud-proj-row:hover{background:var(--c-bg)}.ud-proj-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ud-proj-info{flex:1}.ud-proj-name{display:block;font-size:.85rem;font-weight:600;color:var(--c-text);margin-bottom:3px}.ud-proj-meta{display:flex;gap:10px;font-size:.68rem;color:var(--c-text3)}.ud-proj-meta span{display:flex;align-items:center;gap:3px}.ud-proj-status{font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:var(--r-full);flex-shrink:0}.ud-proj-status.done{background:#1ac47d1f;color:var(--c-primary)}.ud-proj-status.progress{background:#f59e0b1f;color:#f59e0b}.ud-right-col{display:flex;flex-direction:column;gap:var(--sp-lg)}.ud-quick-card{padding:var(--sp-lg)}.ud-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.ud-quick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;transition:all .15s ease;font-size:.75rem;font-weight:600;color:var(--c-text2);font-family:var(--font-sans)}.ud-quick-btn:hover{border-color:var(--q-color, var(--c-primary));color:var(--q-color, var(--c-primary));background:color-mix(in srgb,var(--q-color, #1AC47D) 6%,transparent)}.ud-quick-icon{font-size:22px}.ud-activity-card{padding:var(--sp-lg)}.ud-activity-list{display:flex;flex-direction:column;gap:12px}.ud-activity-row{display:flex;align-items:flex-start;gap:10px}.ud-activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.ud-activity-text{display:block;font-size:var(--fs-sm);color:var(--c-text2);line-height:1.4}.ud-activity-time{display:block;font-size:var(--fs-xs);color:var(--c-text3);margin-top:2px}.ud-start-btn{color:var(--c-primary)!important;background:var(--c-primary-light)!important;font-weight:600!important}.ud-activity-card{padding:0;overflow:hidden}.ud-activity-list{display:flex;flex-direction:column}.ud-mileage-row{padding:13px var(--sp-lg);border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:4px;transition:background var(--t-fast);min-height:56px;justify-content:center}.ud-mileage-row:last-child{border-bottom:none}.ud-mileage-row:hover{background:var(--c-bg)}.ud-mileage-route{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--c-text);flex-wrap:wrap}.ud-mileage-meta{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--c-text3);flex-wrap:wrap}.ud-mileage-meta strong{color:var(--c-text);font-size:.8rem}.ud-ml-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.text-link{background:none;border:none;color:var(--c-primary);font-weight:600;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.text-link:hover{opacity:.75}@media(max-width:1100px){.ud-stats{grid-template-columns:repeat(2,1fr)}.ud-main-grid{grid-template-columns:1fr}.ud-right-col{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:640px){.ud-stats{grid-template-columns:1fr 1fr}.ud-right-col{grid-template-columns:1fr}.ud-welcome{padding:24px 20px;flex-direction:column;align-items:flex-start}.ud-welcome-title{font-size:1.1rem}.ud-welcome-actions{flex-direction:column;width:100%}.ud-welcome-actions .btn,.ud-report-btn{width:100%;justify-content:center;min-height:48px}}@media(max-width:480px){.ud-stats{grid-template-columns:1fr}.ud-body{padding:var(--sp-md)}.ud-welcome{padding:20px 16px}.ud-welcome-title{font-size:1rem}.ud-quick-grid{grid-template-columns:1fr}.ud-quick-btn{flex-direction:row;padding:14px 16px;min-height:48px}.ud-stat-card{padding:14px 16px}.ud-stat-value{font-size:1.3rem}.ud-proj-row{padding:12px}.ud-projects-card,.ud-quick-card,.ud-activity-card{padding:var(--sp-md)}}.dashboard-body{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:flex-start}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:20px}.dash-welcome{background:linear-gradient(135deg,#0d2818,#1b4332 60%,#2d6a4f);border-radius:16px;padding:28px 32px;color:#fff;position:relative;overflow:hidden}.dash-welcome-content{position:relative;z-index:2}.dash-welcome h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:6px}.dash-welcome p{font-size:.85rem;color:#fff9;margin:0}.dash-welcome-shapes{position:absolute;inset:0;pointer-events:none}.dash-welcome-shapes .shape{position:absolute;border-radius:50%;opacity:.08;background:#a8e63d}.dash-welcome-shapes .shape:nth-child(1){width:200px;height:200px;top:-60px;right:-40px}.dash-welcome-shapes .shape:nth-child(2){width:120px;height:120px;bottom:-40px;right:100px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-pill{padding:20px;text-align:left;border-left:3px solid transparent;display:flex;align-items:center;gap:16px}.stat-pill-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-pill-content{flex:1}.stat-label{font-size:.68rem;color:var(--c-text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-weight:600}.stat-value{font-size:1.5rem;font-weight:800;font-family:var(--font-sans);color:var(--c-text);letter-spacing:-.02em}.stat-trend{font-size:.72rem;font-weight:600;margin-top:2px;display:flex;align-items:center;gap:3px}.stat-trend.up{color:#22c55e}.stat-trend.down{color:var(--c-danger)}.chart-card{padding:24px}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.chart-header h6{margin:0;font-size:.95rem;font-weight:700;color:var(--c-text)}.chart-header p{font-size:.72rem;color:var(--c-text3);margin:3px 0 0}.chart-legend-row{display:flex;gap:16px;flex-wrap:wrap}.legend-dot{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--c-text3);font-weight:500}.legend-dot span{width:8px;height:8px;border-radius:3px;display:block}.chart-tooltip{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:12px 16px;font-size:.75rem;box-shadow:var(--shadow-md)}.calendar-card{padding:24px}.calendar-grid{display:flex;gap:12px;margin-top:12px;overflow-x:auto}.cal-projects{display:flex;flex-direction:column;gap:6px;min-width:120px;padding-top:28px}.cal-project-label{height:24px;display:flex;align-items:center;font-size:.72rem;color:var(--c-text2);font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px;transition:color .15s}.cal-project-label:hover{color:var(--c-primary)}.cal-tracks{flex:1;min-width:0}.cal-dates{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:6px}.cal-date{height:22px;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--c-text3);font-weight:600}.cal-row{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:4px}.cal-cell{height:24px;border-radius:5px;background:var(--c-bg2);display:flex;align-items:center;justify-content:center;transition:transform .15s}.cal-cell.active{cursor:pointer}.cal-cell.active:hover{transform:scale(1.08)}.project-panel{padding:24px}.project-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;flex-wrap:wrap}.proj-detail-meta{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:var(--c-text3);margin-bottom:16px}.age-section{margin-top:16px}.age-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.age-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.age-label{font-size:.72rem;color:var(--c-text3);flex-shrink:0;width:60px}.age-bar-wrap{flex:1;height:6px;background:var(--c-bg2);border-radius:100px;overflow:hidden}.age-bar{height:100%;border-radius:100px;transition:width .8s ease}.age-pct{font-size:.72rem;color:var(--c-text3);width:30px;text-align:right}.surveyor-panel{padding:24px}.surveyor-card{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--c-border)}.surveyor-card:last-child{border-bottom:none}.surveyor-avatar{width:36px;height:36px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;flex-shrink:0;box-shadow:0 2px 8px #1ac47d4d}.surveyor-info{flex:1}.surveyor-info strong{display:block;font-size:.82rem;color:var(--c-text);margin-bottom:3px}.surveyor-stats{display:flex;gap:8px;flex-wrap:wrap}.surveyor-stats span{font-size:.72rem;font-weight:600}.recent-projects-panel{padding:24px}.recent-proj-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--c-border);cursor:pointer;border-radius:8px;transition:all .15s}.recent-proj-item:hover{background:var(--c-hover, var(--c-bg2))}.recent-proj-item:last-child{border-bottom:none}.rp-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rp-info{flex:1}.rp-info strong{display:block;font-size:.82rem;color:var(--c-text)}.rp-info span{font-size:.72rem;color:var(--c-text3)}.rp-edit{color:var(--c-text3)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface);cursor:pointer;transition:all .2s;text-align:center}.quick-action-btn:hover{border-color:var(--c-primary);background:var(--c-primary-light);transform:translateY(-2px)}.quick-action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-action-btn span{font-size:.78rem;font-weight:600;color:var(--c-text2)}@media(max-width:1200px){.dashboard-body{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-right{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.dash-welcome{padding:22px 20px}.dash-welcome h3{font-size:1.1rem}.chart-card{height:auto;min-height:300px}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.dash-welcome{padding:20px 16px}.dash-welcome h3{font-size:1rem}.stat-pill{padding:16px;gap:12px}.stat-value{font-size:1.3rem}.chart-card{padding:16px}.chart-header{flex-direction:column;align-items:flex-start}.calendar-card,.project-panel,.surveyor-panel,.recent-projects-panel{padding:16px}}.um-page{padding:28px;display:flex;flex-direction:column;gap:24px;max-width:1200px}.um-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.um-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px #00000008}.um-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.um-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.um-stat-content{display:flex;flex-direction:column}.um-stat-label{font-size:12px;font-weight:600;color:var(--c-text3);text-transform:uppercase;letter-spacing:.04em}.um-stat-value{font-size:26px;font-weight:800;color:var(--c-text);line-height:1.2;letter-spacing:-.5px}.um-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.um-title{font-size:1.25rem;font-weight:700;color:var(--c-text);margin:0 0 4px}.um-subtitle{font-size:13px;color:var(--c-text3);margin:0}.um-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;background:#0d0c22;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0d0c221f;font-family:inherit}.um-add-btn:hover{background:#1a1932;transform:translateY(-1px);box-shadow:0 4px 16px #0d0c222e}.um-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.um-search-wrap{position:relative;flex:1;min-width:240px}.um-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text3);pointer-events:none}.um-search{width:100%;height:42px;padding:0 38px 0 40px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);font-size:14px;color:var(--c-text);font-family:inherit;transition:all .2s ease}.um-search:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.um-search::placeholder{color:var(--c-text3)}.um-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--c-text3);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.um-search-clear:hover{color:var(--c-text);background:var(--c-bg2)}.um-role-tabs{display:flex;gap:4px;background:var(--c-bg2);padding:4px;border-radius:10px;flex-wrap:wrap}.um-tab{padding:7px 14px;border:none;border-radius:8px;background:transparent;color:var(--c-text3);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;font-family:inherit}.um-tab:hover{color:var(--c-text)}.um-tab.active{background:var(--c-surface);color:var(--c-text);font-weight:600;box-shadow:0 1px 4px #00000014}.um-tab-count{background:var(--c-bg2);font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;color:var(--c-text3)}.um-tab.active .um-tab-count{background:#7c3aed14;color:#7c3aed}.um-table-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.um-table{width:100%;border-collapse:collapse}.um-table thead th{padding:14px 24px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text3);border-bottom:1px solid var(--c-border);background:var(--c-bg)}.um-row{border-bottom:1px solid var(--c-border);transition:background .15s ease}.um-row:last-child{border-bottom:none}.um-row:hover{background:#7c3aed05}.um-row td{padding:16px 24px;vertical-align:middle}.um-user-cell{display:flex;align-items:center;gap:14px}.um-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.um-name{font-weight:600;color:var(--c-text);font-size:14px;line-height:1.3}.um-email{font-size:12px;color:var(--c-text3);margin-top:2px}.um-role-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid}.um-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.um-status-dot{width:8px;height:8px;border-radius:50%}.um-status.active{color:#10b981}.um-status.active .um-status-dot{background:#10b981;box-shadow:0 0 0 3px #10b98126}.um-status.inactive{color:#ef4444}.um-status.inactive .um-status-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.um-date{color:var(--c-text3);font-size:13px}.um-actions{display:flex;gap:4px;justify-content:flex-end}.um-action-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-text3);transition:all .15s ease}.um-action-btn:not(:disabled):hover{background:var(--c-bg2);color:var(--c-text);border-color:var(--c-text3)}.um-del-btn:not(:disabled):hover{background:#fee2e2!important;color:#ef4444!important;border-color:#fca5a5!important}.um-action-btn:disabled{opacity:.25;cursor:not-allowed}.um-empty{text-align:center;padding:60px 20px;color:var(--c-text3);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.um-overlay{position:fixed;inset:0;background:#0d0c2273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .2s ease}.um-modal{width:100%;max-width:480px;background:var(--c-surface);border-radius:20px;box-shadow:0 32px 64px #0d0c2226;animation:modalSlideUp .3s ease;overflow:hidden}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.um-modal-sm{max-width:380px;padding:32px;text-align:center}.um-modal-sm h5{margin:16px 0 8px;font-size:18px;font-weight:700;color:var(--c-text)}.um-modal-sm p{color:var(--c-text3);font-size:14px;line-height:1.5;margin-bottom:0}.um-delete-icon-wrap{width:56px;height:56px;border-radius:14px;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto}.um-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px}.um-modal-header h5{font-size:17px;font-weight:700;margin:0;color:var(--c-text)}.um-modal-desc{font-size:13px;color:var(--c-text3);margin:4px 0 0}.um-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c-text3);transition:all .15s ease;flex-shrink:0}.um-modal-close:hover{background:var(--c-bg2);color:var(--c-text)}.um-modal-form{display:flex;flex-direction:column;gap:16px;padding:4px 28px 28px}.um-form-group{display:flex;flex-direction:column;gap:6px}.um-form-group label{font-size:13px;font-weight:600;color:var(--c-text2)}.um-form-group input,.um-form-group select{height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg);font-size:14px;color:var(--c-text);font-family:inherit;transition:all .15s ease}.um-form-group input:focus,.um-form-group select:focus{outline:none;border-color:#7c3aed;background:var(--c-surface);box-shadow:0 0 0 3px #7c3aed14}.um-form-group input:disabled{opacity:.5;cursor:not-allowed}.um-form-group input::placeholder{color:var(--c-text3)}.um-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.um-form-err{display:flex;align-items:center;gap:8px;background:#fee2e2;color:#dc2626;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600}.um-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.um-modal-footer.centered{justify-content:center;padding-top:20px}.um-btn-ghost{padding:10px 20px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text2);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.um-btn-ghost:hover{background:var(--c-bg2)}.um-btn-primary{padding:10px 24px;border-radius:10px;border:none;background:#0d0c22;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;box-shadow:0 2px 8px #0d0c221f}.um-btn-primary:hover{background:#1a1932;transform:translateY(-1px)}.um-btn-danger{padding:10px 24px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease;box-shadow:0 2px 8px #ef444433}.um-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.um-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 32px #0000001f;z-index:9999;animation:slideInUp .3s ease;max-width:360px}.um-toast.success{background:var(--c-surface);color:#10b981;border-left:4px solid #10b981}.um-toast.error{background:var(--c-surface);color:#ef4444;border-left:4px solid #ef4444}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1000px){.um-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.um-page{padding:16px}.um-stats-row{grid-template-columns:1fr 1fr}.um-filters{flex-direction:column;align-items:stretch}.um-role-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.um-table thead th:nth-child(4),.um-row td:nth-child(4),.um-table thead th:nth-child(5),.um-row td:nth-child(5){display:none}.um-modal{margin:0;max-width:100%;width:100%;height:100vh;max-height:100vh;border-radius:0;animation:modalSlideUpMobile .3s ease}.um-modal-sm{height:auto;max-height:90vh;margin:16px;border-radius:20px;animation:modalSlideUp .3s ease}.um-form-row{grid-template-columns:1fr}.um-row td,.um-table thead th{padding:12px 16px}.um-header{flex-direction:column;align-items:flex-start}.um-add-btn{width:100%;justify-content:center;min-height:48px}}@media(max-width:480px){.um-page{padding:12px;gap:16px}.um-stats-row{grid-template-columns:1fr}.um-stat-card{padding:16px}.um-stat-value{font-size:22px}.um-search-wrap{min-width:0}.um-role-tabs{padding:3px}.um-tab{padding:6px 10px;font-size:12px}.um-row td:nth-child(3),.um-table thead th:nth-child(3){display:none}.um-action-btn{width:38px;height:38px}.um-modal-header{padding:20px 16px 12px}.um-modal-form{padding:4px 16px 16px}.um-form-group input,.um-form-group select{height:48px;font-size:16px}.um-btn-primary,.um-btn-ghost,.um-btn-danger{min-height:48px;font-size:15px}.um-toast{bottom:16px;right:16px;left:16px;max-width:none}}@keyframes modalSlideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.um-spin{animation:spin .7s linear infinite}.survey-page{min-height:100vh;background:var(--c-bg)}.survey-start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-lg);padding:var(--sp-xl);text-align:center}.survey-start-icon{font-size:4rem}.survey-start-screen h2{margin-bottom:var(--sp-sm)}.survey-start-screen p{color:var(--c-text3);margin-bottom:var(--sp-md)}.survey-topbar{display:flex;align-items:center;gap:var(--sp-md);justify-content:space-between;padding:var(--sp-md) var(--sp-xl);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50;flex-wrap:wrap}.survey-title{display:flex;align-items:center;gap:var(--sp-md);flex:1}.survey-title h5{margin:0;font-size:var(--fs-base)}.survey-title span span{color:var(--c-primary)}.survey-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--sp-lg);padding:var(--sp-lg);align-items:flex-start}.survey-form-col{display:flex;flex-direction:column;gap:var(--sp-lg)}.survey-card{padding:var(--sp-xl)}.tree-no-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-full);background:var(--c-primary);color:#fff;font-size:var(--fs-lg);font-weight:800;margin-bottom:var(--sp-lg)}.survey-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.suggestions-drop{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md);overflow:hidden}.suggestion-item{padding:10px var(--sp-md);font-size:var(--fs-sm);cursor:pointer;color:var(--c-text2)}.suggestion-item:hover{background:var(--c-bg3);color:var(--c-primary)}.auto-tag{background:var(--c-bg3);color:var(--c-primary);font-size:.65rem;padding:2px 7px;border-radius:var(--r-full);font-weight:600;margin-left:6px}.action-btns{display:flex;gap:var(--sp-sm)}.action-btn{flex:1;padding:10px;border-radius:var(--r-md);border:2px solid var(--c-border);background:transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast)}.action-btn.retain{color:#16a34a}.action-btn.retain.selected{background:#dcfce7;border-color:#16a34a}.action-btn.transplant{color:#d97706}.action-btn.transplant.selected{background:#fef3c7;border-color:#d97706}.action-btn.cut{color:#dc2626}.action-btn.cut.selected{background:#fee2e2;border-color:#dc2626}.gps-inputs{display:flex;gap:var(--sp-sm);align-items:center;flex-wrap:wrap}.gps-inputs .form-input{flex:1;min-width:120px}.camera-btn{width:100%;justify-content:center;padding:var(--sp-lg);border-style:dashed}.photo-preview-wrap{position:relative;display:inline-block}.photo-preview{width:100%;border-radius:var(--r-md);max-height:250px;object-fit:cover}.photo-remove{position:absolute;top:var(--sp-sm);right:var(--sp-sm);background:#0009;color:#fff;border:none;border-radius:var(--r-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.form-hint{font-size:var(--fs-xs);color:var(--c-text3);margin-top:var(--sp-sm)}.survey-actions{display:flex;align-items:center;gap:var(--sp-md);margin-top:var(--sp-xl);padding-top:var(--sp-lg);border-top:1px solid var(--c-border)}.trees-count{font-size:var(--fs-sm);color:var(--c-text3)}.saved-trees-card{padding:var(--sp-lg)}.saved-trees-card h6{margin-bottom:var(--sp-md)}.saved-trees-list{display:flex;flex-direction:column;gap:var(--sp-sm);max-height:280px;overflow-y:auto}.saved-tree-item{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm);background:var(--c-bg2);border-radius:var(--r-md)}.st-no{width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.st-info{flex:1}.st-info strong{display:block;font-size:var(--fs-sm);color:var(--c-text)}.st-info span{font-size:var(--fs-xs);color:var(--c-text3)}.st-thumb{width:36px;height:36px;border-radius:var(--r-sm);object-fit:cover}.action-pill-retain{background:#dcfce7;color:#16a34a}.action-pill-transplant{background:#fef3c7;color:#d97706}.action-pill-cut{background:#fee2e2;color:#dc2626}.health-btns{display:flex;gap:var(--sp-sm);flex-wrap:nowrap}.health-btn{flex:1;padding:10px var(--sp-sm);border-radius:var(--r-md);border:2px solid var(--c-border);background:transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.health-btn.good{color:#16a34a}.health-btn.good.selected{background:#22c55e;border-color:#22c55e;color:#fff}.health-btn.good:not(.selected):hover{border-color:#22c55e;background:#dcfce7}.health-btn.poor{color:#d97706}.health-btn.poor.selected{background:#f59e0b;border-color:#f59e0b;color:#fff}.health-btn.poor:not(.selected):hover{border-color:#f59e0b;background:#fef3c7}.health-btn.dead{color:#dc2626}.health-btn.dead.selected{background:#ef4444;border-color:#ef4444;color:#fff}.health-btn.dead:not(.selected):hover{border-color:#ef4444;background:#fee2e2}.health-error{font-size:var(--fs-xs);color:#ef4444;margin-top:4px;font-weight:500}.health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-dot.good{background:#22c55e}.health-dot.poor{background:#f59e0b}.health-dot.dead{background:#ef4444}.health-pill{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--r-full);text-transform:capitalize}.health-pill.good{background:#dcfce7;color:#16a34a}.health-pill.poor{background:#fef3c7;color:#d97706}.health-pill.dead{background:#fee2e2;color:#dc2626}@media(max-width:480px){.health-btns{flex-direction:column}}.download-panel{padding:var(--sp-lg);position:sticky;top:80px}.download-panel h6{margin-bottom:var(--sp-sm)}.download-panel>p{font-size:var(--fs-sm);color:var(--c-text3);margin-bottom:var(--sp-lg)}.download-panel-btns{display:flex;flex-direction:column;gap:var(--sp-md)}.download-info{margin-top:var(--sp-md)}.download-info p{font-size:var(--fs-xs);color:var(--c-text3);margin-bottom:4px}.assess-group{margin-bottom:var(--sp-xl)}.assess-group-title{font-size:var(--fs-sm);font-weight:700;color:var(--c-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-md);padding-bottom:var(--sp-sm);border-bottom:1px solid var(--c-border)}.assess-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-sm)}.assess-item{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--r-md);border:1.5px solid var(--c-border);background:var(--c-surface);cursor:pointer;transition:all var(--t-fast)}.assess-item:hover{border-color:var(--c-primary);background:var(--c-bg2)}.assess-item.checked{border-color:var(--c-primary);background:var(--c-bg3)}.assess-checkbox{width:18px;height:18px;border-radius:5px;border:2px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-fast)}.assess-item.checked .assess-checkbox{background:var(--c-primary);border-color:var(--c-primary)}.assess-item-text{font-size:var(--fs-sm);color:var(--c-text2)}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.photo-slot{border:2px dashed var(--c-border);border-radius:var(--r-md);height:130px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast);flex-direction:column;gap:var(--sp-sm);font-size:var(--fs-xs);color:var(--c-text3);overflow:hidden;position:relative}.photo-slot:hover{border-color:var(--c-primary);background:var(--c-bg2)}.photo-slot img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-sm)}.photo-slot-rm{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:1024px){.survey-layout{grid-template-columns:1fr}.survey-downloads-col{order:-1}.download-panel{position:static}}@media(max-width:768px){.survey-topbar{padding:var(--sp-sm) var(--sp-md)}.survey-title h5{font-size:var(--fs-sm)}.survey-layout{padding:var(--sp-md);gap:var(--sp-md)}.survey-card{padding:var(--sp-lg)}.survey-actions{flex-wrap:wrap}.survey-actions .btn{flex:1;min-width:0;justify-content:center}}@media(max-width:640px){.survey-form-grid,.assess-items{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,1fr)}.action-btns{flex-direction:column}.action-btn{min-height:48px;font-size:var(--fs-base)}.camera-btn{min-height:56px;padding:var(--sp-lg);font-size:var(--fs-base)}.gps-inputs{flex-direction:column}.gps-inputs .form-input{min-width:0;width:100%}.gps-inputs .btn{width:100%;justify-content:center;min-height:48px}.saved-tree-item{padding:var(--sp-md)}.survey-topbar .btn{min-height:44px;padding:10px 14px;font-size:var(--fs-xs)}}@media(max-width:480px){.survey-layout{padding:var(--sp-sm);gap:var(--sp-sm)}.survey-card{padding:var(--sp-md)}.survey-topbar{padding:var(--sp-sm) var(--sp-sm);gap:var(--sp-sm)}.survey-title{gap:var(--sp-sm)}.survey-title h5{font-size:.78rem}.tree-no-badge{width:40px;height:40px;font-size:var(--fs-base)}.photos-grid{grid-template-columns:1fr 1fr;gap:var(--sp-sm)}.photo-slot{height:100px}.assess-item{padding:var(--sp-sm)}.download-panel,.saved-trees-card{padding:var(--sp-md)}}.proj-detail-page{min-height:100vh;background:var(--c-bg)}.proj-detail-body{display:flex;flex-direction:column;gap:var(--sp-lg);padding:var(--sp-lg);max-width:900px}.proj-meta-card{padding:var(--sp-xl)}.proj-meta-card h6{margin-bottom:0}.trees-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.trees-edit-list{display:flex;flex-direction:column;gap:var(--sp-lg)}.tree-edit-card{padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md)}.tree-edit-header{display:flex;align-items:center;gap:var(--sp-md)}.tree-name-input{flex:1;font-weight:600}.tree-edit-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-sm)}@media(max-width:768px){.tree-edit-fields{grid-template-columns:repeat(2,1fr)}.proj-detail-body{padding:var(--sp-md)}.proj-meta-card{padding:var(--sp-lg)}}@media(max-width:480px){.tree-edit-fields{grid-template-columns:1fr}.proj-detail-body{padding:var(--sp-sm)}.tree-edit-card{padding:var(--sp-md)}.trees-edit-header{flex-direction:column;align-items:flex-start;gap:var(--sp-sm)}}.inbox-container{display:flex;height:calc(100vh - 110px);background:var(--c-surface);border-radius:12px;border:1px solid var(--c-border);overflow:hidden}.inbox-sidebar{width:280px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-surface)}.inbox-sidebar-header{padding:var(--sp-md);border-bottom:1px solid var(--c-border)}.inbox-tabs{display:flex;gap:8px}.inbox-tab{flex:1;padding:6px;border:none;background:var(--c-bg);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;color:var(--c-text3);transition:all .2s}.inbox-tab.active{background:var(--c-primary-light);color:var(--c-primary);font-weight:600}.inbox-list{flex:1;overflow-y:auto}.inbox-list-item{display:flex;align-items:center;gap:12px;padding:12px var(--sp-md);cursor:pointer;border-bottom:1px solid var(--c-border);transition:background .2s}.inbox-list-item:hover{background:var(--c-hover)}.inbox-list-item.active{background:var(--c-primary-light)}.inbox-item-info{display:flex;flex-direction:column}.inbox-item-name{font-size:14px;font-weight:600;color:var(--c-text)}.inbox-item-role{font-size:11px;color:var(--c-text3);text-transform:capitalize}.inbox-main{flex:1;display:flex;flex-direction:column;background:var(--c-bg)}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--c-text3);text-align:center}.empty-state h3{margin:0;color:var(--c-text2)}.empty-state p{font-size:14px;margin-top:8px}.chat-header{height:60px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-lg);background:var(--c-surface)}.chat-messages{flex:1;padding:var(--sp-xl);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-bubble-wrapper{display:flex;flex-direction:column;max-width:75%}.chat-bubble-wrapper.mine{align-self:flex-end}.chat-bubble-wrapper.theirs{align-self:flex-start}.chat-sender-name{font-size:11px;color:var(--c-text3);margin-bottom:4px;margin-left:12px}.chat-bubble{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 2px #0000000d}.chat-bubble-wrapper.mine .chat-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble-wrapper.theirs .chat-bubble{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-bottom-left-radius:4px}.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;margin-top:6px;opacity:.8}.chat-attachment{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;background:#0000001a;border-radius:8px}.chat-bubble-wrapper.theirs .chat-attachment{background:var(--c-bg);border:1px solid var(--c-border)}.attachment-name{font-weight:500;font-size:12px}.chat-input-area{padding:var(--sp-md) var(--sp-lg);background:var(--c-surface);border-top:1px solid var(--c-border);display:flex;align-items:center;gap:12px}.chat-input{flex:1;background:var(--c-bg);border:1px solid var(--c-border);border-radius:20px;padding:12px 20px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--c-primary)}.inbox-details{width:280px;border-left:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-surface)}.details-header{padding:var(--sp-lg);border-bottom:1px solid var(--c-border)}.details-header h6{margin:0;font-size:15px}.details-section{padding:var(--sp-lg);border-bottom:1px solid var(--c-border)}.section-title{margin:0 0 12px;font-size:12px;color:var(--c-text3);text-transform:uppercase;letter-spacing:.5px}.shared-file-item{display:flex;align-items:center;gap:12px;margin-bottom:12px}.file-icon-wrap{width:32px;height:32px;background:var(--c-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--c-primary)}.file-info{display:flex;flex-direction:column}.file-name{font-size:13px;font-weight:500;color:var(--c-text)}.file-size{font-size:11px;color:var(--c-text3)}.no-files-text{font-size:13px;color:var(--c-text3);font-style:italic;margin:0}.participant-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;font-weight:500}.inbox-mobile-back{display:none;align-items:center;gap:8px;background:none;border:none;color:var(--c-text2);font-size:14px;font-weight:600;cursor:pointer;padding:4px;font-family:inherit}@media(max-width:1024px){.inbox-details,.inbox-sidebar{width:240px}}@media(max-width:768px){.inbox-container{height:calc(100vh - 62px);position:relative}.inbox-sidebar{position:absolute;inset:0;width:100%;z-index:10;display:none}.inbox-main{position:absolute;inset:0;display:none}.inbox-details{position:absolute;inset:0;width:100%;z-index:20;display:none}.inbox-container.show-list .inbox-sidebar,.inbox-container.show-chat .inbox-main,.inbox-container.show-details .inbox-details,.inbox-mobile-back{display:flex}.inbox-list-item{padding:14px var(--sp-md);min-height:56px}.chat-input-area{padding:var(--sp-sm) var(--sp-md)}.chat-input{min-height:48px;padding:12px 16px;font-size:16px}.chat-messages{padding:var(--sp-md)}.chat-bubble-wrapper{max-width:85%}.chat-header{padding:0 var(--sp-md)}}@media(max-width:480px){.inbox-container{height:calc(100vh - 56px)}.inbox-list-item{padding:12px}.chat-input-area{padding:var(--sp-sm)}.chat-bubble{padding:10px 14px;font-size:14px}.inbox-tabs{gap:4px}.inbox-tab{padding:8px;font-size:12px}}.accounts-container{display:flex;flex-direction:column;gap:var(--sp-lg)}.acc-tabs{display:flex;gap:6px;background:var(--c-surface);border:1px solid var(--c-border2);border-radius:var(--r-md);padding:6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.acc-tabs::-webkit-scrollbar{display:none}.acc-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;min-height:44px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--c-text3);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--t-fast);flex-shrink:0}.acc-tab:hover{background:var(--c-bg2);color:var(--c-text)}.acc-tab.active{background:var(--c-primary);color:#fff;box-shadow:0 2px 10px #2e6b4f4d}.acc-tab-content{display:flex;flex-direction:column;gap:var(--sp-lg)}.accounts-header-actions{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);padding:var(--sp-md) var(--sp-lg);border-radius:var(--r-md);border:1px solid var(--c-border2);gap:var(--sp-md);flex-wrap:wrap}.acc-filters-row,.acc-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.accounts-filter{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:10px;color:var(--c-text3);pointer-events:none}.accounts-filter select{padding-left:32px;min-width:200px}.acc-overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}.acc-stat-card{display:flex;align-items:center;gap:16px;padding:var(--sp-lg)}.acc-stat-icon{width:48px;height:48px;min-width:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center}.acc-stat-label{font-size:.78rem;color:var(--c-text3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.acc-stat-value{font-size:1.25rem;font-weight:800;color:var(--c-text);line-height:1.1;font-family:var(--font-display)}.acc-table-card{padding:0;overflow:hidden}.acc-card-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--c-border2);display:flex;align-items:center;justify-content:space-between;gap:12px}.acc-card-header h6{margin:0;font-size:.95rem;display:flex;align-items:center;gap:8px}.acc-collapsible{width:100%;background:var(--c-bg);cursor:pointer;border:none;border-radius:0;transition:background var(--t-fast);text-align:left;min-height:56px}.acc-collapsible:hover{background:var(--c-bg2)}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.ni-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left;min-width:560px}.ni-table th{background:var(--c-bg);color:var(--c-text3);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:11px 16px;border-bottom:1px solid var(--c-border2);white-space:nowrap}.ni-table td{padding:12px 16px;border-bottom:1px solid var(--c-border2);color:var(--c-text);white-space:nowrap;vertical-align:middle}.ni-table tbody tr:last-child td{border-bottom:none}.ni-table tbody tr:hover td{background:var(--c-bg2)}.add-tx-form{border:1.5px solid var(--c-primary);background:var(--c-primary-light);padding:var(--sp-lg)!important}.add-client-form{padding:var(--sp-lg);border-top:1px solid var(--c-border2);background:var(--c-bg2)}.add-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.add-form-header h6{margin:0;color:var(--c-primary);font-size:.95rem}.tx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-md)}.add-form-footer{display:flex;gap:10px;margin-top:var(--sp-md);flex-wrap:wrap}.acc-type-pill{display:inline-block;background:var(--c-primary-light);color:var(--c-primary);font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.acc-status-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.acc-count-badge{background:var(--c-bg3);color:var(--c-text2);font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:var(--r-full);display:inline-block}.acc-balance-cell{font-weight:700}.acc-balance-cell.positive{color:#10b981}.acc-balance-cell.negative{color:#ef4444}.acc-approve-btn{color:#10b981!important}.acc-approve-btn:hover{background:#10b98115!important}.acc-reject-btn{color:#ef4444!important}.acc-reject-btn:hover{background:#ef444415!important}.acc-dialog-overlay{position:fixed;inset:0;background:#0d1e1473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.acc-dialog{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border2);box-shadow:var(--shadow-lg);padding:var(--sp-lg);width:100%;max-width:420px;animation:scaleIn .18s ease both}.acc-dialog h6{margin-bottom:8px;font-size:1rem}@media(max-width:1100px){.acc-overview-cards,.tx-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.accounts-header-actions{flex-direction:column;align-items:stretch;padding:var(--sp-md)}.acc-filters-row,.acc-actions-row{width:100%;justify-content:stretch}.acc-filters-row .form-input,.accounts-filter select{width:100%;min-width:0}.acc-actions-row{justify-content:flex-end}.acc-overview-cards{grid-template-columns:1fr 1fr}.tx-grid{grid-template-columns:1fr}.acc-card-header{flex-wrap:wrap;gap:var(--sp-sm)}.acc-tabs{border-radius:var(--r-sm);padding:4px}.acc-tab{padding:10px 14px;font-size:.78rem}.add-tx-form,.add-client-form{padding:var(--sp-md)!important}}@media(max-width:480px){.acc-overview-cards{grid-template-columns:1fr}.acc-stat-card{padding:var(--sp-md)}.acc-stat-value{font-size:1.1rem}.acc-tab{gap:6px;padding:9px 12px}.acc-tab span:not(.acc-count-badge){display:none}}.analytics-container{display:flex;flex-direction:column;gap:var(--sp-lg);background:transparent}.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);padding:var(--sp-md) var(--sp-lg);border-radius:12px;border:1px solid var(--c-border)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-lg)}.chart-card{display:flex;flex-direction:column;height:400px;padding:var(--sp-lg)}.chart-wide{grid-column:1 / -1;height:450px}.chart-half{height:350px}.chart-header{margin-bottom:var(--sp-lg);display:flex;justify-content:space-between;align-items:center}.chart-header h6{margin:0;font-size:15px;color:var(--c-text)}.chart-body{flex:1;min-height:0}.custom-tooltip{background:var(--c-surface);border:1px solid var(--c-border);padding:10px 14px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.custom-tooltip .label{margin:0 0 6px;font-weight:600;color:var(--c-text);font-size:13px;border-bottom:1px solid var(--c-border);padding-bottom:4px}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;height:100%}.kpi-box{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:center}.kpi-label{font-size:12px;color:var(--c-text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.kpi-value{font-size:24px;font-weight:700;color:var(--c-text);margin-bottom:8px}.kpi-trend{font-size:11px;font-weight:600;display:inline-block;padding:2px 6px;border-radius:4px;width:fit-content}.kpi-trend.positive{background:#10b98120;color:#10b981}.kpi-trend.negative{background:#ef444420;color:#ef4444}.kpi-trend.neutral{background:#f59e0b20;color:#f59e0b}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}.chart-wide,.chart-card,.chart-half{grid-column:1 / -1}}@media(max-width:768px){.analytics-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.chart-card,.chart-wide,.chart-half{height:auto;min-height:300px}.kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.analytics-toolbar{padding:var(--sp-sm) var(--sp-md)}.chart-card{padding:var(--sp-md);min-height:260px}.chart-header{flex-direction:column;align-items:flex-start;gap:8px}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:20px}.kpi-box{padding:12px}}.surveys-container{display:flex;flex-direction:column;gap:var(--sp-lg)}.surveys-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--c-surface);padding:var(--sp-md) var(--sp-lg);border-radius:12px;border:1px solid var(--c-border)}.search-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;color:var(--c-text3);pointer-events:none}.surveys-table-card{padding:0;overflow:hidden}.survey-trees-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#10b98115;color:#10b981;border-radius:6px;font-weight:600;font-size:13px}.surveyor-cell{display:flex;align-items:center;gap:8px}.surveyor-avatar-small{width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#10b98120;color:#10b981}.status-badge.ongoing{background:#f59e0b20;color:#f59e0b}.upload-modal{width:500px;padding:var(--sp-xl)}.upload-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-lg)}.upload-header h4{margin:0}.upload-options{display:flex;gap:12px;margin-bottom:var(--sp-lg)}.upload-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--sp-md);border:1px solid var(--c-border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--c-bg)}.upload-option:hover{border-color:var(--c-primary)}.upload-option.active{border-color:var(--c-primary);background:var(--c-primary-light);color:var(--c-primary)}.upload-option span{font-size:12px;font-weight:500}.upload-dropzone{border:2px dashed var(--c-border);border-radius:12px;padding:var(--sp-xl);text-align:center;position:relative;cursor:pointer;background:var(--c-bg);transition:border-color .2s}.upload-dropzone:hover{border-color:var(--c-primary)}.upload-dropzone h5{margin:0 0 4px}.upload-dropzone p{margin:0;font-size:13px;color:var(--c-text3)}.file-input-hidden{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-actions{margin-top:24px}.upload-progress{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--c-surface);border:1px solid var(--c-primary);color:var(--c-primary);border-radius:8px;font-weight:500}.upload-success{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#10b98120;border:1px solid #10b981;color:#10b981;border-radius:8px;font-weight:600}.spinner{width:16px;height:16px;border:2px solid var(--c-primary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.surveys-toolbar{flex-direction:column;align-items:stretch;gap:12px}.search-wrap input{width:100%!important}.surveys-table-card{border-radius:12px}.upload-modal{width:calc(100vw - 32px);max-width:500px}}@media(max-width:480px){.surveys-toolbar{padding:var(--sp-sm) var(--sp-md)}.upload-modal{width:calc(100vw - 16px);padding:var(--sp-lg)}.upload-options{flex-direction:column}.upload-dropzone{padding:var(--sp-lg)}.upload-dropzone h5{font-size:var(--fs-sm)}.surveys-table-card{margin:0 -4px;border-radius:8px}.survey-trees-badge{font-size:12px;padding:3px 6px}}:root{--cp-bg: #f5f6fa;--cp-surface: #ffffff;--cp-dark: #0d0c22;--cp-dark2: #1a1932;--cp-text: #0d0c22;--cp-text2: #44445a;--cp-text3: #8c8b9b;--cp-border: #ebebf0;--cp-accent: #6c5ce7;--cp-accent-soft: #ede9fe;--cp-green: #10b981;--cp-green-soft: #d1fae5;--cp-amber: #f59e0b;--cp-amber-soft: #fef3c7;--cp-red: #ef4444;--cp-red-soft: #fee2e2;--cp-blue: #3b82f6;--cp-blue-soft: #dbeafe;--cp-sidebar-w: 260px;--cp-radius: 16px;--cp-radius-sm: 12px;--cp-radius-xs: 8px;--cp-shadow: 0 1px 3px rgba(13,12,34,.04), 0 4px 16px rgba(13,12,34,.04);--cp-shadow-lg: 0 8px 32px rgba(13,12,34,.08);--cp-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--cp-transition: .2s cubic-bezier(.4, 0, .2, 1)}.portal-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cp-bg);background-image:radial-gradient(ellipse at 50% 0%,#ede9fe 0%,transparent 60%);font-family:var(--cp-font);padding:2rem;position:relative}.portal-back-link{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;color:var(--cp-text2);font-size:14px;font-weight:500;text-decoration:none;padding:10px 18px;border-radius:var(--cp-radius-sm);background:var(--cp-surface);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow);transition:all var(--cp-transition);font-family:var(--cp-font);cursor:pointer;z-index:10}.portal-back-link:hover{background:var(--cp-dark);color:#fff;border-color:var(--cp-dark);transform:translateY(-1px);box-shadow:var(--cp-shadow-lg)}.portal-login-card{background:var(--cp-surface);width:100%;max-width:440px;padding:48px;border-radius:28px;box-shadow:0 32px 64px -16px #0d0c2214,0 2px 12px -4px #0d0c2208;border:1px solid rgba(13,12,34,.04)}.portal-brand{text-align:center;margin-bottom:32px}.portal-logo-icon{width:56px;height:56px;background:var(--cp-dark);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 16px #0d0c2226}.portal-brand h1{font-size:26px;font-weight:700;color:var(--cp-dark);margin-bottom:8px;letter-spacing:-.5px}.portal-brand p{font-size:14px;color:var(--cp-text3);line-height:1.6}.portal-error{background:var(--cp-red-soft);border:1px solid #fecaca;color:var(--cp-red);padding:14px 16px;border-radius:var(--cp-radius-sm);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin-bottom:24px}.portal-form{display:flex;flex-direction:column;gap:20px}.portal-form .form-group{display:flex;flex-direction:column;gap:8px}.portal-form .form-group label{font-size:13px;font-weight:600;color:var(--cp-text2);text-transform:uppercase;letter-spacing:.04em}.portal-form .form-group input{height:50px;padding:0 16px;border-radius:var(--cp-radius-sm);border:1px solid var(--cp-border);background:#fafafe;font-size:15px;color:var(--cp-dark);font-family:var(--cp-font);transition:all var(--cp-transition)}.portal-form .form-group input:focus{outline:none;border-color:var(--cp-accent);background:#fff;box-shadow:0 0 0 4px #6c5ce714}.portal-form .form-group input::placeholder{color:#b4b4c4}.portal-submit-btn{height:52px;border-radius:var(--cp-radius-sm);background:var(--cp-dark);color:#fff;font-size:15px;font-weight:600;font-family:var(--cp-font);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;transition:all var(--cp-transition);box-shadow:0 4px 12px #0d0c221f}.portal-submit-btn:hover{background:var(--cp-dark2);transform:translateY(-1px);box-shadow:0 6px 20px #0d0c222e}.portal-submit-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0d0c2214}.portal-footer-links{text-align:center;margin-top:24px;font-size:14px;color:var(--cp-text3)}.portal-footer-links a{color:var(--cp-accent);font-weight:600;text-decoration:none}.portal-footer-links a:hover{text-decoration:underline}.demo-hint{margin-top:16px;padding-top:16px;border-top:1px solid var(--cp-border);font-size:13px;color:var(--cp-text3)}.portal-app{display:flex;min-height:100vh;background:var(--cp-bg);font-family:var(--cp-font);color:var(--cp-text)}.portal-sidebar{width:var(--cp-sidebar-w);background:var(--cp-surface);border-right:1px solid var(--cp-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:100;transition:transform .3s ease}.portal-sidebar-header{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid var(--cp-border)}.sidebar-logo-box{width:40px;height:40px;background:var(--cp-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-text span:first-child{font-size:16px;font-weight:700;color:var(--cp-dark);letter-spacing:-.3px}.sidebar-brand-text span:last-child{font-size:11px;color:var(--cp-text3);font-weight:500}.portal-sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text3);padding:16px 12px 8px;margin:0}.portal-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--cp-radius-xs);border:none;background:none;color:var(--cp-text2);font-size:14px;font-weight:500;cursor:pointer;text-align:left;width:100%;font-family:var(--cp-font);transition:all var(--cp-transition);position:relative}.portal-nav-item:hover{background:#f5f3ff;color:var(--cp-accent)}.portal-nav-item.active{background:var(--cp-accent-soft);color:var(--cp-accent);font-weight:600}.portal-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--cp-accent);border-radius:0 4px 4px 0}.nav-badge{margin-left:auto;background:var(--cp-accent);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px}.portal-sidebar-footer{padding:16px 12px;border-top:1px solid var(--cp-border);display:flex;flex-direction:column;gap:4px}.portal-nav-item.danger:hover{background:var(--cp-red-soft);color:var(--cp-red)}.portal-nav-item.back-item:hover{background:var(--cp-blue-soft);color:var(--cp-blue)}.portal-content{flex:1;display:flex;flex-direction:column;min-width:0}.portal-topbar{height:64px;background:var(--cp-surface);border-bottom:1px solid var(--cp-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--cp-text2);padding:4px}.topbar-page-title{font-size:18px;font-weight:700;color:var(--cp-dark);letter-spacing:-.3px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-icon-btn{width:40px;height:40px;border-radius:var(--cp-radius-xs);border:1px solid var(--cp-border);background:var(--cp-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--cp-text2);transition:all var(--cp-transition);position:relative}.topbar-icon-btn:hover{background:var(--cp-bg);color:var(--cp-dark)}.topbar-notif-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--cp-red)}.topbar-user-pill{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:28px;background:var(--cp-bg);border:1px solid var(--cp-border);cursor:default;transition:all var(--cp-transition)}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--cp-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.topbar-user-meta{display:flex;flex-direction:column}.topbar-user-name{font-size:13px;font-weight:600;color:var(--cp-dark);line-height:1.2}.topbar-user-role{font-size:11px;color:var(--cp-text3)}.portal-body{padding:28px 32px;flex:1}.portal-greeting{margin-bottom:28px}.portal-greeting h1{font-size:28px;font-weight:800;color:var(--cp-dark);margin-bottom:6px;letter-spacing:-.5px}.portal-greeting p{font-size:15px;color:var(--cp-text3)}.portal-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.portal-stat-card{background:var(--cp-surface);border-radius:var(--cp-radius);padding:20px 24px;border:1px solid var(--cp-border);display:flex;align-items:flex-start;gap:16px;transition:all var(--cp-transition);box-shadow:var(--cp-shadow)}.portal-stat-card:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-lg)}.stat-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-box.purple{background:var(--cp-accent-soft);color:var(--cp-accent)}.stat-icon-box.green{background:var(--cp-green-soft);color:var(--cp-green)}.stat-icon-box.amber{background:var(--cp-amber-soft);color:var(--cp-amber)}.stat-icon-box.blue{background:var(--cp-blue-soft);color:var(--cp-blue)}.stat-info{flex:1;min-width:0}.stat-info .stat-label{font-size:12px;font-weight:600;color:var(--cp-text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.stat-info .stat-value{font-size:28px;font-weight:800;color:var(--cp-dark);line-height:1.1;letter-spacing:-.5px}.portal-view-tabs{display:flex;gap:4px;background:var(--cp-surface);padding:4px;border-radius:var(--cp-radius-sm);border:1px solid var(--cp-border);margin-bottom:24px;width:fit-content}.portal-tab{padding:10px 20px;border-radius:var(--cp-radius-xs);border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--cp-font);color:var(--cp-text3);transition:all var(--cp-transition)}.portal-tab:hover{color:var(--cp-text2)}.portal-tab.active{background:var(--cp-dark);color:#fff;font-weight:600;box-shadow:0 2px 8px #0d0c221f}.portal-projects-list{display:flex;flex-direction:column;gap:20px}.portal-project-card{background:var(--cp-surface);border-radius:var(--cp-radius);border:1px solid var(--cp-border);overflow:hidden;box-shadow:var(--cp-shadow);transition:all var(--cp-transition)}.portal-project-card:hover{box-shadow:var(--cp-shadow-lg)}.portal-project-card.archived{opacity:.7}.pcard-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px;gap:16px}.pcard-title-group{flex:1;min-width:0}.pcard-title{font-size:18px;font-weight:700;color:var(--cp-dark);margin-bottom:6px;letter-spacing:-.2px}.pcard-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pcard-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--cp-accent-soft);color:var(--cp-accent)}.pcard-archived-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;background:var(--cp-green-soft);color:var(--cp-green)}.pcard-date{font-size:12px;color:var(--cp-text3);margin-top:6px}.pcard-actions{display:flex;gap:8px;flex-shrink:0}.pcard-doc-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--cp-radius-xs);border:1px solid var(--cp-border);background:var(--cp-surface);font-size:13px;font-weight:600;color:var(--cp-text2);cursor:pointer;font-family:var(--cp-font);transition:all var(--cp-transition)}.pcard-doc-btn:hover,.pcard-doc-btn.open{background:var(--cp-dark);color:#fff;border-color:var(--cp-dark)}.pcard-progress{padding:0 28px 24px}.progress-track-wrapper{margin-bottom:16px}.progress-bar-bg{height:6px;background:var(--cp-border);border-radius:3px;overflow:hidden;margin-bottom:20px}.progress-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--cp-accent),#8b5cf6)}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:8px;transition:all .3s ease;border:2px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text3)}.progress-step.completed .step-dot{background:var(--cp-accent);border-color:var(--cp-accent);color:#fff;box-shadow:0 2px 8px #6c5ce740}.progress-step.active .step-dot{background:var(--cp-dark);border-color:var(--cp-dark);color:#fff;box-shadow:0 2px 12px #0d0c2233;animation:pulseStep 2s infinite}@keyframes pulseStep{0%,to{box-shadow:0 2px 12px #0d0c2233}50%{box-shadow:0 2px 20px #6c5ce759}}.step-name{font-size:11px;font-weight:600;color:var(--cp-text3);text-align:center;max-width:100px;line-height:1.3}.progress-step.completed .step-name,.progress-step.active .step-name{color:var(--cp-text)}.current-stage-label{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--cp-accent-soft);border-radius:var(--cp-radius-xs);margin-top:16px;font-size:13px;font-weight:600;color:var(--cp-accent)}.pcard-documents{border-top:1px solid var(--cp-border);padding:20px 28px;background:#fafafe;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.pcard-documents h4{font-size:14px;font-weight:700;color:var(--cp-dark);margin-bottom:14px;display:flex;align-items:center;gap:8px}.no-docs-msg{font-size:13px;color:var(--cp-text3);padding:12px 0}.doc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.doc-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cp-surface);border-radius:var(--cp-radius-xs);border:1px solid var(--cp-border);transition:all var(--cp-transition)}.doc-item:hover{border-color:var(--cp-accent);box-shadow:0 2px 8px #6c5ce714}.doc-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.doc-file-icon{width:36px;height:36px;border-radius:8px;background:var(--cp-accent-soft);color:var(--cp-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-meta{display:flex;flex-direction:column;min-width:0}.doc-title{font-size:14px;font-weight:600;color:var(--cp-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date{font-size:12px;color:var(--cp-text3)}.doc-download-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--cp-transition);text-decoration:none}.doc-download-btn:hover{background:var(--cp-accent);border-color:var(--cp-accent);color:#fff}.portal-empty-state{text-align:center;padding:60px 20px;background:var(--cp-surface);border-radius:var(--cp-radius);border:1px solid var(--cp-border)}.empty-icon-box{width:72px;height:72px;border-radius:20px;background:var(--cp-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--cp-text3)}.portal-empty-state h3{font-size:18px;font-weight:700;color:var(--cp-dark);margin-bottom:8px}.portal-empty-state p{font-size:14px;color:var(--cp-text3);max-width:300px;margin:0 auto}.portal-sidebar-overlay{display:none;position:fixed;inset:0;background:#0d0c2266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}@media(max-width:1100px){.portal-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portal-sidebar{position:fixed;top:0;left:0;z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.portal-sidebar.open{transform:translate(0);box-shadow:16px 0 48px #00000026}.portal-sidebar-overlay.visible{display:block}.topbar-hamburger{display:flex}.portal-topbar{padding:0 16px}.portal-body{padding:20px 16px}.portal-stats-row{grid-template-columns:1fr 1fr}.pcard-header{flex-direction:column;padding:20px}.pcard-progress{padding:0 20px 20px}.pcard-documents{padding:16px 20px}.progress-steps{flex-wrap:wrap;gap:12px}.progress-step{flex:unset;width:calc(50% - 6px)}.topbar-user-meta{display:none}.pcard-actions{flex-direction:column;width:100%}.pcard-doc-btn{width:100%;justify-content:center;min-height:44px}.portal-view-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.portal-tab,.portal-nav-item{min-height:44px}}@media(max-width:480px){.portal-login-card{padding:32px 20px}.portal-back-link{top:16px;left:16px;font-size:13px;padding:8px 14px}.portal-stats-row{grid-template-columns:1fr}.portal-stat-card{padding:16px 20px}.portal-body{padding:16px 12px}.portal-greeting h1{font-size:22px}.portal-greeting p{font-size:13px}.pcard-header{padding:16px}.pcard-progress{padding:0 16px 16px}.pcard-title{font-size:16px}.progress-step{width:calc(33% - 8px)}.step-dot{width:28px;height:28px;font-size:11px}.step-name{font-size:10px;max-width:80px}.current-stage-label{font-size:12px;padding:10px 12px}.portal-topbar{padding:0 12px}.topbar-page-title{font-size:15px}.doc-item{padding:10px 12px}.doc-download-btn{min-width:44px;min-height:44px}}.cm-page{max-width:1200px}.cm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.cm-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.cm-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-stat-content{display:flex;flex-direction:column}.cm-stat-label{font-size:.72rem;font-weight:600;color:var(--c-text3);text-transform:uppercase;letter-spacing:.06em}.cm-stat-value{font-size:1.5rem;font-weight:800;color:var(--c-text);letter-spacing:-.02em}.cm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cm-title{font-size:1.2rem;font-weight:700;color:var(--c-text);margin:0}.cm-subtitle{font-size:.82rem;color:var(--c-text3);margin-top:4px}.cm-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--c-primary);color:#fff;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cm-add-btn:hover{background:var(--c-primary-dark);transform:translateY(-1px)}.cm-search-wrap{position:relative;margin-bottom:20px;max-width:400px}.cm-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text3);pointer-events:none}.cm-search{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--c-border);border-radius:10px;font-size:.82rem;background:var(--c-surface);color:var(--c-text);font-family:inherit;transition:all .2s}.cm-search:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.cm-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-text3);cursor:pointer;padding:4px;display:flex}.cm-table-card{padding:0;overflow:hidden}.cm-user-cell{display:flex;align-items:center;gap:12px}.cm-avatar{width:36px;height:36px;border-radius:50%;background:#0891b2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.cm-name{font-weight:600;color:var(--c-text);font-size:.85rem}.cm-email{font-size:.72rem;color:var(--c-text3)}.cm-project-badge{display:inline-flex;padding:3px 10px;background:var(--c-primary-light);color:var(--c-primary);border-radius:100px;font-size:.72rem;font-weight:600}.cm-status{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500}.cm-status-dot{width:7px;height:7px;border-radius:50%}.cm-status.active{color:var(--c-primary)}.cm-status.active .cm-status-dot{background:var(--c-primary)}.cm-status.inactive{color:var(--c-danger)}.cm-status.inactive .cm-status-dot{background:var(--c-danger)}.cm-actions{display:flex;gap:4px;justify-content:flex-end}.cm-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--c-text3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cm-action-btn:hover{background:var(--c-primary-light);color:var(--c-primary)}.cm-del-btn:hover{background:#f0483e14;color:var(--c-danger)}.cm-empty{text-align:center;padding:48px 20px!important;color:var(--c-text3);display:flex;flex-direction:column;align-items:center;gap:8px}.cm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.cm-modal{background:var(--c-surface);border-radius:20px;box-shadow:var(--shadow-xl);width:560px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:scaleIn .25s ease}.cm-modal-sm{width:420px;text-align:center;padding:32px}.cm-modal-view{width:440px}.cm-modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.cm-modal-header h5{font-size:1.1rem;font-weight:700;margin:0}.cm-modal-header p{font-size:.82rem;color:var(--c-text3);margin-top:4px}.cm-modal-close{background:none;border:none;color:var(--c-text3);cursor:pointer;padding:4px;display:flex}.cm-modal-form{padding:24px;display:flex;flex-direction:column;gap:16px}.cm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cm-form-group{display:flex;flex-direction:column;gap:6px}.cm-form-group label{font-size:.75rem;font-weight:600;color:var(--c-text2)}.cm-form-group input,.cm-form-group select{padding:10px 14px;border:1.5px solid var(--c-border);border-radius:10px;font-size:.85rem;background:var(--c-surface);color:var(--c-text);font-family:inherit;transition:all .15s}.cm-form-group input:focus,.cm-form-group select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.cm-form-group input:disabled{opacity:.6;cursor:not-allowed}.cm-form-err{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:.82rem;font-weight:500;border:1px solid #FECACA}.cm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cm-modal-footer.centered{justify-content:center;margin-top:20px;padding:0}.cm-btn-ghost{padding:10px 20px;border-radius:10px;border:1px solid var(--c-border);background:transparent;color:var(--c-text2);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.cm-btn-ghost:hover{border-color:var(--c-text3)}.cm-btn-primary{padding:10px 20px;border-radius:10px;border:none;background:var(--c-primary);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.cm-btn-primary:hover{background:var(--c-primary-dark)}.cm-btn-danger{padding:10px 20px;border-radius:10px;border:none;background:var(--c-danger);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer}.cm-delete-icon-wrap{width:56px;height:56px;border-radius:50%;background:#f0483e1a;color:var(--c-danger);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.cm-view-body{padding:24px;text-align:center}.cm-view-avatar{width:64px;height:64px;border-radius:50%;background:#0891b2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 12px}.cm-view-body h4{font-size:1.1rem;margin-bottom:20px}.cm-view-details{display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;background:var(--c-bg2);border-radius:12px;margin-bottom:20px}.cm-view-details div{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--c-text2)}.cm-view-details svg{color:var(--c-text3);flex-shrink:0}.cm-toast{position:fixed;bottom:24px;right:24px;padding:14px 20px;background:var(--c-surface);border-radius:12px;box-shadow:0 8px 32px #0000001f;border-left:4px solid var(--c-primary);display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--c-text);z-index:1000;animation:toastSlideIn .3s ease}.cm-toast.error{border-left-color:var(--c-danger)}@media(max-width:768px){.cm-stats-row{grid-template-columns:repeat(2,1fr)}.cm-form-row{grid-template-columns:1fr}.cm-header{flex-direction:column;align-items:flex-start;gap:12px}.cm-add-btn{width:100%;justify-content:center;min-height:48px}.cm-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.cm-modal-sm,.cm-modal-view{width:calc(100vw - 32px);height:auto;max-height:90vh;border-radius:20px}.cm-search-wrap{max-width:100%}}@media(max-width:480px){.cm-stats-row{grid-template-columns:1fr}.cm-stat-card{padding:16px}.cm-stat-value{font-size:1.2rem}.cm-modal-form{padding:16px}.cm-form-group input,.cm-form-group select{min-height:48px;font-size:16px}.cm-btn-primary,.cm-btn-ghost,.cm-btn-danger{min-height:48px;width:100%;justify-content:center}.cm-modal-footer{flex-direction:column;padding:0 16px 16px}.cm-toast{left:16px;right:16px;bottom:16px;max-width:none}}.ml-page{display:flex;flex-direction:column;gap:var(--sp-lg);max-width:680px;margin:0 auto}.ml-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--c-text3);font-size:.82rem;font-weight:600;cursor:pointer;padding:6px 0;transition:color var(--t-fast);min-height:44px;align-self:flex-start}.ml-back-btn:hover{color:var(--c-primary)}.ml-info-strip{display:flex;align-items:center;gap:10px;background:var(--c-primary-light);border:1px solid var(--c-primary);border-radius:var(--r-sm);padding:12px 16px;font-size:.82rem;color:var(--c-primary);font-weight:600;flex-wrap:wrap}.ml-info-sep{opacity:.4}.ml-success{display:flex;align-items:center;gap:12px;background:#10b98115;border:1.5px solid #10b981;border-radius:var(--r-sm);padding:14px 18px;color:#065f46;font-weight:600;font-size:.9rem;animation:fadeInUp .2s ease both}.ml-form{padding:var(--sp-xl)!important;display:flex;flex-direction:column;gap:var(--sp-lg)}.ml-form-title{margin-bottom:0;font-size:1.05rem;color:var(--c-text);font-weight:700}.ml-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.ml-input{min-height:52px!important;height:52px;font-size:1rem!important;border-radius:var(--r-sm)!important}textarea.ml-input{height:auto!important;min-height:80px!important;padding-top:14px!important}.ml-input-err{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ml-error{font-size:.72rem;color:#ef4444;font-weight:600;margin-top:4px;display:block}.ml-location-wrap{position:relative}.ml-loc-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-primary);pointer-events:none;z-index:1}.ml-input-icon{padding-left:40px!important}.ml-km-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ml-km-input{width:180px;text-align:center;font-size:1.6rem!important;font-weight:800!important;letter-spacing:-.02em}.ml-km-unit{font-size:.9rem;font-weight:700;color:var(--c-text3)}.ml-est-amount{background:var(--c-primary-light);color:var(--c-primary);font-size:.85rem;padding:8px 14px;border-radius:var(--r-sm);border:1px dashed var(--c-primary)}.ml-vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ml-vehicle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;min-height:80px;border:2px solid var(--c-border2);border-radius:var(--r-sm);background:var(--c-bg2);color:var(--c-text3);font-size:.72rem;font-weight:700;cursor:pointer;transition:all var(--t-fast);text-align:center;line-height:1.2}.ml-vehicle-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light)}.ml-vehicle-btn.selected{border-color:var(--c-primary);background:var(--c-primary);color:#fff;box-shadow:0 4px 14px #1ac47d59}.ml-summary{display:flex;align-items:center;justify-content:space-between;background:var(--c-bg2);border:1px solid var(--c-border2);border-radius:var(--r-sm);padding:14px 18px}.ml-summary span{font-size:.85rem;color:var(--c-text3);font-weight:600}.ml-summary-amount{font-size:1.4rem;font-weight:800;color:var(--c-primary);letter-spacing:-.02em}.ml-submit-btn{width:100%;min-height:56px!important;font-size:1rem!important;font-weight:700!important;border-radius:var(--r-sm)!important;display:flex;align-items:center;justify-content:center;gap:10px}.ml-history-card{padding:0;overflow:hidden}.ml-history-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--c-border2)}.ml-history-header h6{margin:0;font-size:.95rem;font-weight:700}.ml-history-list{display:flex;flex-direction:column}.ml-history-item{padding:16px var(--sp-lg);border-bottom:1px solid var(--c-border2);display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-height:64px;transition:background var(--t-fast)}.ml-history-item:last-child{border-bottom:none}.ml-history-item:hover{background:var(--c-bg2)}.ml-history-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ml-history-route{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--c-text);flex-wrap:wrap}.ml-arrow{color:var(--c-text3)}.ml-history-meta{display:flex;gap:6px;font-size:.72rem;color:var(--c-text3);flex-wrap:wrap}.ml-rejection-note{font-size:.72rem;color:#ef4444;font-style:italic;margin-top:2px}.ml-history-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.ml-history-right strong{font-size:.95rem;font-weight:800;color:var(--c-text)}.ml-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}@media(max-width:768px){.ml-page{max-width:100%}.ml-form{padding:var(--sp-lg)!important}.ml-km-input{width:140px}.ml-vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ml-form{padding:var(--sp-md)!important;gap:var(--sp-md)}.ml-row{grid-template-columns:1fr}.ml-km-input{width:100%;font-size:2rem!important}.ml-km-wrap{flex-direction:column;align-items:flex-start;gap:8px}.ml-vehicle-grid{grid-template-columns:repeat(2,1fr)}.ml-vehicle-btn{padding:12px 8px;min-height:72px}.ml-history-item{flex-direction:column;gap:8px}.ml-history-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}:root{--c-white: #FFFFFF;--c-off-white: #F7F9F7;--c-light-gray: #F0F4F1;--c-light-gray2: #E8EEE9;--c-obsidian: #0D1E14;--c-obsidian2: #142219;--c-green: #2E6B4F;--c-green2: #3A8B65;--c-green-light: #5AAF85;--c-sage: #8CBF9F;--c-lime: #A8E63D;--c-lime2: #C6F060;--c-primary: var(--c-green);--c-primary-dark: #245A40;--c-primary-light: rgba(46, 107, 79, .1);--c-accent: var(--c-lime);--c-bg: var(--c-off-white);--c-bg2: var(--c-light-gray);--c-bg3: var(--c-light-gray2);--c-surface: var(--c-white);--c-surface2: var(--c-off-white);--c-border: rgba(46, 107, 79, .12);--c-border2: rgba(0, 0, 0, .08);--c-text: #0D1E14;--c-text2: #2C3D31;--c-text3: #6B857A;--c-text-inv: #FFFFFF;--c-danger: #E04040;--c-warn: #D97706;--c-info: #2563EB;--c-gold: #A8E63D;--c-gold-light: #C6F060;--shadow-sm: 0 2px 12px rgba(13, 30, 20, .06);--shadow-md: 0 6px 30px rgba(13, 30, 20, .1);--shadow-lg: 0 16px 50px rgba(13, 30, 20, .14);--shadow-xl: 0 24px 80px rgba(13, 30, 20, .18);--shadow-green: 0 8px 32px rgba(46, 107, 79, .2);--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-full: 9999px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 28px;--sp-xl: 48px;--sp-2xl: 80px;--sp-3xl: 120px;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Manrope", system-ui, sans-serif;--font-serif: "Manrope", system-ui, sans-serif;--fs-xs: .7rem;--fs-sm: .8rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fs-5xl: 4.25rem;--fs-6xl: 6rem;--t-fast: .16s ease;--t-base: .28s ease;--t-slow: .5s ease;--t-spring: .42s cubic-bezier(.34, 1.56, .64, 1);--navbar-h: 76px;--sidebar-w: 260px;--content-w: 1240px;--narrow-w: 860px}[data-theme=dark]{--c-bg: #0D1E14;--c-bg2: #142219;--c-bg3: #1A2D1F;--c-surface: #172619;--c-surface2: #1A2D1F;--c-border: rgba(140, 191, 159, .14);--c-border2: rgba(255, 255, 255, .08);--c-text: #E8F2EA;--c-text2: #AFCAB8;--c-text3: #6B907A;--c-text-inv: #0D1E14;--c-off-white: #0D1E14;--c-light-gray: #142219;--c-light-gray2: #1A2D1F;--c-obsidian: #050F08;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .3);--shadow-md: 0 6px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 50px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);line-height:1.7;overflow-x:hidden;transition:background var(--t-slow),color var(--t-slow)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--c-bg2)}::-webkit-scrollbar-thumb{background:var(--c-sage);border-radius:var(--r-full)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.1;color:var(--c-text);letter-spacing:-.02em}h5,h6{font-family:var(--font-sans);font-weight:600;color:var(--c-text);letter-spacing:-.01em}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}p{color:var(--c-text2);line-height:1.8}a{color:var(--c-green);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--c-green2)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-sans)}input,textarea,select{font-family:var(--font-sans)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;min-height:44px;border-radius:var(--r-full);font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.01em;border:2px solid transparent;transition:all var(--t-base);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--c-obsidian);color:#fff;border-color:var(--c-obsidian)}.btn-primary:hover{background:var(--c-green);border-color:var(--c-green);transform:translateY(-2px);box-shadow:var(--shadow-green)}.btn-outline{background:transparent;color:var(--c-obsidian);border-color:var(--c-obsidian)}.btn-outline:hover{background:var(--c-obsidian);color:#fff;transform:translateY(-2px)}.btn-cream{background:#ffffff26;color:#fff;border-color:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-cream:hover{background:#fff;color:var(--c-obsidian);transform:translateY(-2px)}.btn-lime{background:var(--c-lime);color:var(--c-obsidian);border-color:var(--c-lime);font-weight:700}.btn-lime:hover{background:var(--c-lime2);border-color:var(--c-lime2);transform:translateY(-2px);box-shadow:0 8px 24px #a8e63d59}.btn-gold{background:var(--c-lime);color:var(--c-obsidian);border-color:var(--c-lime);font-weight:700}.btn-gold:hover{background:var(--c-lime2);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--c-text3);border-color:var(--c-border2)}.btn-ghost:hover{border-color:var(--c-green);color:var(--c-green)}.btn-sm{padding:9px 22px;font-size:.75rem}.btn-lg{padding:16px 48px;font-size:.9rem}.btn-icon{padding:10px;border-radius:var(--r-md);aspect-ratio:1;min-width:44px;min-height:44px}.card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border2);transition:all var(--t-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-md{border-radius:var(--r-md)}.card-rounded{border-radius:var(--r-xl)}.section{padding:var(--sp-3xl) var(--sp-xl);max-width:var(--content-w);margin:0 auto}.section-full{padding:var(--sp-3xl) var(--sp-xl)}.section-narrow{max-width:var(--narrow-w);margin:0 auto;padding:var(--sp-3xl) var(--sp-xl)}.section-header{text-align:center;margin-bottom:var(--sp-2xl)}.section-header .eyebrow{display:inline-block;background:var(--c-primary-light);color:var(--c-green);border-radius:var(--r-full);padding:6px 18px;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--sp-md)}.section-header .tag{display:inline-block;background:transparent;border:1.5px solid var(--c-green);color:var(--c-green);padding:5px 18px;border-radius:var(--r-full);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--sp-md)}.section-header h2{font-size:var(--fs-4xl);margin-bottom:var(--sp-md)}.section-header p{color:var(--c-text3);max-width:560px;margin:0 auto;font-size:var(--fs-base);line-height:1.9;font-weight:400}.section-divider{width:48px;height:3px;background:var(--c-lime);border-radius:2px;margin:var(--sp-lg) auto}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;padding:4px 14px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-green{background:var(--c-primary-light);color:var(--c-green)}.badge-gold{background:#a8e63d26;color:#5e8a00;border:1px solid rgba(168,230,61,.5)}.badge-red{background:#fde8e8;color:var(--c-danger)}.icon-btn{display:flex;align-items:center;justify-content:center;padding:10px;min-width:44px;min-height:44px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--c-text3);transition:all var(--t-fast);position:relative}.icon-btn:hover{background:var(--c-bg3);color:var(--c-green)}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #1ac47d66}50%{box-shadow:0 0 0 12px #1ac47d00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes loader-grow{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes leaf-float{0%{transform:translateY(0) rotate(0) scale(1);opacity:.7}50%{transform:translateY(-30px) rotate(180deg) scale(1.1);opacity:1}to{transform:translateY(0) rotate(360deg) scale(1);opacity:.7}}@keyframes leaf-drift{0%{transform:translate(0) translateY(0) rotate(0)}33%{transform:translate(30px) translateY(-20px) rotate(120deg)}66%{transform:translate(-20px) translateY(-40px) rotate(240deg)}to{transform:translate(0) translateY(0) rotate(360deg)}}.animate-fadeInUp{animation:fadeInUp .6s ease both}.animate-fadeInLeft{animation:fadeInLeft .6s ease both}.animate-fadeInRight{animation:fadeInRight .6s ease both}.animate-scaleIn{animation:scaleIn .5s ease both}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-sans);font-size:.72rem;font-weight:700;color:var(--c-text3);letter-spacing:.1em;text-transform:uppercase}.form-input-luxury{padding:14px 0;border:none;border-bottom:1.5px solid var(--c-border2);background:transparent;color:var(--c-text);font-size:var(--fs-base);font-family:var(--font-sans);font-weight:400;transition:border-color var(--t-fast);width:100%}.form-input-luxury:focus{outline:none;border-bottom-color:var(--c-green)}.form-input-luxury::placeholder{color:var(--c-text3)}.form-input{padding:11px 14px;min-height:44px;border-radius:var(--r-sm);border:1.5px solid var(--c-border2);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-sm);font-family:var(--font-sans);transition:all var(--t-fast);width:100%}.form-input:focus{outline:none;border-color:var(--c-green);box-shadow:0 0 0 3px var(--c-primary-light)}.form-input::placeholder{color:var(--c-text3)}.loader-screen{position:fixed;inset:0;background:var(--c-obsidian);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .7s ease}.loader-screen.hidden{opacity:0;pointer-events:none}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}.section,.section-full{padding:var(--sp-2xl) var(--sp-md)}}@media(max-width:480px){h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}.section,.section-full{padding:var(--sp-xl) var(--sp-sm)}.btn{padding:12px 20px;font-size:.78rem}.btn-lg{padding:14px 32px;font-size:.85rem}}.divider{height:1px;background:var(--c-border2);margin:var(--sp-xl) 0}.divider-gold{height:2px;background:linear-gradient(to right,transparent,var(--c-lime),transparent);margin:var(--sp-xl) auto;max-width:400px;border-radius:2px}.glass{background:#ffffff1a;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.18)}.glass-forest{background:#0d1e14b8;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.12)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 14px;font-family:var(--font-sans);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-full)}.pill-green{background:var(--c-primary-light);color:var(--c-green)}.pill-gold{background:#a8e63d26;color:#5e8a00}.pill-blue{background:#dbeafe;color:#1e40af}.pill-amber{background:#fef3c7;color:#92400e}[data-theme=dark] .pill-blue{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .pill-amber{background:#3d2a00;color:#fcd34d}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--c-text);color:var(--c-text-inv);font-size:var(--fs-xs);padding:6px 12px;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast)}.tooltip-wrapper:hover .tooltip-text{opacity:1}.overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center}.modal{background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:var(--sp-2xl);max-width:90vw;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease}@media(max-width:480px){.modal{max-width:calc(100vw - 16px);max-height:calc(100vh - 32px);padding:var(--sp-lg);border-radius:var(--r-lg);margin:8px}}.whatsapp-float{position:fixed;bottom:28px;right:28px;width:58px;height:58px;border-radius:var(--r-full);background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36673;z-index:900;transition:all var(--t-spring);animation:pulse-green 2.5s infinite}.whatsapp-float:hover{transform:scale(1.1)}.text-success{color:#22c55e}.text-danger{color:var(--c-danger)}.text-warn{color:var(--c-warn)}.text-info{color:var(--c-info)}.app-layout{display:flex;min-height:100vh;--c-bg: #F4F6FB;--c-bg2: #EDF0F7;--c-bg3: #E2E7F2;--c-surface: #FFFFFF;--c-surface2: #F9FAFC;--c-border: rgba(30, 40, 80, .09);--c-primary: #1AC47D;--c-primary-dark: #14A868;--c-primary-light: rgba(26, 196, 125, .12);--gradient-primary: linear-gradient(135deg, #1AC47D 0%, #14A868 100%);--c-hover: rgba(26, 196, 125, .06);--c-text: #1A1F36;--c-text2: #3A4468;--c-text3: #8F96B3;--c-text-inv: #FFFFFF;--c-danger: #F0483E;--c-warn: #F59E0B;--c-info: #3B82F6;--shadow-sm: 0 1px 4px rgba(30, 40, 80, .06), 0 4px 12px rgba(30, 40, 80, .04);--shadow-md: 0 4px 16px rgba(30, 40, 80, .1);--shadow-lg: 0 8px 32px rgba(30, 40, 80, .14);--shadow-xl: 0 16px 56px rgba(30, 40, 80, .18);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 9999px;--sidebar-w: 260px;--sidebar-collapsed-w: 72px;--topbar-h: 62px;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Inter", system-ui, sans-serif}[data-theme=dark] .app-layout{--c-bg: #0F1117;--c-bg2: #161B27;--c-bg3: #1D2335;--c-surface: #1A2030;--c-surface2: #1D2438;--c-border: rgba(255, 255, 255, .08);--c-text: #E8EAF2;--c-text2: #A9B2D4;--c-text3: #5C6490;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 6px 24px rgba(0, 0, 0, .45)}.app-content{flex:1;min-width:0;background:var(--c-bg);overflow-y:auto}.app-layout .card{border-radius:var(--r-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.app-layout .card:hover{box-shadow:var(--shadow-md);transform:none}.app-layout .card.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-layout .btn{border-radius:var(--r-md);letter-spacing:.02em;text-transform:none;font-size:var(--fs-sm);font-weight:600;padding:10px 20px}.app-layout .btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.app-layout .btn-primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff;transform:translateY(-1px)}.app-layout .btn-sm{padding:8px 16px;font-size:var(--fs-xs)}.app-layout .app-sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);box-shadow:2px 0 16px #1e28500a}.app-layout .sidebar-header{padding:20px;border-bottom:1px solid var(--c-border)}.app-layout .sidebar-logo{background:var(--c-primary);border-radius:10px;box-shadow:0 4px 12px #1ac47d59}.app-layout .sb-main{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--c-text);font-family:var(--font-sans)}.app-layout .sidebar-link{border-radius:var(--r-md);padding:9px 12px;font-size:.82rem;font-weight:500;color:var(--c-text3);transition:all .15s ease}.app-layout .sidebar-link:hover{background:var(--c-primary-light);color:var(--c-primary)}.app-layout .sidebar-link.active{background:var(--c-primary-light);color:var(--c-primary);font-weight:600}.app-layout .sidebar-link.active svg{color:var(--c-primary)}.app-layout .sidebar-badge{background:var(--c-danger);border-radius:var(--r-full);font-size:9px;font-weight:700;min-width:18px;height:18px}.app-layout .app-topbar{background:var(--c-surface);border-bottom:1px solid var(--c-border);height:62px;box-shadow:0 1px 0 var(--c-border)}.app-layout .topbar-title{font-size:1.05rem;font-weight:700;color:var(--c-text);letter-spacing:-.01em}.app-layout .topbar-user{background:var(--c-bg2);border-radius:var(--r-full);padding:6px 14px 6px 8px;gap:8px}.app-layout .topbar-user:hover{background:var(--c-bg3)}.app-layout .user-avatar{background:var(--c-primary);border-radius:50%;width:30px;height:30px;font-size:.7rem;font-weight:700}.app-layout .user-name{font-size:.82rem;font-weight:600;color:var(--c-text)}.app-layout .stat-pill{padding:18px 20px;text-align:left;border-left:3px solid transparent}.app-layout .stat-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text3);margin-bottom:6px}.app-layout .stat-value{font-size:1.7rem;font-weight:800;font-family:var(--font-sans);letter-spacing:-.02em}.app-layout .stat-trend{font-size:.72rem;font-weight:600;margin-top:3px;display:flex;align-items:center;gap:3px}.app-layout .stat-trend.up{color:var(--c-primary)}.app-layout .stat-trend.down{color:var(--c-danger)}.app-layout .chart-header h6,.app-layout .calendar-card h6,.app-layout .project-panel h6,.app-layout .surveyor-panel h6,.app-layout .recent-projects-panel h6{font-size:.92rem;font-weight:700;color:var(--c-text);letter-spacing:-.01em}.app-layout .pill-green{background:#1ac47d1f;color:var(--c-primary);border-radius:var(--r-full);font-size:.65rem;font-weight:600;text-transform:none;letter-spacing:0;padding:3px 10px}.app-layout .form-input{border-radius:var(--r-sm);border:1.5px solid var(--c-border);font-size:.8rem;background:var(--c-surface);transition:border-color .15s ease,box-shadow .15s ease}.app-layout .form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #1ac47d26}.app-layout .icon-btn{border-radius:var(--r-sm);color:var(--c-text3)}.app-layout .icon-btn:hover{background:var(--c-bg2);color:var(--c-primary)}.app-layout .surveyor-avatar{background:var(--c-primary);border-radius:50%;box-shadow:0 2px 8px #1ac47d4d}.app-layout .recent-proj-item:hover{background:var(--c-bg2);border-radius:var(--r-md)}.app-layout .cal-cell{border-radius:var(--r-xs);background:var(--c-bg2)}.app-layout .chart-tooltip{border-radius:var(--r-md);box-shadow:var(--shadow-md);border:none;background:var(--c-surface);padding:10px 14px}.app-layout .sidebar-link.danger:hover{background:#f0483e14;color:var(--c-danger)}.app-layout .notif-dot{background:var(--c-danger)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:all;display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--c-surface);border-radius:var(--r-md);box-shadow:0 8px 32px #0000001f;border-left:4px solid #1AC47D;animation:toastSlideIn .3s ease;min-width:320px;max-width:420px;font-size:.85rem;font-weight:500;color:var(--c-text)}.toast.toast-error{border-left-color:#f0483e}.toast.toast-warning{border-left-color:#f59e0b}.toast.toast-info{border-left-color:#3b82f6}.toast .toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.toast .toast-icon.success{background:#1ac47d1f;color:#1ac47d}.toast .toast-icon.error{background:#f0483e1f;color:#f0483e}.toast .toast-icon.warning{background:#f59e0b1f;color:#f59e0b}.toast .toast-icon.info{background:#3b82f61f;color:#3b82f6}.toast .toast-close{margin-left:auto;background:none;border:none;color:var(--c-text3);cursor:pointer;padding:4px;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.toast-container{top:12px;left:12px;right:12px}.toast{min-width:auto;max-width:100%;width:100%;font-size:.82rem;padding:12px 16px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-responsive:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;pointer-events:none;background:linear-gradient(to left,var(--c-bg) 0%,transparent 100%);opacity:0;transition:opacity .2s}.table-responsive.has-scroll:after{opacity:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:150;animation:fadeIn .2s ease}.sidebar-overlay.visible{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--c-bg2) 25%,var(--c-bg3) 50%,var(--c-bg2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--r-sm)}.skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-card{height:120px;width:100%;border-radius:var(--r-lg)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state .empty-icon{width:80px;height:80px;border-radius:50%;background:var(--c-bg2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--c-text3)}.empty-state h3{font-size:1.1rem;font-weight:700;color:var(--c-text);margin-bottom:8px}.empty-state p{font-size:.85rem;color:var(--c-text3);max-width:360px;line-height:1.6}.empty-state .btn{margin-top:20px}.app-layout .ni-table{width:100%;border-collapse:collapse}.app-layout .ni-table th{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text3);padding:14px 16px;border-bottom:1px solid var(--c-border);text-align:left;white-space:nowrap}.app-layout .ni-table td{padding:14px 16px;font-size:.82rem;color:var(--c-text2);border-bottom:1px solid var(--c-border);vertical-align:middle}.app-layout .ni-table tbody tr{transition:background .15s ease}.app-layout .ni-table tbody tr:hover{background:var(--c-hover)}.app-layout .ni-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge.completed{background:#1ac47d1f;color:#1ac47d}.status-badge.ongoing{background:#f59e0b1f;color:#f59e0b}.status-badge.pending{background:#3b82f61f;color:#3b82f6}.status-badge.overdue{background:#f0483e1f;color:#f0483e}