@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-display: "Outfit", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #090d16;--surface: #111726;--surface-2: #1a2336;--surface-3: #25314a;--text: #f8fafc;--text-muted: #8b9bb4;--accent: #6366f1;--accent-light: #818cf8;--accent-dark: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-glow: rgba(99, 102, 241, .45);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--border: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .12);--card-bg: var(--surface);--card-border: var(--border);--modal-bg: rgba(9, 13, 22, .9);--modal-border: var(--border-strong);--nav-bg: rgba(9, 13, 22, .85);--sidebar-width: 280px;--header-height: 72px;--glass: rgba(17, 23, 38, .65);--glass-border: rgba(255, 255, 255, .04);--glass-blur: blur(20px);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-accent: 0 10px 20px -5px rgba(99, 102, 241, .35)}.light-theme{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--accent: #4f46e5;--accent-light: #6366f1;--accent-dark: #3730a3;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-glow: rgba(79, 70, 229, .25);--border: rgba(15, 23, 42, .07);--border-strong: rgba(15, 23, 42, .14);--success: #059669;--success-bg: #d1fae5;--warning: #d97706;--warning-bg: #fef3c7;--error: #dc2626;--error-bg: #fee2e2;--info: #2563eb;--info-bg: #dbeafe;--glass: rgba(255, 255, 255, .75);--glass-border: rgba(15, 23, 42, .04);--card-bg: var(--surface);--card-border: var(--border);--modal-bg: rgba(255, 255, 255, .95);--modal-border: var(--border-strong);--nav-bg: rgba(248, 250, 252, .8);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .05), 0 10px 10px -5px rgba(15, 23, 42, .02)}*{box-sizing:border-box}a,button,select,input,textarea,.card-hover,.luxe-emp-card,.org-node-card{transition:all .2s cubic-bezier(.16,1,.3,1)}select{color-scheme:dark}select option{background-color:#15151e!important;color:#f0f0f8!important;font-weight:600;padding:8px 12px}select option:hover,select option:checked{background-color:#2a2a40!important}body{margin:0;padding:0;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow:hidden;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.1) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(59,130,246,.08) 0px,transparent 50%)}#root{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}h1,h2,h3,h4,h5,h6,.title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.light-theme ::-webkit-scrollbar-thumb{background:#0003}.light-theme ::-webkit-scrollbar-thumb:hover{background:#0000004d}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#96969633;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9696964d}@keyframes slideUp{0%{transform:translateY(24px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideTabIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideInLeft{0%{transform:translate(-32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(32px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.94) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse-subtle{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}.slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) forwards}.slide-in-right{animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1) forwards}.scale-in{animation:scaleIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.3}to{transform:scale(1);opacity:.8}}.pulse{animation:pulse 1.5s infinite ease-in-out}.shadow-glow{box-shadow:0 0 40px #6366f133}.glass{background:var(--glass);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-premium{background:#0f172a66;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff0d}.accent-glow:hover{box-shadow:0 0 30px var(--accent-glow)}.premium-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{border-color:var(--accent-light);transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--surface-2);color:var(--text)}.btn-premium{padding:12px 24px;border-radius:var(--radius-md);font-weight:700;font-family:var(--font-display);cursor:pointer;border:none;background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-premium:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 12px 24px -6px #6366f180}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.table-card-view tr{display:flex;flex-direction:column;padding:16px;border-bottom:1px solid var(--border);gap:8px}.table-card-view td{border:none;padding:4px 0;display:flex;justify-content:space-between;align-items:center}.table-card-view td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);font-size:11px;text-transform:uppercase}.table-card-view thead{display:none}}.btn-secondary{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:#6366f114;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.input-premium{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text);width:100%;outline:none}.input-premium:focus{border-color:var(--accent);background:#ffffff0d;box-shadow:0 0 0 4px #6366f11a}.q-input{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:9px 34px 9px 14px;color:var(--text);font-size:13px;font-weight:600;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236366f1' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.q-input:hover{border-color:#6366f166;background:#ffffff12}.q-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126;background:#ffffff14}.q-input option{background:#1a1a2e;color:var(--text);font-weight:600}.badge{padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-admin{background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.badge-user{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.client-layout{min-height:100vh;padding:0;background:var(--bg)}.client-topbar{background:#0006;border-bottom:1px solid var(--border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(24px);position:sticky;top:0;z-index:10}.light-theme .client-topbar{background:#fffc}.client-brand{display:flex;align-items:center;gap:10px}.client-brand-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.client-brand-name{font-family:var(--font-display);font-weight:800;font-size:16px}.client-brand-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:1px}.client-body{max-width:960px;margin:0 auto;padding:40px 24px}.client-welcome{margin-bottom:36px;animation:slideUp .5s ease both}.client-welcome-title{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-.03em}.client-welcome-sub{font-size:14px;color:var(--text-muted);margin-top:6px}.project-hero{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px;margin-bottom:20px;animation:slideUp .5s .1s ease both;position:relative;overflow:hidden}.project-hero-glow{position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.2}.project-hero-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.project-hero-title{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.03em}.project-hero-id{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:4px}.project-big-prog{margin-top:8px}.project-big-prog-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:8px}.project-big-prog-track{height:10px;background:#9696961a;border-radius:6px;overflow:hidden}.project-big-prog-fill{height:100%;border-radius:6px;background:var(--accent-gradient);box-shadow:0 0 20px #6366f14d;transition:width 1s cubic-bezier(.4,0,.2,1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.info-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.info-chip-key{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.info-chip-val{font-size:14px;font-weight:600;color:var(--text)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:var(--border)}.milestone{position:relative;margin-bottom:20px;animation:slideUp .4s ease both}.milestone-dot{position:absolute;left:-28px;top:3px;width:14px;height:14px;border-radius:50%;border:2px solid;background:var(--bg)}.milestone-done .milestone-dot{border-color:var(--success);background:#10b98133;box-shadow:0 0 8px #10b98166}.milestone-active .milestone-dot{border-color:var(--warning);background:#f59e0b26;animation:milePulse 1.5s ease-in-out infinite}.milestone-pending .milestone-dot{border-color:var(--border)}@keyframes milePulse{0%,to{box-shadow:0 0 6px #f59e0b4d}50%{box-shadow:0 0 16px #f59e0bb3}}.milestone-title{font-size:14px;font-weight:600;color:var(--text)}.milestone-date{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:3px}.milestone-note{font-size:12px;color:var(--text-muted);margin-top:5px;font-style:italic}.emp-report-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:10px;display:flex;align-items:center;gap:14px;transition:background .2s}.emp-report-card:hover{background:var(--surface)}.emp-av-sm{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.emp-report-info{flex:1}.emp-report-name{font-size:13px;font-weight:600}.emp-report-role{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:1px}.emp-report-update{font-size:12px;color:var(--text-muted);margin-top:4px;font-style:italic;border-left:2px solid var(--border);padding-left:10px}.emp-report-hours{font-family:var(--font-mono);font-size:11px;color:var(--accent);white-space:nowrap;font-weight:700}.no-project{text-align:center;padding:80px 24px;animation:slideUp .5s ease both}.no-project-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}.no-project-title{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:8px}.no-project-sub{font-size:14px;color:var(--text-muted)}.responsive-grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-bottom:40px}.responsive-grid-2col{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:40px}@media (max-width: 900px){.responsive-grid-2col{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-pad{padding:16px!important}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.tracker-table-wrap{padding:0;margin:0 -16px;border-radius:0;width:calc(100% + 32px)}.mobile-expand-pad{padding-left:20px!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100%;width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 767px){button,a,[role=button]{min-height:44px}input,select,textarea{font-size:16px!important}}@media (max-width: 767px){.desktop-only{display:none!important}.table-to-cards{display:flex;flex-direction:column;gap:12px}.table-to-cards thead{display:none}.table-to-cards tr{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;gap:6px}.table-to-cards td{display:flex;justify-content:space-between;font-size:13px}.table-to-cards td:before{content:attr(data-label);font-weight:700;color:var(--text-muted)}}@media (min-width: 768px) and (max-width: 1023px){.mobile-only{display:none!important}}@media (min-width: 1024px){.mobile-only,.tablet-only{display:none!important}}@media (max-width: 767px){.modal-content{position:fixed!important;inset:auto 0 0!important;border-radius:20px 20px 0 0!important;max-height:92vh!important;width:100%!important}}.screen-container{max-width:100%;overflow-x:hidden}.cortex-floating-orb{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#1a3c5e,#0f2640 60%,#243f6b);box-shadow:0 0 #f4a73280,0 12px 40px #1a3c5e99,inset 0 1px 2px #ffffff26;display:flex;align-items:center;justify-content:center;position:fixed;bottom:28px;right:28px;cursor:pointer;z-index:9999;border:2px solid rgba(244,167,50,.55);animation:cortex-bob 4s ease-in-out infinite,cortex-ring-pulse 2.5s ease-out infinite;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cortex-floating-orb:after{content:"QMEX AI";position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0f1724f2;color:#f4a732;font-size:10px;font-weight:900;font-family:Outfit,sans-serif;letter-spacing:1px;padding:5px 10px;border-radius:8px;border:1px solid rgba(244,167,50,.3);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;backdrop-filter:blur(8px)}.cortex-floating-orb:hover:after{opacity:1}.cortex-floating-orb:hover{transform:scale(1.1);border-color:#f4a732;box-shadow:0 0 0 8px #f4a7321f,0 16px 48px #1a3c5eb3,inset 0 2px 4px #fff3}.cortex-orb-eye-bg{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1a3c5e,#0b1220);border:1.5px solid rgba(244,167,50,.3);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}.cortex-eye-pupil{width:10px;height:10px;border-radius:50%;background:#f4a732;box-shadow:0 0 8px #f4a732,0 0 16px #f4a73299;animation:cortex-eye-blink 5s infinite}@keyframes cortex-eye-blink{0%,95%,to{transform:scaleY(1);opacity:1}97.5%{transform:scaleY(.1);opacity:.1}}@keyframes cortex-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cortex-ring-pulse{0%{box-shadow:0 0 #f4a73273,0 12px 40px #1a3c5e99,inset 0 1px 2px #ffffff26}70%{box-shadow:0 0 0 14px #f4a73200,0 12px 40px #1a3c5e99,inset 0 1px 2px #ffffff26}to{box-shadow:0 0 #f4a73200,0 12px 40px #1a3c5e99,inset 0 1px 2px #ffffff26}}@keyframes ai-btn-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.cortex-header-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:12px;border:1px solid rgba(244,167,50,.35);background:linear-gradient(135deg,#1a3c5e,#243f6b,#1a3c5e);background-size:200% auto;color:#f4a732;font-size:12.5px;font-weight:900;font-family:Outfit,sans-serif;letter-spacing:.3px;cursor:pointer;box-shadow:0 4px 16px #1a3c5e59,0 0 #f4a7324d;transition:all .25s cubic-bezier(.34,1.56,.64,1);animation:ai-btn-shimmer 3s linear infinite;white-space:nowrap}.cortex-header-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(244,167,50,.12) 50%,transparent 60%);background-size:200% auto;animation:ai-btn-shimmer 2.5s linear infinite;border-radius:inherit}.cortex-header-btn:hover{transform:translateY(-2px) scale(1.03);border-color:#f4a732;box-shadow:0 8px 24px #1a3c5e80,0 0 0 4px #f4a7321f;color:#fff}.cortex-header-btn:active{transform:scale(.97)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(100%) opacity(.85);cursor:pointer}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes pulseBadge{0%,to{box-shadow:0 0 #f4a73280}60%{box-shadow:0 0 0 6px #f4a73200}}@keyframes pulseGreen{0%,to{box-shadow:0 0 #22c55e80}60%{box-shadow:0 0 0 6px #22c55e00}}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444480}60%{box-shadow:0 0 0 6px #ef444400}}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes slideTabIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes numberPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes borderGlow{0%,to{border-color:#f4a73226}50%{border-color:#f4a73273}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rowHighlight{0%{background:#f4a7321f}to{background:transparent}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.stat-card,[class*=card],[class*=Card]{animation:fadeSlideUp .45s cubic-bezier(.22,1,.36,1) both}.stat-card:nth-child(1),[class*=card]:nth-child(1){animation-delay:.04s}.stat-card:nth-child(2),[class*=card]:nth-child(2){animation-delay:.09s}.stat-card:nth-child(3),[class*=card]:nth-child(3){animation-delay:.14s}.stat-card:nth-child(4),[class*=card]:nth-child(4){animation-delay:.19s}.stat-card:nth-child(5),[class*=card]:nth-child(5){animation-delay:.24s}.stat-card:nth-child(6),[class*=card]:nth-child(6){animation-delay:.29s}.stat-card,[class*=card],[class*=Card],.hover-lift{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease!important}.stat-card:hover,[class*=card]:hover,.hover-lift:hover{transform:translateY(-4px) scale(1.015)!important;box-shadow:0 12px 40px #0006,0 0 0 1px #f4a7322e!important}.stat-card:active,[class*=card]:active,.hover-lift:active{transform:scale(.975)!important}tbody tr{transition:background .18s ease,transform .15s ease;cursor:default}tbody tr:hover{background:#f4a7320d!important;transform:translate(2px)}tbody tr:hover td:first-child{color:#f4a732!important}[class*=progress]>div,[style*=background-color][style*="height: 8px"]>*,[style*="height: 6px"]>*,[style*="height: 5px"]>*{transition:width 1.2s cubic-bezier(.22,1,.36,1)!important}progress{appearance:none;border-radius:999px;overflow:hidden;transition:all .8s ease}progress::-webkit-progress-bar{background:#ffffff0f;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:999px;transition:width 1.2s ease}button{transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease!important;cursor:pointer}button:hover{transform:translateY(-1px) scale(1.03)}button:active{transform:scale(.95)!important}button[style*="background: '#1A3C5E'"],button[style*="background: linear-gradient"]{position:relative;overflow:hidden}button[style*="background: '#1A3C5E'"]:after,button[style*="background: linear-gradient"]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);transition:transform .5s ease}button[style*="background: '#1A3C5E'"]:hover:after,button[style*="background: linear-gradient"]:hover:after{transform:translate(100%)}[role=tabpanel],.tab-content{animation:slideTabIn .3s cubic-bezier(.22,1,.36,1) both}[role=tab],[class*=tab-btn],[class*=TabBtn]{transition:all .2s ease!important;position:relative}[role=tab]:after,[class*=tab-btn]:after{content:"";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#f4a732;border-radius:2px;transition:left .25s ease,right .25s ease}[role=tab][aria-selected=true]:after,[role=tab].active:after{left:0;right:0}[style*="background: '#22C55E'"][style*="border-radius: '50%'"],[style*="background: #22C55E"][style*="border-radius: 50%"]{animation:pulseGreen 2s infinite}[style*="background: '#EF4444'"][style*="border-radius: '50%'"],[style*="background: #EF4444"][style*="border-radius: 50%"]{animation:pulseRed 2s infinite}input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #f4a73226!important;border-color:#f4a73266!important;outline:none!important}input:hover:not(:focus),textarea:hover:not(:focus){border-color:#ffffff26!important}h2,h3,h4{animation:fadeIn .4s ease both}.screen-container,[class*=screen],[class*=Screen]{animation:fadeSlideUp .4s cubic-bezier(.22,1,.36,1) both}[class*=service-card],[class*=ServiceCard]{animation:bounceIn .5s cubic-bezier(.22,1,.36,1) both;transition:all .22s ease!important}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:600px 100%;animation:shimmer 1.5s infinite;border-radius:8px}nav a,nav li,[class*=nav-item],[class*=navItem],[class*=sidebar] a{transition:all .18s ease!important;position:relative}nav a:hover,nav li:hover,[class*=nav-item]:hover{transform:translate(4px)!important}[class*=modal],[class*=Modal],[class*=overlay],[class*=Overlay]{animation:scaleIn .28s cubic-bezier(.34,1.56,.64,1) both}[class*=badge],[class*=Badge],[class*=pill],[class*=status-]{transition:all .2s ease}[class*=badge]:hover,[class*=Badge]:hover{transform:scale(1.08)}h1[class*=title],.page-title{background:linear-gradient(270deg,#f8fafc,#f4a732,#f8fafc);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#f4a73259}.hover-row{transition:background .18s ease,transform .15s ease!important}.hover-row:hover{background:#f4a7320a!important;transform:translate(2px)!important}svg{transition:transform .2s ease,color .2s ease}button:hover svg,a:hover svg{transform:scale(1.15) rotate(-5deg)}[style*="fontSize: 22"],[style*="fontSize: 24"],[style*="fontSize: 28"],[style*="fontSize: 32"],[style*="fontSize: 36"]{animation:fadeIn .5s ease both,numberPop .5s ease both}.finance-tab-active{position:relative}.finance-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#f4a732,#a855f7);border-radius:2px;animation:fadeIn .25s ease both}[class*=form] input,[class*=Form] input{animation:fadeSlideIn .3s ease both}.kpi-box{cursor:pointer;transition:box-shadow .22s ease,border-color .22s ease,transform .18s cubic-bezier(.34,1.56,.64,1)!important}.kpi-box:hover{box-shadow:0 0 0 2px #f4a73259,0 8px 32px #00000059!important;transform:translateY(-3px) scale(1.025)!important}.kpi-box:active{transform:scale(.97)!important}tr td div[style*=background][style*=linear-gradient]{transition:width 1s cubic-bezier(.22,1,.36,1)}[class*=price],[class*=Price],[class*=amount],[class*=Amount]{font-variant-numeric:tabular-nums;letter-spacing:-.02em}circle[stroke-dashoffset]{transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1)}.notification-badge,[class*=notif-count],[class*=badge-count]{animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1) both}[class*=fab],[class*=FAB],[class*=quick-action],[class*=QuickAction]{animation:floatUp 3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.app-layout,[class*=layout],[class*=Layout],[style*="gridTemplateColumns: '2fr"]{grid-template-columns:1fr!important}[style*="gridTemplateColumns: 'repeat(4"],[style*="gridTemplateColumns: 'repeat(3"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){body{overflow:auto!important;overflow-x:hidden}.main-content,[class*=main-content],[class*=mainContent]{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}h4{font-size:14px!important}h5,p,span,td,th,label{font-size:13px!important}small,caption{font-size:11px!important}[class*=sidebar],[class*=Sidebar],[class*=side-nav],[class*=SideNav]{display:none!important}[class*=topbar],[class*=header],[class*=Header]{padding:12px 16px!important;height:auto!important;min-height:56px}.projects-table,[class*=project-table],table{display:none!important}.mobile-project-cards{display:flex!important;flex-direction:column;gap:12px;padding:0 16px}.project-stats-rail{display:flex!important;overflow-x:auto;gap:10px;padding:0 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.project-stats-rail::-webkit-scrollbar{display:none}.project-stats-rail>*{flex-shrink:0;scroll-snap-align:start;min-width:140px}[class*=services-grid],[class*=ServicesGrid],[class*=service-catalog]{grid-template-columns:1fr!important;padding:0 16px}[class*=service-card],[class*=ServiceCard]{padding:16px!important;min-height:100px;border-radius:14px!important}[class*=service-card] button,[class*=ServiceCard] button{min-height:44px!important;min-width:80px!important;font-size:13px!important}[class*=finance-tabs],[class*=FinanceTabs]{overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}[class*=finance-tabs]::-webkit-scrollbar{display:none}[class*=finance-kpi],[class*=FinanceKpi],[class*=stat-grid]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:0 16px}[class*=stat-value],[class*=StatValue]{font-size:22px!important;font-weight:900!important}[class*=owner-tabs],[class*=OwnerTabs],[class*=entry-tabs]{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 16px}[class*=entry-form],[class*=EntryForm],[class*=income-grid],[class*=IncomeGrid]{grid-template-columns:1fr!important;gap:12px!important;padding:0 16px}input,select,textarea{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-radius:10px!important}[class*=submit-btn],[class*=SubmitBtn],button[type=submit],button:contains("Submit Daily report"),button:contains("Submit"){position:sticky!important;bottom:16px;width:calc(100% - 32px)!important;margin:0 16px!important;min-height:52px!important;font-size:15px!important;font-weight:900!important;border-radius:14px!important;z-index:50}[style*="repeat(3, 1fr)"],[style*="repeat(auto-fit"]{grid-template-columns:1fr!important}[style*="1fr 1fr"]:not([class*=keep-2col]){grid-template-columns:1fr!important}[style*="2fr 1.1fr"],[style*="1.9fr 1.1fr"],[style*="1.4fr 1fr"]{grid-template-columns:1fr!important}table:not(.keep-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;scrollbar-width:thin;scrollbar-color:rgba(244,167,50,.3) transparent}table:not(.keep-table)::-webkit-scrollbar{height:4px}table:not(.keep-table)::-webkit-scrollbar-thumb{background:#f4a7324d;border-radius:4px}.table-card-view{display:block!important}.table-card-view thead{display:none!important}.table-card-view tbody tr{display:flex!important;flex-direction:column!important;padding:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;gap:6px!important;background:#111827!important;border-radius:12px!important;margin-bottom:10px!important;box-shadow:0 2px 12px #0003!important}.table-card-view tbody tr:hover{border-left:3px solid #F4A732!important;transform:none!important}.table-card-view td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:4px 0!important;border:none!important;font-size:12.5px!important}.table-card-view td:before{content:attr(data-label);font-size:10px!important;font-weight:800!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.6px!important}[style*="maxWidth: 960"],[style*="maxWidth: 800"]{max-width:100%!important;width:100%!important;margin:0!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:90vh!important;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1) both!important}.branch-kpi-grid{grid-template-columns:repeat(2,1fr)!important}[style*="gridTemplateColumns: 'repeat(3, 1fr)'"]{grid-template-columns:1fr!important}button{min-height:44px;padding:10px 16px;font-size:13px!important;border-radius:10px}[style*="padding: 24"],[style*="padding: '24px 28px'"],[style*="padding: '20px 24px'"],[style*="padding: 32"],[style*="padding: '28px 32px'"],[style*="padding: '24px 32px'"],[style*="padding: '16px 32px'"]{padding:16px!important}.main-content>*,[class*=tab-content]>*{padding-left:16px;padding-right:16px}}@media (max-width: 480px){[class*=finance-kpi],[class*=FinanceKpi]{grid-template-columns:1fr!important}[class*=topbar-right]>*:not(:last-child):not(:first-child){display:none!important}h1,h2{font-size:17px!important}[style*="maxWidth: 560"]{max-width:100%!important;width:100%!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;margin:0!important;max-height:85vh!important;overflow-y:auto}[class*=service],[class*=Service],[style*="minmax(320px"],[style*="repeat(3, 1fr)"],[style*="repeat(2, 1fr)"],[style*="1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 375px){h1,h2{font-size:15px!important}button{font-size:12px!important;padding:8px 12px!important}input,select{font-size:14px!important;min-height:44px!important}}.scroll-rail{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.scroll-rail::-webkit-scrollbar{display:none}.scroll-rail>*{flex-shrink:0;scroll-snap-align:start}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;background:#111827;border-top:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom);animation:slideUp .35s cubic-bezier(.34,1.56,.64,1) both}.bottom-sheet:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 4px}.mobile-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-card:active{transform:scale(.97);background:#172033}.mobile-card-accent{border-left:3px solid #F4A732}.mobile-cta-btn{width:100%;min-height:52px;border-radius:14px;font-size:15px;font-weight:900;background:linear-gradient(135deg,#1a3c5e,#243f6b);color:#fff;border:1px solid rgba(244,167,50,.2);box-shadow:0 8px 24px #1a3c5e66;transition:all .2s ease}.mobile-cta-btn:active{transform:scale(.97);box-shadow:0 2px 8px #1a3c5e4d}.gold-pill{background:#f4a7321f;color:#f4a732;border:1px solid rgba(244,167,50,.25);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.touch-ripple{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.touch-ripple:after{content:"";position:absolute;inset:0;background:#f4a7321a;opacity:0;transition:opacity .2s ease;border-radius:inherit}.touch-ripple:active:after{opacity:1}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));background:#0f1724f2;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:100;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:8px 12px;border-radius:10px;transition:all .2s ease;min-width:56px;min-height:44px;background:none;border:none}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:#f4a732;background:#f4a7321a}.mobile-bottom-nav svg{width:20px;height:20px}}@media (max-width: 768px){.project-catalog-table{display:none!important}.project-catalog-mobile{display:flex!important;flex-direction:column;gap:10px;padding:16px}.project-mobile-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:fadeSlideUp .4s ease both}.project-mobile-card:nth-child(odd){animation-delay:.05s}.project-mobile-card:nth-child(2n){animation-delay:.1s}.project-mobile-card-top{display:flex;justify-content:space-between;align-items:flex-start}.project-mobile-card-name{font-size:13.5px;font-weight:800;color:#f8fafc}.project-mobile-card-client{font-size:11.5px;color:#94a3b8;margin-top:2px}.project-mobile-card-progress{display:flex;align-items:center;gap:10px}.project-mobile-progress-bar{flex:1;height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.project-mobile-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width 1s cubic-bezier(.22,1,.36,1)}.project-mobile-pct{font-size:12px;font-weight:900;color:#3b82f6;min-width:34px;text-align:right}}@media (max-width: 768px){.finance-overview-cards{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important}.finance-overview-card{background:#111827!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;animation:fadeSlideUp .4s ease both}.finance-overview-card:nth-child(1){animation-delay:.06s}.finance-overview-card:nth-child(2){animation-delay:.12s}.finance-overview-card:nth-child(3){animation-delay:.18s}.finance-overview-number{font-size:32px!important;font-weight:900!important;color:#f8fafc!important;line-height:1!important}.finance-tab-bar{display:flex!important;overflow-x:auto!important;gap:6px!important;padding:0 16px 12px!important;scrollbar-width:none!important;border-bottom:1px solid rgba(255,255,255,.06)}.finance-tab-bar::-webkit-scrollbar{display:none}.finance-tab-bar button{flex-shrink:0!important;padding:8px 16px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:700!important}}@media (max-width: 768px){.owner-progress-ring{width:52px!important;height:52px!important}.owner-entry-tabs{display:flex!important;overflow-x:auto!important;gap:6px!important;padding:0 16px!important;scrollbar-width:none!important}.owner-entry-tabs::-webkit-scrollbar{display:none}.owner-entry-tabs button{flex-shrink:0!important;padding:8px 16px!important;border-radius:999px!important;white-space:nowrap!important}.owner-entry-header-row{flex-direction:column!important;gap:12px!important;padding:16px!important}.owner-entry-grid{grid-template-columns:1fr!important;gap:12px!important;padding:0 16px!important}.owner-entry-field{display:flex!important;flex-direction:column!important;gap:6px!important}.owner-entry-field label{font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#94a3b8!important}.owner-entry-field input{background:#172033!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:14px 16px!important;font-size:16px!important;color:#f8fafc!important;font-weight:700!important;min-height:52px!important}.owner-entry-field input:focus{border-color:#f4a73266!important;box-shadow:0 0 0 3px #f4a7321f!important}}@media (max-width: 768px){.services-catalog-grid{grid-template-columns:1fr!important;padding:16px!important;gap:12px!important}.service-card-mobile{display:flex!important;flex-direction:column!important;background:#111827!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:16px!important;gap:12px!important;animation:fadeSlideUp .4s ease both}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service-card-title{font-size:14px!important;font-weight:800!important;color:#f8fafc!important}.service-card-price{font-size:15px!important;font-weight:900!important;color:#f4a732!important;white-space:nowrap}.service-card-desc{font-size:12px!important;color:#94a3b8!important;line-height:1.5!important}.service-card-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.06)!important}.add-service-fab{position:fixed!important;bottom:80px!important;right:20px!important;width:52px!important;height:52px!important;border-radius:50%!important;background:#f4a732!important;color:#0b1220!important;font-size:22px!important;font-weight:900!important;box-shadow:0 8px 24px #f4a73266!important;z-index:90!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:floatUp 3s ease-in-out infinite!important}}@media (max-width: 768px){.leaderboard-grid{grid-template-columns:1fr!important;gap:10px!important}.branch-cards-grid{grid-template-columns:1fr!important}.branch-detail-modal{max-width:100%!important;border-radius:20px 20px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:88vh!important}.branch-detail-hero{padding:20px 16px!important}.branch-detail-kpi{grid-template-columns:repeat(2,1fr)!important}.branch-detail-body-grid{grid-template-columns:1fr!important}.branch-health-grid{grid-template-columns:repeat(2,1fr)!important}}