body.modal-open{overflow:hidden!important;position:fixed!important;width:100vw!important;touch-action:none!important;overscroll-behavior:contain!important}:root{--dt-primary-900:#1a3f4c;--dt-primary-800:#1e4a58;--dt-primary-700:#245668;--dt-primary-600:#2d6a7a;--dt-primary-500:#3d8090;--dt-primary-400:#4d96a6;--dt-primary-300:#6db0bf;--dt-primary-200:#a3d0db;--dt-primary-100:#d1e8ed;--dt-primary-50:#ebf5f7;--dt-cream-900:#8c7b5d;--dt-cream-800:#a89573;--dt-cream-700:#c4b08a;--dt-cream-600:#dac9a1;--dt-cream-500:#e8dcc0;--dt-cream-400:#f0e8d6;--dt-cream-300:#f5f0e8;--dt-cream-200:#faf7f2;--dt-cream-100:#fcfbf9;--dt-cream-50:#fdfcfa;--dt-gold-600:#b8941f;--dt-gold-500:#d4af37;--dt-gold-400:#e5c65d;--dt-gold-300:#f0db8a;--dt-gray-900:#1a1d21;--dt-gray-800:#2d3238;--dt-gray-700:#404850;--dt-gray-600:#545e68;--dt-gray-500:#6b7680;--dt-gray-400:#9ca3ac;--dt-gray-300:#c8cdd3;--dt-gray-200:#e4e7eb;--dt-gray-100:#f3f4f6;--dt-gray-50:#f9fafb;--dt-success-500:#10b981;--dt-success-100:#d1fae5;--dt-warning-500:#f59e0b;--dt-warning-100:#fef3c7;--dt-error-500:#ef4444;--dt-error-100:#fee2e2;--dt-info-500:#0ea5e9;--dt-info-100:#e0f2fe;--header-height-mobile:64px;--header-height-tablet:72px;--header-height-desktop:80px;--dashboard-header-height:72px;--font-sans:"Inter","Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--page-bg-start:#f8fdfe;--page-bg-end:#f0f4f5;--page-bg:#ffffff;--color-brand:var(--dt-primary-600);--color-brand-hover:var(--dt-primary-700);--color-brand-active:var(--dt-primary-800);--color-brand-light:var(--dt-primary-50);--color-brand-accent:var(--dt-cream-300);--color-surface:#ffffff;--color-surface-secondary:rgba(248,253,254,0.95);--color-surface-elevated:#ffffff;--color-surface-solid:#ffffff;--color-surface-glass:rgba(255,255,255,0.80);--color-surface-card:rgba(255,255,255,0.70);--color-surface-dark:var(--dt-primary-900);--color-text-primary:#0f1d22;--color-text-secondary:var(--dt-gray-600);--color-text-muted:var(--dt-gray-400);--color-text-inverse:#ffffff;--color-text-brand:var(--dt-primary-700);--color-border:rgba(45,106,122,0.10);--color-border-light:rgba(45,106,122,0.05);--color-border-focus:var(--dt-primary-400);--color-border-brand:rgba(45,106,122,0.15);--gradient-brand:linear-gradient(135deg,var(--dt-primary-600) 0%,var(--dt-primary-400) 100%);--gradient-hero:linear-gradient(160deg,#e8f5f8,#f8fdfe 40%,#ffffff);--gradient-surface:linear-gradient(180deg,#ffffff,#f8fdfe);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(248,253,254,0.85));--gradient-cta:linear-gradient(135deg,var(--dt-gold-500) 0%,var(--dt-gold-400) 100%);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 30px rgba(0,0,0,0.10);--shadow-xl:0 20px 50px rgba(0,0,0,0.12);--shadow-2xl:0 40px 80px rgba(0,0,0,0.15);--color-skeleton-bg:#e5e7eb;--color-skeleton-shimmer:#f3f4f6}.glass{background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--color-border)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-brand);color:white;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-smooth);cursor:pointer;border:none}.btn-primary,.card-premium{box-shadow:var(--shadow-sm)}.card-premium{background:var(--color-surface-card);border-radius:var(--radius-xl);border:1px solid var(--color-border)}input,select,textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary)}.skeleton{background:linear-gradient(90deg,var(--color-skeleton-bg) 25%,var(--color-skeleton-shimmer) 50%,var(--color-skeleton-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}:root{--primary-red:var(--dt-primary-600);--primary-green:var(--dt-success-500);--primary-white:#ffffff;--concrete-gray:var(--dt-gray-200);--steel-blue:var(--dt-gray-700);--wood-brown:var(--dt-cream-800);--brick-orange:var(--dt-warning-500);--gradient-construction:var(--gradient-brand);--gradient-blueprint:linear-gradient(45deg,var(--dt-gray-100) 25%,transparent 25%),linear-gradient(-45deg,var(--dt-gray-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--dt-gray-100) 75%),linear-gradient(-45deg,transparent 75%,var(--dt-gray-100) 75%);--shadow-construction:var(--shadow-brand-sm);--shadow-card:var(--shadow-lg);--transition-construction:all var(--transition-smooth)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{overflow-x:hidden;height:100%;background:var(--color-surface);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);line-height:1.6;background:var(--color-surface-secondary);overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;min-height:100%;overscroll-behavior-y:auto;overscroll-behavior-x:auto}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.125rem,2.5vw,1.375rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{line-height:1.7;color:var(--color-text-secondary)}a{color:var(--color-brand);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-hover)}::selection{background:var(--dt-primary-200);color:var(--dt-primary-900)}::-moz-selection{background:var(--dt-primary-200);color:var(--dt-primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dt-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--dt-primary-300);-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--dt-primary-400)}*{scrollbar-width:thin;scrollbar-color:var(--dt-primary-300) var(--dt-gray-100)}.container-construction{max-width:var(--content-max-width);padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-construction{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-construction{padding-left:2rem;padding-right:2rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--dt-primary-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.grid-responsive{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.show-mobile-only{display:none}}.transition-all{transition:all var(--transition-smooth)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-smooth)}.transition-opacity{transition:opacity var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes build-in{0%{opacity:0;transform:translateY(-16px) scale(.98)}50%{opacity:.8;transform:translateY(4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes curtainReveal{0%{clip-path:inset(0 0 100% 0);opacity:0}40%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes curtain-mask-out{0%{transform:scaleY(1);opacity:1}60%{transform:scaleY(.02);opacity:1}to{transform:scaleY(0);opacity:0}}.domino-enter{opacity:0;animation:fadeInUp .5s var(--ease-out-expo) forwards}.domino-enter:first-child{animation-delay:0s}.domino-enter:nth-child(2){animation-delay:60ms}.domino-enter:nth-child(3){animation-delay:.12s}.domino-enter:nth-child(4){animation-delay:.18s}.domino-enter:nth-child(5){animation-delay:.24s}.domino-enter:nth-child(6){animation-delay:.3s}.domino-enter:nth-child(7){animation-delay:.36s}.domino-enter:nth-child(8){animation-delay:.42s}.card-enter{opacity:0;animation:fadeInUp .4s var(--ease-out-quart) forwards}@keyframes modalOverlayIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.modal-overlay-enter{animation:modalOverlayIn .25s ease forwards}.modal-content-enter{animation:modalContentIn .35s var(--ease-out-expo) forwards}.modal-content-exit{animation:modalContentOut .2s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes loader-line{0%{left:-40%}50%{left:60%}to{left:100%}}@keyframes dashboard-loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--dt-primary-300)}50%{box-shadow:0 0 20px var(--dt-primary-400),0 0 30px var(--dt-primary-300)}}@keyframes bell-pulse-animation{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}.bell-pulse{animation:bell-pulse-animation .6s var(--ease-spring)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(45,106,122,.5)}70%{transform:scale(1);box-shadow:0 0 0 15px rgba(45,106,122,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(45,106,122,0)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out-expo) forwards;opacity:0}.animate-fade-in-down{animation:fadeInDown .5s var(--ease-out-expo) forwards;opacity:0}.animate-fade-in-left{animation:fadeInLeft .5s var(--ease-out-expo) forwards;opacity:0}.animate-fade-in-right{animation:fadeInRight .5s var(--ease-out-expo) forwards;opacity:0}.animate-scale-in{animation:scaleIn .35s var(--ease-spring) forwards;opacity:0}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-bounce-soft{animation:bounce-soft 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--dt-gray-200) 0,var(--dt-gray-100) 50%,var(--dt-gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 4s ease infinite}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card-enter,.domino-enter,.modal-content-enter,.modal-overlay-enter{animation:none!important;opacity:1!important;transform:none!important}}@keyframes laser-load{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.animate-laser-load{animation:laser-load 1.5s linear infinite}@keyframes mirror-sweep{0%{transform:translateX(-150%) skewX(-12deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(150%) skewX(-12deg);opacity:0}}@keyframes mirror-sweep-hover{0%{transform:translateX(-150%) skewX(-12deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(150%) skewX(-12deg);opacity:0}}@keyframes border-sweep-random{0%{transform:translateX(-150%) skewX(-12deg);opacity:0}3%{opacity:1;transform:translateX(-100%) skewX(-12deg)}15%{transform:translateX(150%) skewX(-12deg);opacity:1}16%{opacity:0}45%{transform:translateX(150%) skewX(-12deg);opacity:0}48%{opacity:1;transform:translateX(100%) skewX(-12deg)}60%{transform:translateX(-150%) skewX(-12deg);opacity:1}61%{opacity:0}80%{transform:translateX(-150%) skewX(-12deg);opacity:0}83%{opacity:1;transform:translateX(-100%) skewX(-12deg)}95%{transform:translateX(150%) skewX(-12deg);opacity:1}96%{opacity:0}to{transform:translateX(150%) skewX(-12deg);opacity:0}}@keyframes boomerang-shine{0%{transform:translateX(-200%) skewX(-12deg);opacity:0}10%{opacity:1}50%{transform:translateX(250%) skewX(-12deg);opacity:1}90%{opacity:1}to{transform:translateX(-200%) skewX(-12deg);opacity:0}}@keyframes boomerang-shine-hover{0%{transform:translateX(-200%) skewX(-12deg);opacity:0}10%{opacity:1}50%{transform:translateX(250%) skewX(-12deg);opacity:1}90%{opacity:1}to{transform:translateX(-200%) skewX(-12deg);opacity:0}}.animate-border-sweep-random{animation:border-sweep-random 14s cubic-bezier(.4,0,.2,1) infinite}.animate-mirror-sweep{animation:mirror-sweep 1.5s ease-in-out .8s 1 forwards;opacity:0}.group:hover .animate-mirror-sweep{animation:mirror-sweep-hover 1.2s ease-in-out 1 forwards}.animate-boomerang-shine{animation:boomerang-shine 2s ease-in-out 1s 1 forwards;opacity:0}.group:hover .animate-boomerang-shine{animation:boomerang-shine-hover 1.6s ease-in-out 1 forwards}.dashboard-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:60;background:var(--color-surface-glass,#fff);box-shadow:0 4px 30px rgba(0,0,0,.05);transition:all var(--transition-smooth)}.dashboard-header.is-landing-page:not(.scrolled){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}.dashboard-header.is-landing-page:not(.scrolled):after{display:none!important}.dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.6}.dashboard-header-grid{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 1.5rem;min-height:var(--dashboard-header-height);max-width:100%;margin:0}@media (min-width:1280px){.dashboard-header-grid{padding:0 2rem;gap:3rem}}@media (min-width:1536px){.dashboard-header-grid{padding:0 3rem;gap:4rem}}.dashboard-header-logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0;cursor:pointer;padding:.5rem .75rem .5rem 0;border-radius:var(--radius-lg);transition:all var(--transition-smooth);margin-right:auto}.dashboard-header-logo:hover{opacity:.9}.dashboard-header-logo img{border-radius:var(--radius-lg);-o-object-fit:contain;object-fit:contain;box-shadow:none;transition:transform var(--transition-smooth)}.dashboard-header-logo:hover img{transform:scale(1.05)}.dashboard-top-nav{display:none;align-items:center;gap:.5rem;flex:1;justify-content:center}@media (min-width:1280px){.dashboard-top-nav{display:flex;gap:.75rem}}@media (min-width:1536px){.dashboard-top-nav{gap:1rem}}.dashboard-nav-link{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-smooth);position:relative;white-space:nowrap}@media (min-width:1536px){.dashboard-nav-link{padding:.875rem 1.5rem;gap:.75rem}}.dashboard-nav-link:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translateX(-50%) scaleX(0);width:calc(100% - 1.5rem);height:2px;background:var(--gradient-brand);border-radius:1px;transition:transform var(--transition-smooth)}.dashboard-nav-link:hover{color:var(--color-brand);background:rgba(45,106,122,.08)}.dashboard-nav-link:hover:after{transform:translateX(-50%) scaleX(1)}.dashboard-nav-link.active{color:var(--color-brand);background:var(--dt-primary-50);font-weight:600}.dashboard-nav-link.active:after{transform:translateX(-50%) scaleX(1)}.dashboard-nav-link svg{width:1.125rem;height:1.125rem;flex-shrink:0}.dashboard-nav-link .nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;background:var(--dt-error-500);color:white;border-radius:var(--radius-full);margin-left:.375rem;animation:pulse-soft 2s ease-in-out infinite}.dashboard-header-right{display:none;align-items:center;gap:1rem;margin-left:auto}@media (min-width:1280px){.dashboard-header-right{display:flex;gap:1rem}}@media (min-width:1536px){.dashboard-header-right{gap:1.25rem}}.dashboard-header-right .language-selector-wrapper{position:relative}.dashboard-header-right .language-selector-wrapper .absolute{position:absolute;right:0;top:calc(100% + .5rem)}.dashboard-header-right .language-selector-wrapper [class*=shadow-xl],.language-selector-dropdown{z-index:100!important;box-shadow:0 10px 40px -10px rgba(0,0,0,.5)!important;background-color:#0a1219!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;opacity:1!important;visibility:hidden}.group:hover .language-selector-dropdown{opacity:1!important;visibility:visible!important}[data-theme=light] .language-selector-dropdown{background-color:#ffffff!important;border-color:rgba(0,0,0,.05)!important;box-shadow:0 10px 30px rgba(0,0,0,.1)!important}[data-theme=system] .language-selector-dropdown{background-color:#09161c!important;border-color:rgba(255,255,255,.08)!important}.dashboard-header-right .language-selector-wrapper button[aria-label="Selecionar idioma"]{min-height:44px;min-width:44px;display:flex;align-items:center;gap:.5rem}@media (min-width:768px){.dashboard-header-right .language-selector-wrapper button[aria-label="Selecionar idioma"]{min-width:auto;padding:.625rem 1rem}}.dashboard-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);border:none;box-shadow:none;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-bell-btn:hover{background:rgba(45,106,122,.06);color:var(--color-brand);box-shadow:none}.dashboard-bell-btn svg{width:1.375rem;height:1.375rem}.dashboard-bell-btn .notification-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background:var(--dt-error-500);border-radius:50%;border:2px solid white;animation:pulse-soft 2s ease-in-out infinite}.bell-badge{position:absolute;top:4px;right:2px;display:flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.6875rem;font-weight:600;background:var(--dt-error-500);color:white;border-radius:var(--radius-full);box-shadow:0 2px 4px rgba(239,68,68,.3)}@keyframes bell-ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%,to{transform:rotate(0)}}.bell-pulse svg{animation:bell-ring .6s ease-in-out}.dashboard-header-user-info{display:flex;align-items:center;gap:.875rem;padding:.5rem 1rem;background:rgba(45,107,122,.075);border-radius:var(--radius-xl);border:0 solid rgba(45,106,122,.1)}.dashboard-header-user-info .user-avatar{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--gradient-brand);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.dashboard-header-user-info .user-details{text-align:left;min-width:0}.dashboard-user-email{font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.dashboard-user-role{font-size:.625rem;line-height:1.3}.dashboard-header-logout{display:flex}.dashboard-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;color:var(--dt-error-600);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth)}.dashboard-logout-btn:hover{background:var(--dt-error-500);color:white;border-color:var(--dt-error-500);box-shadow:0 4px 12px rgba(239,68,68,.25)}.dashboard-mobile-bell-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-mobile-bell-btn:hover{background:rgba(45,106,122,.08);color:var(--color-brand)}.dashboard-mobile-download-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-mobile-download-btn:hover{background:rgba(45,106,122,.08)}.dashboard-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-mobile-menu-btn svg{width:1.25rem;height:1.25rem}.dashboard-bell-dropdown,.dashboard-mobile-bell-panel{position:absolute;right:0;top:calc(100% + .5rem);width:min(90vw,360px);max-height:480px;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light);overflow:hidden;z-index:100;animation:fadeInDown .2s var(--ease-out-expo)}.bell-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);background:var(--dt-gray-50)}.bell-dropdown-header h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.bell-dropdown-header .count{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.bell-dropdown-content{max-height:360px;overflow-y:auto}.bell-dropdown-item{display:flex;gap:.875rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast)}.bell-dropdown-item:hover{background:var(--dt-gray-50)}.bell-dropdown-item.unread{background:var(--dt-primary-50)}.bell-dropdown-item.unread:hover{background:var(--dt-primary-100)}.bell-dropdown-item .notification-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--dt-primary-100);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bell-dropdown-item .notification-content{flex:1;min-width:0}.bell-dropdown-item .notification-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.bell-dropdown-item .notification-text{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.bell-dropdown-item .notification-time{font-size:.75rem;color:var(--color-text-muted);margin-top:.375rem}.bell-dropdown-footer{padding:.875rem 1.25rem;background:var(--dt-gray-50);border-top:1px solid var(--color-border-light);text-align:center}.bell-dropdown-footer button{font-size:.8125rem;font-weight:600;color:var(--color-brand);background:white;border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bell-dropdown-footer button:hover{background:var(--color-brand);color:white;border-color:var(--color-brand)}.dashboard-header-loading:before{content:"";position:absolute;bottom:0;left:0;width:30%;height:2px;background:var(--gradient-brand);animation:loading-slide 1.5s ease-in-out infinite;z-index:10}@keyframes loading-slide{0%{left:-30%}50%{left:50%}to{left:100%}}.dashboard-header-spacer{display:none}.dashboard-header-notifications{position:relative}.install-banner,.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,var(--dt-primary-700) 0,var(--dt-primary-600) 100%);color:white;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 -4px 20px rgba(0,0,0,.15)}@media (min-width:640px){.install-banner,.pwa-install-banner{padding:1rem 2rem}}@media (min-width:1280px){.install-banner,.pwa-install-banner{bottom:auto;top:var(--dashboard-header-height,72px);border-radius:0}}.install-banner-content{display:flex;align-items:center;gap:1rem;flex:1}.install-banner-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner-text{flex:1;min-width:0}.install-banner-text h4{font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.install-banner-text p{font-size:.8125rem;opacity:.9;display:none}@media (min-width:640px){.install-banner-text p{display:block}}.install-banner-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.install-banner-btn{padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);border:none}.install-banner-btn-primary{background:white;color:var(--dt-primary-700)}.install-banner-btn-primary:hover{background:var(--dt-cream-200);transform:translateY(-1px)}.install-banner-btn-close{background:transparent;color:white;padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.install-banner-btn-close:hover{background:rgba(255,255,255,.15)}.auth-banner-error{background:var(--dt-error-500);color:white;padding:.75rem 1rem}.auth-banner-warning{background:var(--dt-warning-500);color:var(--dt-gray-900);padding:.75rem 1rem}.auth-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--content-max-width);margin:0 auto}.auth-banner-content button{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity var(--transition-fast)}.auth-banner-content button:hover{opacity:.9}.dashboard-sidebar{top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.dashboard-sidebar.open,.dashboard-sidebar.translate-x-0{transform:translateX(0)}@media (min-width:1280px){.dashboard-sidebar{display:none!important}}.dashboard-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);transition:all .3s ease}.dashboard-main{background:var(--color-surface-secondary);background-image:var(--gradient-mesh);padding:.75rem .5rem 1.5rem;transition:all var(--transition-smooth);width:100%;max-width:none;margin:0;box-sizing:border-box}@media (min-width:640px){.dashboard-main{padding-left:1rem;padding-right:1rem;padding-top:1rem}}@media (min-width:1024px){.dashboard-main{padding-left:1.25rem;padding-right:1.25rem}}@media (min-width:1280px){.dashboard-main{padding:1rem 1.5rem 2rem;margin-left:0!important;width:100vw;max-width:100vw}}@media (min-width:1536px){.dashboard-main{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:1279px){.dashboard-main{padding-bottom:calc(72px + 1rem + env(safe-area-inset-bottom, 0))}}.dashboard-content{margin-top:var(--dashboard-header-height,72px);width:100vw;min-height:calc(100vh - var(--dashboard-header-height, 72px));max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.dashboard-section-header{margin-bottom:1.5rem}.dashboard-section-header h1,.dashboard-section-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.dashboard-section-header p{font-size:.875rem;color:var(--color-text-muted)}@media (min-width:640px){.dashboard-section-header{margin-bottom:1.75rem}.dashboard-section-header h1,.dashboard-section-header h2{font-size:1.75rem}}.dashboard-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:1.25rem;margin-bottom:1rem;transition:all var(--transition-smooth);position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-smooth)}.dashboard-card:hover{box-shadow:var(--shadow-md);border-color:var(--dt-primary-100)}.dashboard-card:hover:before{opacity:1}@media (min-width:640px){.dashboard-card{padding:1.5rem;margin-bottom:1.25rem;border-radius:var(--radius-2xl)}}@media (min-width:1280px){.dashboard-card{padding:1.75rem;margin-bottom:1.5rem}}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-light)}.dashboard-card-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width:640px){.dashboard-stats-grid{gap:1rem}}@media (min-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:1280px){.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-stat-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:1rem;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-smooth);position:relative;overflow:hidden}.dashboard-stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:var(--gradient-brand);opacity:.03;border-radius:50%;transform:translate(30%,-30%);transition:all var(--transition-slow)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand-sm);border-color:var(--dt-primary-200)}.dashboard-stat-card:hover:after{opacity:.06;transform:translate(20%,-20%) scale(1.2)}.dashboard-stat-card .stat-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--dt-primary-50);color:var(--color-brand);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.dashboard-stat-card .stat-icon svg{width:1.25rem;height:1.25rem}.dashboard-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;font-family:var(--font-display)}.dashboard-stat-card .stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.dashboard-stat-card .stat-change{font-size:.6875rem;font-weight:600;margin-top:.375rem;display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:var(--radius-full)}.dashboard-stat-card .stat-change.positive{background:var(--dt-success-100);color:var(--dt-success-600)}.dashboard-stat-card .stat-change.negative{background:var(--dt-error-100);color:var(--dt-error-600)}@media (min-width:640px){.dashboard-stat-card{padding:1.25rem;min-height:110px}.dashboard-stat-card .stat-value{font-size:1.75rem}.dashboard-stat-card .stat-label{font-size:.8125rem}}.dashboard-actions-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:640px){.dashboard-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1024px){.dashboard-actions-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-action-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:1.25rem;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-action-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-brand-sm);transform:translateY(-2px)}.dashboard-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);text-align:left;position:relative}.dashboard-nav-item svg{width:1.25rem;height:1.25rem;flex-shrink:0}.dashboard-nav-item:hover{background:rgba(45,106,122,.08);color:var(--color-brand)}.dashboard-nav-item.active{background:var(--dt-primary-50);color:var(--color-brand);font-weight:600}.dashboard-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gradient-brand);border-radius:0 2px 2px 0}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);border:none}.dashboard-btn-primary{background:var(--gradient-brand);color:white;box-shadow:var(--shadow-brand-sm)}.dashboard-btn-primary:hover{box-shadow:var(--shadow-brand-md);transform:translateY(-1px)}.dashboard-btn-secondary{background:var(--color-surface);color:var(--color-brand);border:1.5px solid var(--color-brand)}.dashboard-btn-secondary:hover{background:var(--color-brand);color:white}.dashboard-btn-danger{background:var(--dt-error-500);color:white}.dashboard-btn-danger:hover{background:var(--dt-error-600);box-shadow:0 4px 12px rgba(239,68,68,.3)}.dashboard-title{font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.375rem;font-family:var(--font-display)}@media (min-width:640px){.dashboard-title{font-size:1.5rem}}@media (min-width:1280px){.dashboard-title{font-size:1.75rem}}.dashboard-subtitle{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.dashboard-spacing{margin-bottom:1rem}@media (min-width:640px){.dashboard-spacing{margin-bottom:1.25rem}}@media (min-width:1280px){.dashboard-spacing{margin-bottom:1.5rem}}.dashboard-loading{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;width:100vw;height:100dvh;background:var(--page-bg,#ffffff);z-index:9999}.dashboard-loading .spinner{width:48px;height:48px;border:3px solid var(--dt-primary-100);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-section-loading{display:flex;align-items:center;justify-content:center;width:100%;min-height:30vh;background:transparent}.dashboard-user-info{display:none}@media (min-width:1280px){.dashboard-user-info{display:flex;align-items:center;gap:1rem}}.dashboard-user-info-mobile{padding:1.25rem;border-top:1px solid var(--color-border-light);background:var(--dt-gray-50)}@media (min-width:1280px){.dashboard-user-info-mobile{display:none}}.dashboard-user-email{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.dashboard-user-role{font-size:.75rem;color:var(--color-text-muted)}.dashboard-mobile-actions{display:flex;align-items:center;gap:.5rem}@media (min-width:1280px){.dashboard-mobile-actions{display:none}}.dashboard-mobile-bell-btn,.dashboard-mobile-download-btn,.dashboard-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-smooth)}.dashboard-mobile-download-btn{background:transparent;color:var(--color-brand)}.dashboard-mobile-bell-btn{background:transparent;color:var(--color-text-secondary);position:relative}.dashboard-mobile-menu-btn{background:var(--gradient-brand);color:white;box-shadow:var(--shadow-brand-sm)}.dashboard-mobile-menu-btn:hover{transform:scale(1.05)}.dashboard-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:45;animation:fadeIn .2s ease}@media (min-width:1280px){.dashboard-overlay{display:none}}.dashboard-mobile-bell-panel{position:absolute;right:0;top:calc(100% + .5rem);width:min(90vw,320px);max-height:70vh;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light);overflow:hidden;z-index:100;animation:fadeInDown .2s var(--ease-out-expo)}.employees-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.employees-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.employees-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.employees-grid{grid-template-columns:repeat(4,1fr)}}.employee-card{background:white;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:1.25rem;transition:all var(--transition-smooth)}.employee-card:hover{box-shadow:var(--shadow-md);border-color:var(--dt-primary-100)}.employee-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.employee-card-avatar{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-brand);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.employee-card-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.employee-card-role{font-size:.75rem;color:var(--color-text-muted)}.employee-card-info{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem;color:var(--color-text-secondary)}.employee-card-status{margin-top:.75rem}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge-active{background:var(--dt-success-100);color:var(--dt-success-600)}.status-badge-inactive{background:var(--dt-gray-100);color:var(--dt-gray-600)}.dashboard-mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;box-shadow:0 -4px 30px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(0);transition:transform var(--transition-smooth)}@media (min-width:1280px){.dashboard-mobile-bottom-nav{display:none}}.dashboard-mobile-bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:.6}.dashboard-mobile-bottom-nav-container{display:flex;align-items:center;justify-content:space-around;padding:.5rem .75rem;min-height:64px;max-width:100%;margin:0;gap:.25rem}@media (min-width:640px){.dashboard-mobile-bottom-nav-container{padding:.75rem 1rem;min-height:72px}}.dashboard-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;min-width:60px;border-radius:var(--radius-xl);background:transparent;border:none;cursor:pointer;transition:all var(--transition-smooth);text-decoration:none;position:relative}.dashboard-mobile-nav-item:active{transform:scale(.95)}.dashboard-mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-smooth);position:relative}.dashboard-mobile-nav-icon svg{width:1.25rem;height:1.25rem;transition:all var(--transition-smooth)}@media (min-width:640px){.dashboard-mobile-nav-icon{width:48px;height:48px}.dashboard-mobile-nav-icon svg{width:1.375rem;height:1.375rem}}.dashboard-mobile-nav-icon.active{background:var(--gradient-brand);color:white;box-shadow:var(--shadow-brand-sm)}.dashboard-mobile-nav-icon.active svg{transform:scale(1.1)}.dashboard-mobile-nav-item:hover .dashboard-mobile-nav-icon:not(.active){background:rgba(45,106,122,.1);color:var(--color-brand);transform:scale(1.05)}.dashboard-mobile-nav-item span:last-child{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);line-height:1;transition:color var(--transition-fast);text-align:center;white-space:nowrap}.dashboard-mobile-nav-item:has(.active) span:last-child{color:var(--color-brand);font-weight:600}.mobile-nav-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:.625rem;font-weight:700;background:var(--dt-error-500);color:white;border-radius:var(--radius-full);border:2px solid white;box-shadow:0 2px 4px rgba(239,68,68,.3);animation:pulse-soft 2s ease-in-out infinite}.dashboard-footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);margin-top:auto;padding:1.5rem;text-align:center}.dashboard-footer p{font-size:.8125rem;color:var(--color-text-muted)}.dashboard-stat-card-professional{background:white;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);overflow:hidden;position:relative}.dashboard-stat-card-professional:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-smooth)}.dashboard-stat-card-professional:hover{transform:translateY(-4px);box-shadow:var(--shadow-brand-md);border-color:var(--dt-primary-200)}.dashboard-stat-card-professional:hover:before{opacity:1}.dashboard-sidebar{position:fixed;top:var(--dashboard-header-height,72px);left:0;bottom:0;width:280px;max-width:85vw;z-index:55;background:white;box-shadow:var(--shadow-2xl);transform:translateX(-100%);transition:transform var(--transition-smooth);overflow-y:auto;border-right:none}.dashboard-sidebar.translate-x-0{transform:translateX(0)}.dashboard-sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:54;opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.dashboard-sidebar-backdrop.visible{opacity:1;visibility:visible}@media (min-width:1280px){.dashboard-sidebar-backdrop{display:none}}@media (max-width:1279px){.dashboard-main{padding-top:calc(var(--dashboard-header-height, 72px) - 5rem)!important;padding-bottom:calc(72px + 1rem + env(safe-area-inset-bottom, 0))!important}.dashboard-content{margin-top:calc(var(--dashboard-header-height, 72px))!important}}.install-prompt-banner{position:fixed;left:0;right:0;bottom:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1279px){.install-prompt-banner{bottom:calc(72px + env(safe-area-inset-bottom, 0))}}@media (min-width:1280px){.install-prompt-banner{bottom:0}}.dashboard-nav-item.active .flex-shrink-0{color:var(--dt-primary-600,#2d6a7a)!important;transition:color .2s}.dashboard-nav-item.active{background:var(--dt-primary-50,#ebf5f7)!important;color:var(--dt-primary-700,#245668)!important}.dashboard-nav-item .flex-shrink-0{transition:none!important;min-width:1.5rem!important;min-height:1.5rem!important;justify-content:flex-start}.dashboard-nav-item .flex-shrink-0,.dashboard-nav-item-collapsed .flex-shrink-0{margin:0!important;font-size:1rem!important;width:1.5rem!important;height:1.5rem!important;display:flex;align-items:center}.dashboard-nav-item-collapsed .flex-shrink-0{justify-content:center}@media (min-width:768px){.dashboard-nav-item .flex-shrink-0,.dashboard-nav-item-collapsed .flex-shrink-0{font-size:1.125rem!important;width:1.625rem!important;height:1.625rem!important}}@media (min-width:1280px){.dashboard-nav-item .flex-shrink-0,.dashboard-nav-item-collapsed .flex-shrink-0{font-size:1.25rem!important;width:1.75rem!important;height:1.75rem!important}}.bg-primary-red,.bg-red-600{background:var(--dt-primary-600,#2d6a7a)!important}.bg-primary-red:hover,.bg-red-600:hover{background:var(--dt-primary-700,#245668)!important}.text-primary-red,.text-red-600{color:var(--dt-primary-600,#2d6a7a)!important}.bg-status-red{background-color:#ef4444!important}.text-status-red{color:#ef4444!important}.border-primary-red,.border-red-600{border-color:var(--dt-primary-600,#2d6a7a)!important}.focus\:ring-primary-red:focus,.focus\:ring-red-500:focus{--tw-ring-color:var(--dt-primary-400,#4d96a6)!important}.focus\:border-primary-red:focus,.focus\:border-red-500:focus{border-color:var(--dt-primary-500,#3d8090)!important}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s cubic-bezier(.16,1,.3,1)}@media (min-width:1280px){.dashboard-main{padding-top:0!important}.dashboard-header .container-construction{max-width:100%!important;padding-left:1.5rem!important;padding-right:1.5rem!important}}.btn-neon{position:relative;z-index:1}.btn-neon:before{inset:-4px;background:linear-gradient(45deg,#00ffad,#00f2ff,#00ffad);border-radius:14px;filter:blur(8px);opacity:.7;animation:neon-pulse 2s ease-in-out infinite}.btn-neon:after,.btn-neon:before{content:"";position:absolute;z-index:-1}.btn-neon:after{inset:-1px;background:linear-gradient(45deg,#00ffad,#00f2ff);border-radius:13px;opacity:.5}@keyframes neon-pulse{0%,to{opacity:.5;transform:scale(1);filter:blur(8px)}50%{opacity:.9;transform:scale(1.05);filter:blur(12px)}}.btn-neon:hover{transform:scale(1.03);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-neon:hover:before{animation-duration:.8s;opacity:1;filter:blur(15px)}:root[data-theme=dark] .dashboard-nav-item.active,:root[data-theme=system] .dashboard-nav-item.active{background:var(--color-brand-light)!important;color:var(--color-brand)!important}:root[data-theme=dark] .dashboard-nav-item.active .flex-shrink-0,:root[data-theme=system] .dashboard-nav-item.active .flex-shrink-0{color:var(--color-brand)!important}@media (min-width:1280px){.dashboard-collapse-btn,.dashboard-collapse-btn-circle,.dashboard-collapse-btn-circle-nav,.dashboard-sidebar-collapsed{display:none!important}}.dashboard-nav-item-collapsed{justify-content:center;padding:.75rem .5rem}.dashboard-nav-item-collapsed span:last-child{display:none}.dashboard-content{margin-top:var(--dashboard-header-height);display:flex;width:100%}.dashboard-main{flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh;background:#f9fafb;padding-bottom:0}.dashboard-main-collapsed{margin-left:0!important;transition:margin-left .5s cubic-bezier(.4,0,.2,1)!important}@media (max-width:1279px){.dashboard-main{padding-bottom:6rem}.dashboard-main,.dashboard-main-collapsed{margin-left:0!important}body.menu-open .dashboard-main{margin-left:280px!important}}.dt-popup{background:#ffffff!important;border:1px solid rgba(45,106,122,.1)!important;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.dt-popup-divider{height:1px;background:rgba(45,106,122,.08)!important;margin:.25rem 0}.dt-popup-item{color:var(--dt-gray-700)!important;transition:background var(--transition-fast),color var(--transition-fast);width:100%;border-radius:var(--radius-md)}.dt-popup-item:hover{background:var(--dt-primary-50)!important;color:var(--dt-primary-700)!important}.dt-popup-user-name{color:#0f1d22!important}.dt-popup-user-email{color:var(--dt-gray-500)!important}.dt-popup-label{color:var(--dt-gray-400)!important}body{color:#0f1d22!important}.dashboard-main,body{background:#ffffff!important}.dashboard-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)}.dashboard-mobile-bottom-nav,.dashboard-sidebar{background:#ffffff!important;box-shadow:0 -4px 30px rgba(0,0,0,.08)!important}.dashboard-card,.dashboard-card-main-container,.dashboard-stat-card,.employee-card,[class*=rounded-xl][class*=shadow-sm][class*=border-gray-100]{background:#ffffff!important;border:1px solid rgba(45,106,122,.1)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-smooth)}.dashboard-bell-dropdown{background:#ffffff!important;border:1px solid rgba(45,106,122,.1)!important;box-shadow:var(--shadow-2xl)!important}.bell-dropdown-footer,.bell-dropdown-header{background:#f8fdfe!important}.bell-dropdown-footer button{color:var(--color-brand)!important;transition:all .2s ease}.bell-dropdown-footer button:hover{background:var(--color-brand)!important;color:#ffffff!important}.notification-icon{background:var(--dt-primary-50)!important;color:var(--dt-primary-600)!important}input,select,textarea{border-color:rgba(45,106,122,.15)!important}table th{background:#f8fdfe!important;color:#0f1d22!important}td.sticky,th.sticky{background:#ffffff!important;border-color:rgba(45,106,122,.1)!important}.badge-brand{background:var(--dt-primary-50)!important;color:var(--dt-primary-700)!important}.dashboard-bell-btn,.dashboard-header .relative button{border-radius:10px!important;transition:all .2s ease!important}@keyframes border-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dt-upgrade-btn{position:relative;overflow:hidden!important;display:flex!important;align-items:center;justify-content:center;padding:1.5px!important;border-radius:10px!important;border:none!important;background:rgba(45,106,122,.1)!important;z-index:1;width:auto!important;min-width:100px}.dt-upgrade-btn:before{content:"";position:absolute;width:150%;height:500%;background:conic-gradient(transparent,var(--dt-primary-400),transparent 40%,transparent 50%,var(--dt-primary-400),transparent 90%);animation:border-rotate 4s linear infinite;z-index:-1}.dt-upgrade-inner{background:white;color:var(--dt-primary-700)!important;padding:0 16px;height:100%;width:100%;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700!important;font-size:13px!important;transition:all .2s ease;z-index:1}.dt-upgrade-btn:hover .dt-upgrade-inner{background:var(--dt-primary-50)}.dt-profile-trigger{box-shadow:none!important;border:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.dt-profile-trigger:hover{transform:scale(1.1);filter:brightness(1.15) saturate(1.1)}.dt-profile-trigger .user-avatar-placeholder,.dt-profile-trigger img{transition:all .25s ease}::-webkit-scrollbar-track{background:#f8fdfe!important}::-webkit-scrollbar-thumb{background:rgba(45,106,122,.2)!important;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dt-primary-400)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--primary-red:#FF0000;--primary-green:#00FF00;--steel-blue:#000000}}@media print{.no-print{display:none!important}body{background:white!important;color:black!important}.card-construction{box-shadow:none!important;border:1px solid #000!important}}.custom-select-modal{background-position:calc(100% - 22px)}.custom-dropdown{border-radius:.5rem;box-shadow:0 6px 18px rgba(15,23,42,.12);border:1px solid rgba(229,231,235,1);background:white}.custom-dropdown li{padding:.5rem .75rem;line-height:1.1}.custom-dropdown li:hover{background:rgba(249,250,251,1)}.custom-dropdown::-webkit-scrollbar{width:10px}.custom-dropdown::-webkit-scrollbar-thumb{background:rgba(156,163,175,.6);border-radius:9999px}.custom-dropdown::-webkit-scrollbar-track{background:transparent}.icon-wrench:before{content:"🔧"}.icon-level:before,.icon-wrench:before{display:inline-block;margin-right:.5rem}.icon-level:before{content:"📐"}.icon-blueprint:before{content:"📋";display:inline-block;margin-right:.5rem}.grid-construction{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.flex-construction{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.service-carousel{position:relative;overflow:hidden}.service-carousel-track{display:flex;transition:transform .8s cubic-bezier(.65,0,.35,1);will-change:transform}.service-carousel-slide{min-width:100%;flex-shrink:0;padding-right:1rem}.service-carousel-header{position:relative;padding:1.5rem 0 3rem;text-align:center}.service-carousel-header-copy{position:relative;z-index:2}.service-carousel-card img{display:block}.service-carousel-card button{display:none}.service-carousel-indicators{position:absolute;left:50%;bottom:-2.5rem;transform:translateX(-50%);display:flex;justify-content:center;gap:.5rem;margin-top:0;padding:.25rem .5rem;z-index:2}.form-construction input,.form-construction select,.form-construction textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--dt-gray-200,#e5e7eb);border-radius:var(--radius-lg,.5rem);transition:all .2s ease;background:rgba(255,255,255,.9)}.form-construction input:focus,.form-construction select:focus,.form-construction textarea:focus{border-color:var(--dt-primary-500,#3d8090);box-shadow:0 0 0 3px rgba(45,106,122,.1);outline:none;transform:translateY(-1px)}.nav-construction{background:white;box-shadow:var(--shadow-md,0 4px 6px -1px rgba(0,0,0,.1));border-bottom:3px solid var(--dt-primary-600,#2d6a7a)}.nav-construction a{padding:.75rem 1rem;color:var(--dt-gray-700,#374151);font-weight:500;transition:all .2s ease;position:relative}.nav-construction a:hover{color:var(--dt-primary-600,#2d6a7a)}.nav-construction a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--gradient-brand);transition:all .2s ease;transform:translateX(-50%)}.nav-construction a:hover:after{width:100%}.text-balance{text-wrap:balance}.bg-construction-gradient{background:var(--gradient-construction)}.shadow-construction{box-shadow:var(--shadow-construction)}.border-construction{border-color:var(--primary-red)}.container-construction{width:100%;max-width:var(--content-max-width,100%);margin:0 auto;padding:0 .5rem}@media (min-width:344px){.container-construction{padding:0 .75rem}}@media (min-width:375px){.container-construction{padding:0 .75rem}}@media (min-width:640px){.container-construction{padding:0 1rem}}@media (min-width:768px){.container-construction{padding:0 1.25rem}}@media (min-width:1024px){.container-construction{padding:0 1.25rem}}@media (min-width:1280px){.container-construction{padding:0 1.5rem}}@media (min-width:1536px){.container-construction{padding:0 1.5rem;max-width:var(--content-max-width,100%)}}.grid-construction-mobile{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:344px){.grid-construction-mobile{gap:1rem}}@media (min-width:640px){.grid-construction-mobile{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1280px){.grid-construction-mobile{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:1536px){.grid-construction-mobile{grid-template-columns:repeat(4,1fr)}}.flex-construction-mobile{display:flex;flex-direction:column;gap:.75rem}@media (min-width:344px){.flex-construction-mobile{gap:1rem}}@media (min-width:640px){.flex-construction-mobile{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}.text-construction-responsive{font-size:.8125rem;line-height:1.3}@media (min-width:344px){.text-construction-responsive{font-size:.875rem;line-height:1.4}}@media (min-width:640px){.text-construction-responsive{font-size:1rem;line-height:1.5}}@media (min-width:1280px){.text-construction-responsive{font-size:1.125rem;line-height:1.6}}.btn-construction-responsive{padding:.625rem 1.25rem;font-size:.8125rem}@media (min-width:344px){.btn-construction-responsive{padding:.75rem 1.5rem;font-size:.875rem}}@media (min-width:640px){.btn-construction-responsive{padding:.875rem 2rem;font-size:1rem}}@media (min-width:1280px){.btn-construction-responsive{padding:1rem 2.5rem;font-size:1.125rem}}.card-construction-responsive{padding:.75rem}@media (min-width:344px){.card-construction-responsive{padding:1rem}}@media (min-width:640px){.card-construction-responsive{padding:1.5rem}}@media (min-width:1280px){.card-construction-responsive{padding:2rem}}.card-mission-vision{min-height:280px}@media (min-width:344px){.card-mission-vision{min-height:300px}}@media (min-width:640px){.card-mission-vision{min-height:320px}}@media (min-width:768px){.card-mission-vision{min-height:350px}}@media (min-width:1280px){.card-mission-vision{min-height:400px}}@media (min-width:1536px){.card-mission-vision{min-height:420px}}.card-about-dataime{min-height:350px;padding:1rem}@media (min-width:344px){.card-about-dataime{min-height:380px;padding:1.25rem}}@media (min-width:640px){.card-about-dataime{min-height:400px;padding:1.5rem}}@media (min-width:768px){.card-about-dataime{min-height:420px;padding:2rem}}@media (min-width:1280px){.card-about-dataime{min-height:480px;padding:3rem}}@media (min-width:1536px){.card-about-dataime{min-height:500px;padding:3.5rem}}.input-construction-responsive{padding:.625rem;font-size:.8125rem}@media (min-width:344px){.input-construction-responsive{padding:.75rem;font-size:.875rem}}@media (min-width:640px){.input-construction-responsive{padding:.875rem;font-size:1rem}}@media (min-width:1280px){.input-construction-responsive{padding:1rem;font-size:1.125rem}}.spacing-construction-responsive{margin-bottom:.75rem}@media (min-width:344px){.spacing-construction-responsive{margin-bottom:1rem}}@media (min-width:640px){.spacing-construction-responsive{margin-bottom:1.5rem}}@media (min-width:1280px){.spacing-construction-responsive{margin-bottom:2rem}}@media (max-width:343px){.animate-build-in{animation-duration:.3s}.btn-construction:hover,.card-construction:hover{transform:none}.texture-concrete,.texture-metal,.texture-wood{background:none}}@media (max-width:639px){.animate-build-in{animation-duration:.4s}.btn-construction:hover,.card-construction:hover{transform:none}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}@media (min-resolution:192dpi){.texture-concrete{background-size:4px 4px}.texture-metal{background-size:10px 10px}}@media (orientation:landscape) and (max-height:500px){.container-construction{padding:0 .5rem}.card-construction-responsive{padding:.75rem}}@media (max-height:700px){.dashboard-header-grid{padding:.4rem 0;gap:.5rem}.dashboard-action-card,.dashboard-card,.dashboard-main,.dashboard-stat-card{padding:.75rem}}@keyframes neon-gradient-move{0%{background-position:0 50%}to{background-position:200% 50%}}.neon-animated-border{animation:neon-gradient-move 3s linear infinite;background:linear-gradient(90deg,#00f2ff,#7000ff,#00f2ff);background-size:200% 100%}.kiosk-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.kiosk-bg{position:absolute;inset:0;background:linear-gradient(160deg,#0f1923,#162a36 40%,#1a3f4c 70%,#0f1923);z-index:0}.kiosk-bg:before{background:radial-gradient(ellipse 600px 400px at 20% 30%,rgba(45,106,122,.15) 0,transparent 70%),radial-gradient(ellipse 500px 350px at 80% 60%,rgba(212,175,55,.06) 0,transparent 70%)}.kiosk-bg:after,.kiosk-bg:before{content:"";position:absolute;inset:0;pointer-events:none}.kiosk-bg:after{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:40px 40px}.kiosk-topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}@media (min-width:768px){.kiosk-topbar{padding:1.5rem 2.5rem}}.kiosk-exit-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.4);backdrop-filter:blur(8px);transition:all .2s ease;cursor:pointer}.kiosk-exit-btn:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.2)}.kiosk-exit-btn-confirm{background:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.3)!important;color:#f87171!important}.kiosk-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:1rem}@media (min-width:768px){.kiosk-content{gap:3rem}}.kiosk-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:1.5rem;text-align:center}.kiosk-numpad-btn{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:white;transition:all .15s ease;cursor:pointer;backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;outline:none}.kiosk-numpad-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:scale(1.04)}.kiosk-numpad-btn:active{background:rgba(255,255,255,.18);transform:scale(.96)}.kiosk-numpad-btn:disabled{opacity:.3;cursor:not-allowed}.kiosk-numpad-action{background:rgba(255,255,255,.03);color:rgba(255,255,255,.5)}.kiosk-numpad-action:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}@media (min-width:640px){.kiosk-numpad-btn{width:80px;height:80px}}@media (min-width:768px){.kiosk-numpad-btn{width:88px;height:88px}}.kiosk-lock-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.kiosk-lock-btn:hover{background:rgba(45,106,122,.08);color:#2d6a7a}.kiosk-lock-btn:active{transform:scale(.92)}