@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-container:#6366f126;--on-primary:#fff;--secondary:#22d3ee;--secondary-light:#67e8f9;--secondary-dark:#0891b2;--secondary-container:#22d3ee1f;--accent:#f59e0b;--accent-light:#fcd34d;--accent-container:#f59e0b1f;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--error-container:#ef444426;--dept-engineering:#6366f1;--dept-hr:#f59e0b;--dept-finance:#10b981;--dept-sales:#ef4444;--dept-design:#06b6d4;--dept-product:#3b82f6;--dept-support:#14b8a6;--dept-executive:#8b5cf6;--dept-other:#64748b;--bg-deep:#020408;--bg-base:#060a10;--surface-lowest:#080c14;--surface-low:#0d1117;--surface:#111827;--surface-high:#1c2333;--surface-highest:#243044;--surface-bright:#2d3b52;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--border:#ffffff14;--border-subtle:#ffffff0a;--border-strong:#ffffff24;--border-primary:#6366f159;--border-glow:#6366f199;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--glow-primary:0 0 24px #6366f159;--glow-primary-strong:0 0 48px #6366f180;--glow-secondary:0 0 24px #22d3ee40;--glow-accent:0 0 24px #f59e0b4d;--shadow-card:0 4px 32px #0006;--card-shadow:0 4px 32px #0006;--shadow-elevated:0 12px 48px #0009;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--surface-bright);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.display-lg{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:56px}.headline-lg{font-size:32px;font-weight:600;line-height:40px}.headline-md{font-size:24px;font-weight:500;line-height:32px}.body-lg{font-size:18px;font-weight:400;line-height:28px}.body-md{font-size:16px;font-weight:400;line-height:24px}.label-sm{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.glass-card{background:var(--glass-bg,#ffffff0a);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover,#ffffff0f);border-color:var(--border-strong);transform:translateY(-2px)}.glass-card-glow{background:var(--glass-bg,#ffffff0a);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--card-shadow), var(--glow-primary);transition:all var(--transition-base)}.glass-card-glow:hover{box-shadow:var(--card-shadow), var(--glow-primary-strong);border-color:var(--border-glow);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);letter-spacing:.01em;transition:all var(--transition-base);white-space:nowrap;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--on-primary);box-shadow:0 2px 16px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 24px #6366f18c}.btn-secondary{color:var(--secondary);background:#76abae14;border:1px solid #76abae4d}.btn-secondary:hover{background:#76abae26;border-color:#76abae80}.btn-ai{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);color:#fff;box-shadow:0 0 20px #76abae4d,0 0 40px #76abae1a}.btn-ai:hover{transform:translateY(-1px);box-shadow:0 0 30px #76abae80,0 0 60px #76abae40}.btn-ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-icon{border-radius:var(--radius);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-base);background:#ffffff0d;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--input-bg,transparent);border:1px solid var(--input-border,var(--border));border-radius:var(--radius);color:var(--text-primary);transition:all var(--transition-base);outline:none;font-size:14px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #76abae1a,inset 0 0 8px #76abae0d}.input-with-icon{position:relative}.input-with-icon .input-icon{left:var(--space-3);color:var(--text-muted);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon .input-field{padding-left:var(--space-10)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-light);background:#76abae26}.badge-success{color:var(--success);background:#00b89426}.badge-warning{color:var(--warning);background:#fdcb6e26}.badge-error{color:var(--error);background:#ff6b6b26}.badge-info{color:var(--secondary);background:#76abae26}.avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.table-responsive,.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:14px}.data-table tr:hover td{background:#ffffff05}.perspective-container{perspective:1200px;perspective-origin:50%}.card-3d{transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s}.card-3d:hover{transform:translateZ(20px)rotateX(2deg)rotateY(-2deg);box-shadow:0 20px 60px #0006,0 0 40px #76abae26,inset 0 1px #ffffff1a}.depth-layer-1{transform:translateZ(10px)}.depth-layer-2{transform:translateZ(20px)}.depth-layer-3{transform:translateZ(40px)}.glass-card-3d{-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius-xl);transform-style:preserve-3d;background:#ffffff08;border:1px solid #ffffff14;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0f,inset 0 -1px #0000001a}.glass-card-3d:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card-3d:after{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #76abae0f, transparent 40%);pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.glass-card-3d:hover:after{opacity:1}.glass-card-3d:hover{border-color:#76abae33;transform:translateY(-4px)translateZ(10px);box-shadow:0 20px 60px #0006,0 0 40px #76abae1a,inset 0 1px #ffffff1a}.floating-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-orbs .orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.floating-orbs .orb-1{background:radial-gradient(circle,#76abae66 0%,#0000 70%);width:400px;height:400px;animation-duration:25s;animation-delay:0s;top:-100px;right:-100px}.floating-orbs .orb-2{background:radial-gradient(circle,#76abae40 0%,#0000 70%);width:300px;height:300px;animation-duration:30s;animation-delay:-5s;bottom:-50px;left:-50px}.floating-orbs .orb-3{background:radial-gradient(circle,#ffb77d33 0%,#0000 70%);width:250px;height:250px;animation-duration:22s;animation-delay:-10s;top:40%;left:60%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.05)}}.particles-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.particle{background:#76abae99;border-radius:50%;width:2px;height:2px;animation:linear infinite particleRise;position:absolute}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh)translate(0)scale(0)}10%{opacity:1;scale:1}90%{opacity:.5}to{opacity:0;transform:translateY(-100px)translate(50px)scale(0)}}.aurora-bg{pointer-events:none;z-index:0;background:radial-gradient(at 20%,#76abae14 0%,#0000 50%),radial-gradient(at 80% 20%,#f5f5f50d 0%,#0000 50%),radial-gradient(at 50% 80%,#ffb77d0a 0%,#0000 50%);animation:15s ease-in-out infinite alternate auroraShift;position:fixed;inset:0}@keyframes auroraShift{0%{background:radial-gradient(at 20%,#76abae14 0%,#0000 50%),radial-gradient(at 80% 20%,#f5f5f50d 0%,#0000 50%),radial-gradient(at 50% 80%,#ffb77d0a 0%,#0000 50%)}to{background:radial-gradient(at 60% 30%,#76abae0f 0%,#0000 50%),radial-gradient(at 30% 70%,#f5f5f512 0%,#0000 50%),radial-gradient(at 70% 60%,#ffb77d0d 0%,#0000 50%)}}.mesh-gradient{background:conic-gradient(at 30% 30%,#76abae0d,#0000 120deg),conic-gradient(from 180deg at 70% 70%,#f5f5f50a,#0000 120deg)}@keyframes borderGlow{0%,to{border-color:#76abae4d}50%{border-color:#f5f5f54d}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #76abae33}50%{box-shadow:0 0 30px #76abae73}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #76abae33,0 0 40px #76abae1a}50%{box-shadow:0 0 40px #76abae66,0 0 80px #76abae33}}@keyframes borderRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-border-glow{animation:3s ease-in-out infinite borderGlow}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-breathe{animation:4s ease-in-out infinite breathe}.animate-float{animation:6s ease-in-out infinite float}.gradient-border{border-radius:var(--radius-xl);position:relative;overflow:hidden}.gradient-border:before{content:"";background:linear-gradient(45deg, var(--primary), var(--secondary), var(--accent), var(--primary));border-radius:inherit;z-index:-1;background-size:400% 400%;animation:8s infinite borderRotate;position:absolute;inset:-2px}.gradient-border:after{content:"";background:var(--surface);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.holographic{position:relative;overflow:hidden}.holographic:before{content:"";background:linear-gradient(105deg,#0000 40%,#76abae1a 45%,#f5f5f51a 50%,#0000 55%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.holographic:hover:before{transform:translate(100%)}.gradient-text{background:linear-gradient(135deg, var(--primary-light) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--accent) 0%, var(--error) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-high) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:2000px 100%;animation:2s linear infinite shimmer}.page-placeholder{min-height:calc(100vh - var(--topbar-height) - var(--space-8));color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--border);margin:var(--space-4);text-align:center;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:500;display:flex;position:relative;overflow:hidden}.page-placeholder:before{content:"";background:radial-gradient(circle,#76abae0d 0%,#0000 70%);animation:4s ease-in-out infinite breathe;position:absolute;inset:0}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";opacity:0;background:#76abae33;border-radius:50%;width:0;height:0;transition:width .6s,height .6s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple-effect:active:after{opacity:1;width:300px;height:300px;transition:all}.command-bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4);background:#ffffff08;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 4px 24px #0003}.command-bar:focus-within{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 24px #0003,0 0 0 3px #76abae1a,0 0 40px #76abae1a}.status-dot{border-radius:50%;width:8px;height:8px;position:relative}.status-dot:after{content:"";border-radius:50%;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-3px}.status-dot-success{background:var(--success)}.status-dot-warning{background:var(--warning)}.status-dot-error{background:var(--error)}.status-dot-primary{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--surface-bright) transparent}.noise-overlay{pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.modal-content-custom{background:var(--surface-low)!important;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-elevated)!important}.modal-title-custom{color:var(--text-primary)!important}.form-control-custom{background:var(--input-bg,#ffffff0d)!important;color:var(--text-primary,#fff)!important;border:1px solid var(--input-border,var(--border))!important}.form-control-custom:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-container), inset 0 0 8px #0000001a!important;outline:none!important}select.form-control-custom{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 9l3 3 3-3' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:20px!important;padding-right:40px!important}select.form-control-custom option{background:var(--surface-low,#fff)!important;color:var(--text-primary,#0f172a)!important}.supplier-detail-drawer,.contact-detail-drawer{background:var(--surface-low)!important;border:1px solid var(--border-strong)!important;box-shadow:-10px 10px 40px var(--card-shadow)!important}.drawer-header{border-bottom:1px solid var(--border)!important}.drawer-title,.info-val,.dr-prod-name,.link-title{color:var(--text-primary)!important}.info-row,.drawer-product-card,.drawer-link-card{background:var(--glass-bg)!important;border:1px solid var(--border)!important}.info-row:hover,.drawer-product-card:hover,.drawer-link-card:hover{background:var(--glass-bg-hover)!important;border-color:var(--border-strong)!important}.projects-sidebar{background:var(--surface-low)!important;border:1px solid var(--border)!important}.sidebar-title{border-bottom:1px solid var(--border)!important}.proj-sidebar-item{background:var(--glass-bg)!important;border:1px solid var(--border)!important}.proj-sidebar-item.active{background:var(--primary-container)!important;border-color:var(--border-primary)!important;color:var(--primary-light)!important}.proj-title-txt{color:var(--text-primary)!important}.kanban-column,.pipeline-column{background:var(--surface-lowest)!important;border:1px solid var(--border)!important}.kanban-column-header,.pipeline-column-header{border-bottom:1px solid var(--border)!important}.kanban-column-header,.column-title{color:var(--text-primary)!important}.column-count{border-radius:var(--radius-sm);background:var(--surface-high)!important;color:var(--text-primary)!important}.task-card,.lead-card{background:var(--surface-low)!important;border:1px solid var(--border)!important}.task-card:hover,.lead-card:hover{border-color:var(--border-primary)!important;background:var(--surface)!important}.task-title,.lead-company,.lead-value{color:var(--text-primary)!important}.task-footer,.lead-card-footer{border-top:1px solid var(--border-subtle)!important}.chart-card-title,.no-project-selected h3,.status-callout-title{color:var(--text-primary)!important}.focus-tab-row{background:var(--surface-low)!important}.focus-tab-btn:hover{background:var(--surface)!important}.focus-tab-btn.active{background:var(--primary-container)!important;border-color:var(--border-primary)!important;color:var(--primary-light)!important}.lead-score{color:var(--primary-light)!important;background:var(--primary-container)!important}.loader-3d-wrapper{z-index:9999;perspective:1000px;background-color:#0b0b14;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-3d-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c5dd326 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-3d-container{transform-style:preserve-3d;flex-direction:column;align-items:center;gap:3rem;display:flex}.loader-atom{width:120px;height:120px;transform-style:preserve-3d;animation:4s ease-in-out infinite float;position:relative}.core{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{transform-style:preserve-3d;border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.ring:before{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary)) border-box;-webkit-mask-composite:xor;opacity:.7;border:2px solid #0000;border-radius:50%;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ring-1{animation:3s linear infinite rotateX}.ring-2{animation:4s linear infinite rotateY}.ring-3{animation:5s linear infinite rotateZ}@keyframes rotateX{0%{transform:rotateX(0)rotateY(45deg)}to{transform:rotateX(360deg)rotateY(45deg)}}@keyframes rotateY{0%{transform:rotateY(0)rotateX(45deg)}to{transform:rotateY(360deg)rotateX(45deg)}}@keyframes rotateZ{0%{transform:rotate(0)rotateX(60deg)rotateY(60deg)}to{transform:rotate(360deg)rotateX(60deg)rotateY(60deg)}}.loader-floor{filter:blur(10px);opacity:.6;pointer-events:none;background:radial-gradient(#6c5dd366 0%,#0000 70%);width:200px;height:200px;position:absolute;top:60%;transform:rotateX(75deg)}.loader-text-container{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex}.loader-title{color:#fff;letter-spacing:1px;font-size:1.5rem;font-weight:700}.loader-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;animation:2s infinite pulseOpacity}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:1}}.sidebar{background:var(--sidebar-bg,var(--bg-base));-webkit-backdrop-filter:blur(32px)saturate(1.4);border-right:1px solid var(--sidebar-border,var(--border));z-index:100;height:100vh;box-shadow:4px 0 32px var(--card-shadow), inset -1px 0 0 var(--border-subtle);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--sidebar-border,var(--border));height:var(--topbar-height);flex-shrink:0;display:flex}.logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-container), rgba(var(--primary-rgb,99, 102, 241), .1));border:1px solid var(--border-primary);width:40px;height:40px;box-shadow:var(--glow-primary), 0 4px 12px #00000026;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.logo-icon:after{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary));filter:blur(10px);opacity:.28;z-index:-1;border-radius:14px;position:absolute;inset:-3px}.logo-text{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex;overflow:hidden}.logo-name{background:linear-gradient(90deg, var(--text-primary) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:700}.logo-badge{font-family:var(--font-mono);color:var(--secondary);background:var(--secondary-container);border-radius:var(--radius-sm);border:1px solid var(--border-secondary,var(--border));letter-spacing:.06em;padding:2px 6px;font-size:9px;font-weight:600}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow:hidden auto}.nav-section{gap:var(--space-1);flex-direction:column;display:flex}.nav-section-label{color:var(--sidebar-text-muted,var(--text-muted));padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);color:var(--sidebar-text-muted,var(--text-muted));white-space:nowrap;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--sidebar-text-active,var(--text-primary));background:var(--primary-container);transform:translate(2px)}.nav-item.active{color:var(--sidebar-text-active,var(--text-primary))}.nav-active-bg{background:var(--sidebar-active-bg,var(--primary-container));border-radius:var(--radius);border:1px solid var(--sidebar-active-border,var(--border-primary));z-index:-1;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0f}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon{color:var(--sidebar-text-active,var(--primary-light))}.nav-label{white-space:nowrap;overflow:hidden}.ai-item .nav-icon{color:var(--secondary-light)}.ai-item.active .nav-icon{color:var(--secondary)}.ai-dot{background:var(--secondary);width:6px;height:6px;box-shadow:0 0 8px var(--secondary);border-radius:50%;margin-left:auto;animation:2s ease-in-out infinite pulse-glow}.sidebar-version{padding:var(--space-3) var(--space-4);margin:0 var(--space-3);border-radius:var(--radius);background:var(--primary-container);border:1px solid var(--sidebar-border,var(--border));justify-content:space-between;align-items:center;display:flex}.version-text{color:var(--sidebar-text-muted,var(--text-muted));letter-spacing:.03em;font-size:10px}.version-number{font-family:var(--font-mono);color:var(--primary-light);font-size:10px;font-weight:600}.sidebar-toggle{margin:var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:var(--sidebar-bg,var(--surface-low));color:var(--sidebar-text-muted,var(--text-muted));border:1px solid var(--sidebar-border,var(--border));flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.sidebar-toggle:hover{color:var(--primary-light);background:#6366f11a;border-color:#6366f140;transform:scale(1.05)}.nav-item-group{flex-direction:column;display:flex}.nav-item-group.active-group{position:relative}.nav-item-group.active-group:before{content:"";pointer-events:none;background:linear-gradient(#6366f159,#0000);width:1px;position:absolute;top:44px;bottom:8px;left:12px}button.nav-item{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.nav-chevron{color:var(--text-muted);align-items:center;margin-left:auto;display:flex}.nav-sub-items{padding-left:44px;padding-right:var(--space-3);margin-top:2px;margin-bottom:var(--space-2);flex-direction:column;display:flex;overflow:hidden}.nav-sub-item{align-items:center;gap:var(--space-2);color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 12px;font-size:13px;text-decoration:none;transition:all .2s cubic-bezier(.23,1,.32,1);display:flex}.nav-sub-item:hover{color:var(--text-primary);background:#6366f10d;transform:translate(3px)}.nav-sub-item.active{color:var(--primary-light);background:#6366f11a;font-weight:500}.nav-sub-dot{opacity:.5;background:currentColor;border-radius:50%;width:4px;height:4px;transition:all .2s}.nav-sub-item.active .nav-sub-dot{opacity:1;width:5px;height:5px;box-shadow:0 0 6px}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-base);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border);padding:0 var(--space-6);z-index:90;transition:left var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed}.sidebar-collapsed~.dashboard-main .topbar,.topbar.collapsed{left:var(--sidebar-collapsed)}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-menu-btn{display:none}.topbar-search{align-items:center;gap:var(--space-2);background:var(--input-bg,#ffffff0a);border:1px solid var(--input-border,var(--border-subtle));border-radius:var(--radius);padding:var(--space-2) var(--space-3);transition:all var(--transition-base);width:320px;display:flex;position:relative}.topbar-search.focused{border-color:var(--primary);background:#76abae0d;width:400px;box-shadow:0 0 0 3px #76abae14}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-kbd{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-low);border:1px solid var(--border);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.topbar-notification{position:relative}.notification-dot{background:var(--error);border:2px solid var(--bg-deep);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.topbar-account{position:relative}.account-toggle{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.account-toggle:hover{background:var(--surface-low)}.account-toggle .chevron-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.account-toggle.active .chevron-icon{transform:rotate(180deg)}.account-dropdown{width:220px;padding:var(--space-2);z-index:100;background:var(--surface-low);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);position:absolute;top:calc(100% + 12px);right:0}.dropdown-info{padding:var(--space-3)}.dropdown-info .user-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.dropdown-info .user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.dropdown-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;font-size:14px;display:flex}.dropdown-item:hover{background:var(--surface-lowest);color:var(--text-primary)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{color:var(--error);background:#ff6b6b14}@media (width<=1024px){.topbar{left:0}.topbar-menu-btn{display:flex}.topbar-search{width:200px}.user-info{display:none}}.dashboard-layout{background:var(--bg-deep);min-height:100vh;display:flex}.dashboard-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);flex-direction:column;flex:1;min-height:100vh;display:flex}.dashboard-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.dashboard-content{padding:var(--space-6);padding-top:calc(var(--topbar-height) + var(--space-6));flex:1;width:100%;max-width:1600px;margin:0 auto}@media (width<=1024px){.dashboard-main,.dashboard-main.sidebar-collapsed{margin-left:0}.dashboard-content{padding:var(--space-4);padding-top:calc(var(--topbar-height) + var(--space-4))}}.auth-page{background:radial-gradient(1200px circle at 15% 10%, #6366f12e, transparent 55%), radial-gradient(1000px circle at 85% 80%, #22d3ee1a, transparent 60%), var(--bg-deep);min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.auth-bg-orb{filter:blur(100px);opacity:.3;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:500px;height:500px;animation:20s ease-in-out infinite orbFloat;top:-15%;left:-10%}.orb-2{background:radial-gradient(circle, var(--secondary) 0%, transparent 70%);width:400px;height:400px;animation:25s ease-in-out infinite reverse orbFloat;bottom:-10%;right:-5%}.orb-3{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.15;width:300px;height:300px;animation:30s ease-in-out infinite orbFloat;top:50%;left:40%}.auth-bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.login-particles{position:absolute;inset:0;overflow:hidden}.login-particle{background:#6366f199;border-radius:50%;animation:linear infinite particleFloat;position:absolute;bottom:-10px}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(0)}10%{opacity:1;transform:translateY(-10vh)translate(5px)scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(-110vh)translate(30px)scale(.5)}}.auth-brand{padding:var(--space-12);z-index:1;flex-direction:column;flex:1;justify-content:space-between;display:flex;position:relative}.brand-content{max-width:500px}.login-3d-atom{width:90px;height:90px;transform-style:preserve-3d;margin-bottom:var(--space-8);perspective:1000px;animation:4s ease-in-out infinite loginFloat;position:relative}.login-3d-core{z-index:10;border-radius:var(--radius-lg);background:linear-gradient(135deg,#6366f133,#4f46e54d);border:1px solid #6366f14d;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #6366f166,0 10px 30px #0000004d}.login-3d-core:after{content:"";border-radius:inherit;z-index:-1;filter:blur(12px);opacity:.5;background:linear-gradient(135deg,#6366f1,#22d3ee);position:absolute;inset:-3px}.login-3d-ring{transform-style:preserve-3d;border:2px solid #0000;border-radius:50%;position:absolute;inset:-15px}.login-3d-ring:before{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary)) border-box;-webkit-mask-composite:xor;opacity:.6;border:2px solid #0000;border-radius:50%;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ring-x{animation:6s linear infinite spinX}.ring-y{animation:8s linear infinite spinY}.ring-z{animation:10s linear infinite spinZ}@keyframes spinX{0%{transform:rotateX(0)rotateY(45deg)}to{transform:rotateX(360deg)rotateY(45deg)}}@keyframes spinY{0%{transform:rotateY(0)rotateX(45deg)}to{transform:rotateY(360deg)rotateX(45deg)}}@keyframes spinZ{0%{transform:rotate(0)rotateX(60deg)rotateY(60deg)}to{transform:rotate(360deg)rotateX(60deg)rotateY(60deg)}}@keyframes loginFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-title{letter-spacing:-.03em;margin-bottom:var(--space-3);color:var(--text-primary);font-size:44px;font-weight:800}.brand-subtitle{color:var(--text-muted);margin-bottom:var(--space-8);font-size:17px;line-height:1.6}.brand-stats{gap:var(--space-8);margin-bottom:var(--space-10);padding:var(--space-5) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:flex}.brand-stat{flex-direction:column;gap:2px;display:flex}.brand-stat-value{background:linear-gradient(135deg, var(--primary-light), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.brand-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-family:var(--font-mono)}.brand-features{gap:var(--space-4);flex-direction:column;display:flex}.brand-feature{align-items:center;gap:var(--space-3);color:var(--text-secondary);padding:var(--space-2) 0;font-size:15px;display:flex}.feature-dot{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:3s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #76abae80}.brand-footer{margin-top:auto}.auth-form-panel{padding:var(--space-8);z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.card-3d-wrapper{width:100%;max-width:460px;transform-style:preserve-3d;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0;position:relative}.card-3d-glow{border-radius:var(--radius-xl);background:radial-gradient(400px circle at var(--glow-x,50%) var(--glow-y,50%), #6366f126, transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}.card-3d-content{z-index:1;padding:var(--space-10);-webkit-backdrop-filter:blur(30px)saturate(1.4);border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #6366f124;position:relative;box-shadow:0 25px 50px #00000073,inset 0 1px #ffffff14,inset 0 -1px #0000001a}.card-3d-content:before{content:"";background:linear-gradient(90deg,#0000,#6366f180,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.auth-form-container{width:100%;max-width:460px;padding:var(--space-10);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-xl);background:#ffffff0d}.auth-form-header{margin-bottom:var(--space-8);text-align:center}.auth-form-logo{width:48px;height:48px;margin:0 auto var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f133,#4f46e54d);border:1px solid #6366f14d;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #6366f14d}.auth-form-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2);font-size:28px;font-weight:700}.auth-form-subtitle{color:var(--text-muted);font-size:14px}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.form-label{color:var(--text-muted)}.form-row{gap:var(--space-4);display:flex}.input-3d{position:relative}.input-3d .input-field{background:var(--input-bg,#ffffff0d);border:1px solid var(--input-border,#ffffff1f);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-10);transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 1px 2px #0000001a}.input-3d .input-field:focus{background:#6366f10f;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 0 0 3px #6366f11f,inset 0 1px 2px #0000001a,0 6px 16px #6366f11a}.password-toggle{right:var(--space-3);color:var(--text-muted);padding:var(--space-1);transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.form-actions-row{justify-content:space-between;align-items:center;display:flex}.remember-me{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:13px;display:flex}.remember-me input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.forgot-link{color:var(--primary-light);transition:color var(--transition-fast);font-size:13px}.forgot-link:hover{color:var(--secondary)}.btn-3d{transform-style:preserve-3d;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative}.auth-submit{width:100%;padding:var(--space-4) var(--space-6);margin-top:var(--space-2);border-radius:var(--radius-md);font-size:15px}.btn-loader{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px}.auth-social-btns{gap:var(--space-3);justify-content:center;display:flex}.btn-social{border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.btn-social:hover{background:#ffffff1a;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:14px}.auth-switch-link{color:var(--primary-light);transition:color var(--transition-fast);font-weight:600}.auth-switch-link:hover{color:var(--secondary)}@media (width<=1024px){.auth-page{flex-direction:column}.auth-brand{padding:var(--space-8)}.brand-title{font-size:28px}.brand-features,.brand-stats{display:none}.auth-form-container,.card-3d-content{padding:var(--space-6)}.form-row{gap:var(--space-5);flex-direction:column}}.modal-backdrop-custom{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a0a1a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kpi-card{padding:var(--space-6);background:var(--glass-bg,#ffffff08);-webkit-backdrop-filter:blur(20px)saturate(1.1);border:1px solid var(--border,#ffffff12);border-radius:var(--radius-xl);transform-style:preserve-3d;cursor:default;box-shadow:var(--card-shadow);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--kpi-border,#76abae33);box-shadow:0 12px 40px #0000004d, 0 0 30px var(--kpi-glow,#76abae1a), inset 0 1px 0 #ffffff14}.kpi-mouse-glow{pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .4s;position:absolute;inset:0}.kpi-card:hover .kpi-mouse-glow{opacity:1}.kpi-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.kpi-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex;transform:translateZ(10px)}.kpi-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.kpi-icon-wrapper{border-radius:var(--radius-md);border:1px solid;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;transform:translateZ(20px)}.kpi-icon-wrapper:after{content:"";border-radius:inherit;background:var(--kpi-bg,#76abae14);filter:blur(8px);opacity:0;transition:opacity .3s;position:absolute;inset:-4px}.kpi-card:hover .kpi-icon-wrapper:after{opacity:.6}.kpi-value-container{transform:translateZ(15px)}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:32px;font-weight:700;line-height:1}.kpi-change{align-items:center;gap:var(--space-2);font-size:13px;font-weight:500;display:flex;transform:translateZ(5px)}.change-indicator{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:2px 8px;display:flex}.kpi-change.positive .change-indicator{color:var(--success);background:#00b8941a}.kpi-change.negative .change-indicator{color:var(--error);background:#ff6b6b1a}.change-arrow{font-size:12px;font-weight:700}.change-period{color:var(--text-muted);font-size:11px;font-weight:400}.kpi-glow{opacity:.05;filter:blur(30px);pointer-events:none;border-radius:50%;width:100px;height:100px;transition:opacity .3s;position:absolute;bottom:-30px;right:-30px}.kpi-card:hover .kpi-glow{opacity:.12}.kpi-glow-ring{opacity:0;pointer-events:none;border:1px solid;border-radius:50%;width:80px;height:80px;transition:opacity .4s,transform .4s;position:absolute;bottom:-20px;right:-20px;transform:scale(.8)}.kpi-card:hover .kpi-glow-ring{opacity:.15;transform:scale(1)}.dashboard-page{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-page.loading-state{justify-content:center;align-items:center;min-height:60vh}.loader-3d{width:80px;height:80px;margin-bottom:var(--space-6);position:relative}.loader-ring{border:2px solid #0000;border-radius:50%;animation:2s linear infinite loaderSpin;position:absolute;inset:0}.loader-ring:first-child{border-top-color:var(--primary);animation-duration:2s}.loader-ring:nth-child(2){border-right-color:var(--secondary);animation-duration:2.5s;animation-direction:reverse;inset:8px}.loader-ring:nth-child(3){border-bottom-color:var(--accent);animation-duration:3s;inset:16px}.loader-icon{color:var(--primary-light);animation:2s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loaderSpin{to{transform:rotate(360deg)}}.ai-command-bar{margin-bottom:var(--space-2);position:relative}.command-bar-glow{filter:blur(8px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#76abae33,#76abae1a);border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px}.ai-command-bar.focused .command-bar-glow{opacity:1}.command-bar-inner{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:0 4px 24px #0003}.ai-command-bar.focused .command-bar-inner{background:#ffffff0d;border-color:#76abae66;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 3px #76abae14}.command-bar-icon{color:var(--primary-light);align-items:center;animation:3s ease-in-out infinite pulse-glow;display:flex}.command-bar-input{color:var(--text-primary);font-size:14px;font-family:var(--font-primary);background:0 0;border:none;outline:none;flex:1}.command-bar-input::placeholder{color:var(--text-muted)}.command-bar-actions{align-items:center;gap:var(--space-3);display:flex}.command-kbd{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:2px;padding:3px 8px;display:flex}.command-submit{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.command-submit:disabled{opacity:.4;cursor:default}.command-submit:not(:disabled):hover{box-shadow:0 0 16px #76abae66}.command-suggestions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-3);z-index:100;background:#141423fa;border:1px solid #ffffff14;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 48px #00000080}.suggestions-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);display:block}.suggestion-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;font-size:13px;transition:all .2s;display:flex}.suggestion-item:hover{color:var(--text-primary);background:#76abae1a}.suggestion-item svg{color:var(--primary-light);flex-shrink:0}.quick-actions{gap:var(--space-2);display:flex}.quick-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;font-size:12px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.quick-action-btn:hover{background:#ffffff14;border-color:#76abae4d}.kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.card-title{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:13px}.chart-legend{gap:var(--space-4);display:flex}.legend-item{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.chart-container{width:100%}.chart-tooltip{font-size:13px;padding:var(--space-3) var(--space-4)!important;border-radius:var(--radius)!important;background:var(--surface-low)!important;border:1px solid var(--border)!important;box-shadow:var(--card-shadow)!important}.tooltip-label{color:var(--text-primary);margin-bottom:4px;font-weight:600}.bottom-grid{gap:var(--space-5);grid-template-columns:2fr 1fr;display:grid}.activity-card{padding:var(--space-6)}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-hr{background:var(--secondary)}.activity-finance{background:var(--success)}.activity-ai{background:var(--primary);box-shadow:0 0 8px #76abae80}.activity-crm{background:var(--warning)}.activity-inventory{background:var(--accent)}.activity-text{color:var(--text-secondary);margin-bottom:2px;font-size:14px}.activity-time{color:var(--text-muted)}.ai-insights-card{padding:var(--space-6);border-color:#76abae33!important}.ai-header{align-items:center;gap:var(--space-2);display:flex}.ai-icon{color:var(--primary-light);animation:2s ease-in-out infinite pulse-glow}.insights-list{gap:var(--space-4);flex-direction:column;display:flex}.insight-item{padding:var(--space-3);border-radius:var(--radius);background:#76abae0a;border:1px solid #76abae1a;transition:all .3s}.insight-item:hover{background:#76abae14;border-color:#76abae33;transform:translate(4px)}.insight-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.insight-title{color:var(--text-primary);font-size:13px;font-weight:600}.insight-text{color:var(--text-muted);font-size:13px;line-height:1.5}.btn-3d{transform-style:preserve-3d;position:relative}.btn-3d:before{content:"";border-radius:inherit;background:inherit;filter:blur(12px);opacity:.3;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.btn-3d:hover:before{opacity:.6}.animate-spin{animation:1s linear infinite loaderSpin}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.bottom-grid{grid-template-columns:1fr}.quick-actions{display:none}}@media (width<=768px){.kpi-grid{grid-template-columns:1fr}.command-kbd{display:none}}.employees-page{flex-direction:column;display:flex}.employees-table-card{padding:var(--space-6)}.table-toolbar{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.table-footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.pagination{gap:var(--space-1);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:90%;max-width:500px;padding:var(--space-6);z-index:501;position:relative}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:20px;font-weight:600}.modal-form{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=1200px){.employees-page .kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.table-toolbar{flex-direction:column;align-items:stretch}.employees-page .kpi-grid{grid-template-columns:1fr!important}}.badge-select{text-transform:uppercase;cursor:pointer;appearance:none;background-image:none;border:none;border-radius:6px;outline:none;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s}.badge-select:hover{filter:brightness(1.1);transform:translateY(-1px)}.badge-select option{background-color:var(--bg-base);color:var(--text-primary);text-transform:none;padding:8px;font-weight:400}.badge-success{color:#fff;background-color:#00d284;box-shadow:0 0 10px #00d2844d}.badge-warning{color:#fff;background-color:#ff9f43;box-shadow:0 0 10px #ff9f434d}.badge-info{background-color:var(--secondary-container);color:var(--secondary);box-shadow:0 0 10px var(--secondary-container)}.badge-error{color:#fff;background-color:#ff4757;box-shadow:0 0 10px #ff47574d}.project-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.projects-done{color:var(--primary-light);background:#76abae26;border:1px solid #76abae4d}.current-project{color:var(--text-primary);background:#76abae1a;border:1px solid #76abae33}.badge-proj-in_progress{color:#fff;background-color:#76abae;box-shadow:0 0 10px #76abae4d}.badge-proj-completed{color:#fff;background-color:#00d284;box-shadow:0 0 10px #00d2844d}.badge-proj-delayed{color:#fff;background-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.badge-proj-on_hold{color:#fff;background-color:#57606f;box-shadow:0 0 10px #57606f4d}.emp-name-cell{align-items:center;gap:var(--space-3);cursor:pointer;display:flex}.emp-name-link{color:var(--primary-light);text-underline-offset:3px;font-size:14px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:opacity .15s}.emp-name-cell:hover .emp-name-link{opacity:.85;-webkit-text-decoration-color:var(--primary-light);text-decoration-color:var(--primary-light)}.data-table tr.row-selected{background:#76abae12}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:600;background:#00000080;position:fixed;inset:0}.emp-drawer{background:var(--bg-card);border:1px solid var(--border);z-index:601;border-radius:16px;flex-direction:column;width:720px;max-width:95vw;height:auto;max-height:85vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 64px #0009}.drawer-close-btn{top:var(--space-4);right:var(--space-4);background:var(--surface-low);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--text-muted);z-index:10;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.drawer-close-btn:hover{background:var(--surface);color:var(--text-primary)}.drawer-hero{padding:var(--space-8) var(--space-6) var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-5);background:linear-gradient(160deg,#76abae26 0%,#0000 70%);display:flex}.drawer-avatar{border-radius:var(--radius-full);letter-spacing:-.02em;border:2px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:22px;font-weight:800;display:flex}.drawer-hero-info{flex:1;min-width:0}.drawer-name{letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:20px;font-weight:800;overflow:hidden}.drawer-role{color:var(--text-muted);margin:0 0 var(--space-3);font-size:13px}.drawer-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.drawer-stats-strip{padding:var(--space-4) var(--space-6);background:var(--surface-low);border-bottom:1px solid var(--border-subtle);justify-content:space-around;align-items:center;display:flex}.drawer-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.drawer-stat-val{color:var(--primary);letter-spacing:-.04em;font-size:22px;font-weight:800;line-height:1}.drawer-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.drawer-stat-divider{background:var(--border-subtle);width:1px;height:36px}.drawer-body{padding:var(--space-5) var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-section{gap:var(--space-2);flex-direction:column;display:flex}.drawer-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--space-1);font-size:11px;font-weight:700}.emp-detail-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-low);border:1px solid var(--border-subtle);transition:background .15s;display:flex}.emp-detail-row:hover{background:var(--surface)}.emp-detail-icon{border-radius:var(--radius-sm);background:var(--surface);width:28px;height:28px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.emp-detail-body{flex-direction:column;gap:2px;min-width:0;display:flex}.emp-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.emp-detail-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.emp-detail-value.mono{font-family:var(--font-mono);font-size:13px}.drawer-perf-bar-wrap{gap:var(--space-2);flex-direction:column;display:flex}.drawer-perf-labels{justify-content:space-between;align-items:center;display:flex}.drawer-perf-track{border-radius:var(--radius-full);background:var(--surface-low);height:8px;overflow:hidden}.drawer-perf-fill{border-radius:var(--radius-full);height:100%}.drawer-status-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.drawer-status-cell{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-low);gap:var(--space-2);flex-direction:column;display:flex}.drawer-status-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.drawer-status-val{color:var(--text-primary);font-size:14px;font-weight:600}.drawer-status-val.mono{font-family:var(--font-mono);font-size:12px}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);gap:var(--space-3);background:var(--surface-low);display:flex}.drawer-body-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.drawer-body-grid{gap:var(--space-5);grid-template-columns:1fr}}.drawer-tabs{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);padding-bottom:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;display:flex;overflow-x:auto}.drawer-tabs::-webkit-scrollbar{display:none}.drawer-tabs .tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.drawer-tabs .tab-btn:hover{color:var(--text-primary);background:var(--surface-low)}.drawer-tabs .tab-btn.active{color:var(--primary);background:var(--surface-low);box-shadow:inset 0 0 0 1px var(--primary)}.filter-dropdown{margin-top:var(--space-2);background:var(--bg-card);border:1px solid var(--border);width:280px;padding:var(--space-4);z-index:100;gap:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0006}@media (width<=768px){.emp-drawer{width:95vw;height:95vh;max-height:95vh}.drawer-hero{text-align:center;flex-direction:column}.drawer-badges{justify-content:center}.drawer-stats-strip{gap:var(--space-3);flex-wrap:wrap}.drawer-stat-divider{display:none}.drawer-footer{flex-direction:column}.drawer-footer .btn{width:100%}}.hr-attendance-page{flex-direction:column;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:12px;font-size:13px}.data-table tbody td{border-bottom:1px dashed #ffffff08;padding:12px}.empty-state{text-align:center;color:var(--text-muted);padding:48px}.filters{align-items:center;gap:.5rem;display:flex}.departments-page{flex-direction:column;display:flex}.dept-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.dept-card{padding:var(--space-6);cursor:pointer}.dept-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dept-icon{border-radius:var(--radius-md);border:1px solid;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dept-name{color:var(--text-primary);margin-bottom:var(--space-1);font-size:18px;font-weight:600}.dept-head{color:var(--text-muted);margin-bottom:var(--space-5);font-size:13px}.dept-stats{gap:var(--space-8);margin-bottom:var(--space-4);display:flex}.dept-stat{flex-direction:column;display:flex}.dept-stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.dept-stat-label{color:var(--text-muted);margin-top:2px}.dept-bar{border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-4);background:#ffffff0f;overflow:hidden}.dept-bar-fill{border-radius:var(--radius-full);height:100%}.dept-view-btn{align-items:center;gap:var(--space-2);color:var(--primary-light);transition:all var(--transition-fast);font-size:13px;font-weight:500;display:flex}.dept-view-btn:hover{color:var(--secondary);gap:var(--space-3)}.dept-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dept-modal{width:90%;max-width:500px;padding:var(--space-6);z-index:501;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;position:relative;box-shadow:0 20px 50px #00000080}.dept-modal-header{margin-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.dept-modal-header h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.dept-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.analytics-page{flex-direction:column;display:flex}.analytics-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.analytics-card{padding:var(--space-6)}.analytics-card.span-2{grid-column:span 2}.pie-legend{gap:var(--space-2);padding-top:var(--space-3);flex-direction:column;display:flex}.pie-legend-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;display:flex}@media (width<=1200px){.analytics-grid{grid-template-columns:1fr}.analytics-card.span-2{grid-column:span 1}}.documents-page{gap:var(--space-6);flex-direction:column;display:flex}.upload-zone{padding:var(--space-12);text-align:center;border:2px dashed var(--border);transition:all var(--transition-base);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-zone.dragging{border-color:var(--primary);box-shadow:var(--glow-primary);background:#76abae0d}.upload-zone:hover{border-color:var(--primary);background:#76abae08}.upload-icon{width:72px;height:72px;color:var(--primary-light);margin-bottom:var(--space-4);background:#76abae1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.upload-zone h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:18px;font-weight:600}.upload-zone p{color:var(--text-muted);font-size:14px}.documents-list-card{padding:var(--space-6)}.documents-grid{gap:var(--space-3);flex-direction:column;display:flex}.doc-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.doc-icon{border-radius:var(--radius);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.doc-info{flex:1;min-width:0}.doc-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.doc-meta{gap:var(--space-2);color:var(--text-muted);font-size:12px;font-family:var(--font-mono);display:flex}.doc-status{flex-shrink:0}.doc-actions{gap:var(--space-1);flex-shrink:0;display:flex}.doc-actions .btn-icon{width:32px;height:32px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.badge-warning{color:#ff9f43;background:#ff9f4326;border:1px solid #ff9f434d}.badge-success{color:#28c76f;background:#28c76f26;border:1px solid #28c76f4d}.pending-item{border-left:3px solid #ff9f43}.search-bar{background:var(--surface-low);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;width:300px;padding:8px 16px;transition:all .3s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #76abae33}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);font-size:18px}@media (width<=768px){.doc-item{flex-wrap:wrap}.doc-actions{justify-content:flex-end;width:100%}}.approvals-page{gap:var(--space-6);flex-direction:column;display:flex}.approvals-page .kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.queue-card{padding:var(--space-6)}.approvals-page .table-wrapper{overflow-x:auto}.queue-actions{gap:var(--space-2);display:flex}.approvals-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}@media (width<=900px){.approvals-page .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.approvals-page .kpi-grid{grid-template-columns:1fr}}.approvals-tabs{gap:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);padding-bottom:2px;display:flex}.tab-btn{color:var(--text-muted);font-family:inherit;font-size:var(--font-sm);padding:var(--space-3) var(--space-5);cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:none;font-weight:500;transition:color .2s;display:flex;position:relative}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--primary);font-weight:600}.tab-active-indicator{background:var(--primary);border-radius:var(--radius-full);height:2px;box-shadow:0 0 8px var(--primary);position:absolute;bottom:-2px;left:0;right:0}.sub-tabs-container{gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;align-self:flex-start;display:flex}.sub-tab-btn{color:var(--text-muted);font-family:inherit;font-size:var(--font-xs);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:none;font-weight:500;transition:all .2s;display:flex}.sub-tab-btn:hover{color:var(--text);background:#ffffff05}.sub-tab-btn.active{color:var(--text);background:#ffffff14;box-shadow:0 2px 8px #0003}.balance-summary-grid{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-2);border:1px solid var(--border);background:#ffffff05;grid-template-columns:repeat(4,1fr);display:grid}.balance-summary-item{text-align:center;flex-direction:column;align-items:center;display:flex}.balance-val-pill{font-size:var(--font-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-1);color:var(--text);background:#ffffff0f;font-weight:500}.modal-balance-editor{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.balance-row-header{color:var(--text);text-transform:capitalize;border-bottom:1px solid var(--border);padding-bottom:var(--space-1);margin-bottom:var(--space-2);font-weight:600;font-size:var(--font-sm)}.balance-inputs-flex{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.balance-input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.balance-input-wrapper label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.balance-input-wrapper input{padding:var(--space-2);font-size:var(--font-sm);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-align:center;background:#0003;transition:border-color .2s}.balance-input-wrapper input:focus{border-color:var(--primary);outline:none}.leave-manager-controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.search-box-wrapper{width:280px;position:relative}.search-box-wrapper input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) 36px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-sm);color:var(--text);background:#ffffff08;transition:all .2s}.search-box-wrapper input:focus{border-color:var(--primary);background:#ffffff0d;outline:none}.search-icon-inside{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (width<=768px){.leave-manager-controls{flex-direction:column;align-items:stretch}.search-box-wrapper{width:100%}}.chatbot-page{height:calc(100vh - var(--topbar-height) - var(--space-12));flex-direction:column;display:flex}.chat-3d-layout{gap:var(--space-6);padding:var(--space-4);flex:1;grid-template-columns:320px 1fr;height:100%;display:grid;overflow:hidden}.chat-side-panel{padding:var(--space-6);background:#ffffff05;flex-direction:column;display:flex;position:relative;overflow:hidden}.neural-bg{z-index:0;opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ai-3d-core{z-index:1;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-direction:column;display:flex;position:relative}.ai-sphere{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:120px;height:120px;transform-style:preserve-3d;background:radial-gradient(circle at 30% 30%,#ffffff1a,#0000);border:1px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.sphere-inner{background:var(--primary);opacity:.2;filter:blur(20px);border-radius:50%;width:60%;height:60%;position:absolute}.sphere-glow{border:1px dashed var(--primary);opacity:.15;border-radius:50%;width:130%;height:130%;animation:20s linear infinite rotate-slow;position:absolute}.sphere-icon{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary));z-index:2;font-size:48px}.ai-status-card{text-align:center}.ai-presence-label{justify-content:center;align-items:center;gap:var(--space-2);letter-spacing:3px;color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:800;display:flex}.ai-desc{color:var(--text-muted);margin-top:var(--space-1);font-size:12px}.pulse-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:1.5s infinite pulse-glow}.side-suggestions{z-index:1;flex:1;position:relative}.suggestion-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-4);padding-left:var(--space-2);font-size:11px;font-weight:700}.suggestions-list{gap:var(--space-2);flex-direction:column;display:flex}.suggestion-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;transition:all var(--transition-base);background:#ffffff08;font-size:13px;display:flex}.suggestion-item .s-icon{color:var(--primary);opacity:.6}.chat-main-panel{background:#ffffff03;flex-direction:column;display:flex;overflow:hidden}.chat-messages{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-4);max-width:90%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{flex-shrink:0}.avatar-ai{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 15px #0003}.message-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.message-sender{color:var(--text-primary);font-size:13px;font-weight:700}.message-time{color:var(--text-muted);font-size:11px}.message-text{color:var(--text-secondary);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);background:#ffffff0a;font-size:14px;line-height:1.7}.chat-message.user .message-text{background:rgba(var(--primary-rgb), .1);border-color:rgba(var(--primary-rgb), .2);color:var(--text-primary)}.chat-message.assistant .message-text{border-left:4px solid var(--primary);background:linear-gradient(90deg,#ffffff08,#0000)}.chat-input-form{padding:var(--space-6);border-top:1px solid var(--border-subtle)}.chat-input-wrapper{align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:#ffffff08;display:flex}.chat-input{color:var(--text-primary);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1;font-size:15px}.chat-send-btn{border-radius:var(--radius-lg);background:var(--primary);color:#fff;width:44px;height:44px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.chat-disclaimer{text-align:center;color:var(--text-muted);margin-top:var(--space-4);font-size:11px}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-page{flex-direction:column;display:flex}.settings-layout{gap:var(--space-5);grid-template-columns:240px 1fr;display:grid}.settings-tabs{padding:var(--space-3);gap:var(--space-1);height:fit-content;top:calc(var(--topbar-height) + var(--space-6));flex-direction:column;display:flex;position:sticky}.settings-tab{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--text-muted);transition:all var(--transition-fast);font-size:14px;font-weight:500;display:flex;position:relative}.settings-tab:hover{color:var(--text-primary);background:#ffffff0a}.settings-tab.active{color:var(--text-primary)}.tab-indicator{border-radius:var(--radius);z-index:-1;background:#76abae1a;border:1px solid #76abae33;position:absolute;inset:0}.settings-card{padding:var(--space-8)}.settings-section-title{margin-bottom:var(--space-1);font-size:20px;font-weight:600}.settings-section-subtitle{color:var(--text-muted);margin-bottom:var(--space-6);font-size:14px}.settings-form{gap:var(--space-5);flex-direction:column;display:flex}.profile-avatar-section{align-items:center;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.notification-options{gap:var(--space-1);flex-direction:column;display:flex}.notification-option{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.notification-option:last-child{border-bottom:none}.toggle{cursor:pointer;width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface-high);border-radius:var(--radius-full);transition:all var(--transition-base);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);width:20px;height:20px;transition:all var(--transition-base);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(22px)}.theme-list{gap:var(--space-3);flex-direction:column;display:flex}.theme-list-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.theme-list-item.active{border-color:var(--primary);box-shadow:var(--glow-primary);background:#76abae0d}.theme-info{align-items:center;gap:var(--space-5);display:flex}.theme-swatch{align-items:center;padding:4px;display:flex}.swatch-circle{border:2px solid var(--bg-base);border-radius:50%;width:24px;height:24px;margin-left:-10px;box-shadow:0 2px 8px #0000004d}.swatch-circle:first-child{margin-left:0}.theme-details{flex-direction:column;display:flex}.theme-name{color:var(--text-primary);font-size:15px;font-weight:600}.theme-description{color:var(--text-muted);font-size:12px}.theme-status{flex-shrink:0}@media (width<=1024px){.settings-layout{grid-template-columns:1fr}.settings-tabs{scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;position:static;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.form-grid,.theme-options{grid-template-columns:1fr}}.admin-page{gap:var(--space-6);flex-direction:column;display:flex}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-tabs{gap:var(--space-1);border-bottom:1px solid var(--border-subtle);padding-bottom:0;display:flex}.admin-tab-btn{padding:var(--space-3) var(--space-5);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s}.admin-tab-btn:hover{color:var(--text-primary)}.admin-tab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary-light);font-weight:700}.admin-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.user-management-card,.system-logs-card,.profiles-management-card{padding:var(--space-6)}.user-info{align-items:center;gap:var(--space-3);display:flex}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-email{color:var(--text-muted);font-size:12px}.admin-actions{gap:var(--space-1);display:flex}.admin-actions .btn-sm{min-height:auto;padding:4px}.text-error{color:var(--error)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.logs-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.log-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);background:#ffffff05;border-radius:6px;font-size:12px;display:flex}.log-time{color:var(--text-muted);width:60px}.log-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.log-tag.success{color:var(--success);background:#00b8941f}.log-tag.info{color:var(--primary-light);background:#76abae1f}.log-tag.warning{color:var(--warning);background:#fdcb6e1f}.log-tag.auth{color:var(--error);background:#ff76751f}.log-msg{color:var(--text-secondary)}.ep-edit-modal{flex-direction:column;width:740px;max-width:95vw;max-height:88vh;display:flex}.ep-edit-body{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.ep-section-label{align-items:center;gap:var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-light);opacity:.8;margin-bottom:calc(-1 * var(--space-1));font-size:11px;font-weight:700;display:flex}.ep-edit-grid{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex}@media (width<=1200px){.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.ep-edit-grid{grid-template-columns:1fr}.ep-edit-grid .form-group[style*=grid-column]{grid-column:auto!important}}.employee-dashboard-page{gap:var(--space-6);flex-direction:column;display:flex}.employee-dashboard-page.loading-state{gap:var(--space-4);height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.employee-dashboard-page .kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.employee-dashboard-grid{gap:var(--space-5);grid-template-columns:1.2fr 1fr;display:grid}.profile-summary-card{padding:var(--space-6)}.summary-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.summary-item{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05}.summary-value{color:var(--text-primary);letter-spacing:-.01em;margin-top:6px;font-weight:700;display:block}.chart-card{padding:var(--space-6)}.list-card{padding:var(--space-6)}.list{gap:var(--space-3);flex-direction:column;display:flex}.list-item{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.list-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:2px;font-weight:700}.notif-item{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05}.notif-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-weight:700}.notif-meta{margin-top:var(--space-3);align-items:center;display:flex}.employee-dashboard-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.employee-dashboard-page .chart-tooltip{padding:var(--space-3)}.employee-dashboard-page .tooltip-label{color:var(--text-primary);margin-bottom:6px;font-weight:700}@media (width<=1200px){.employee-dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.employee-dashboard-page .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.employee-dashboard-page .kpi-grid,.summary-grid{grid-template-columns:1fr}}.employee-profile-page{gap:var(--space-6);flex-direction:column;display:flex}.employee-profile-page.loading-state{gap:var(--space-4);height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.ep-hero-card{padding:0 0 var(--space-6) 0}.ep-hero-inner{align-items:center;gap:var(--space-6);display:flex}.ep-hero-avatar{flex-shrink:0}.ep-hero-info{flex:1}.ep-hero-name{letter-spacing:-.03em;color:var(--text-primary);font-size:24px;font-weight:800;line-height:1.1}.ep-hero-designation{color:var(--text-muted);margin:var(--space-1) 0 var(--space-3);font-size:14px}.ep-hero-meta{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.ep-hero-meta .badge{align-items:center;gap:5px;display:flex}.ep-hero-id{align-items:flex-end;gap:var(--space-1);padding-left:var(--space-6);border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;display:flex}.ep-id-value{font-family:var(--font-mono);color:var(--primary-light);letter-spacing:.04em;font-size:18px;font-weight:700}.profile-grid{gap:var(--space-6);grid-template-columns:1.5fr 1fr;display:grid}.profile-card,.edit-card{padding:var(--space-6)}.ep-details-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.ep-info-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff08;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.ep-info-row:hover{background:linear-gradient(145deg,#ffffff0f,#ffffff05)}.ep-info-icon{border-radius:var(--radius-md);color:#9ecacd;background:linear-gradient(135deg,#76abae26,#76abae0d);border:1px solid #76abae33;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex;box-shadow:0 4px 12px #76abae26}.ep-info-content{flex-direction:column;gap:2px;display:flex}.ep-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.ep-info-value{color:var(--text-primary);font-size:14px;font-weight:600}.employee-profile-page .form{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.employee-profile-page .form-label{align-items:center;gap:var(--space-2);display:flex}.employee-profile-page .form-group textarea.input-field{resize:vertical;padding-top:12px}.avatar-url-row{align-items:center;gap:var(--space-3);display:flex}.profile-avatar-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-surface);width:64px;height:64px;box-shadow:0 0 0 2px var(--primary-light), 0 4px 16px #76abae33;z-index:1;position:relative}.profile-avatar-fallback{width:64px;height:64px;box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 2px var(--primary-light), 0 4px 16px #76abae33;font-size:24px}@media (width<=1100px){.profile-grid{grid-template-columns:1fr}.ep-hero-id{display:none}}@media (width<=700px){.ep-hero-inner{flex-direction:column;align-items:flex-start}}.employee-attendance-page{gap:var(--space-6);flex-direction:column;display:flex}.employee-attendance-page .kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.attendance-grid{gap:var(--space-5);grid-template-columns:1.1fr 1fr;display:grid}.employee-attendance-page .filters{gap:var(--space-3);display:flex}.chart-card,.table-card{padding:var(--space-6)}.chart-container{width:100%;height:280px}.employee-attendance-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.employee-attendance-page .chart-tooltip{padding:var(--space-3)}.employee-attendance-page .tooltip-label{color:var(--text-primary);margin-bottom:6px;font-weight:700}@media (width<=1100px){.attendance-grid{grid-template-columns:1fr}}@media (width<=900px){.employee-attendance-page .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.employee-attendance-page .filters{flex-direction:column;align-items:stretch}.employee-attendance-page .kpi-grid{grid-template-columns:1fr}}.employee-leaves-page{gap:var(--space-6);flex-direction:column;display:flex}.employee-leaves-page .balances-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.balance-card{padding:var(--space-6)}.balance-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.balance-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-weight:800}.balance-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--secondary);background:#76abae14;border:1px solid #76abae33;justify-content:center;align-items:center;display:flex}.balance-metrics{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.metric{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;flex:1}.metric-val{color:var(--text-primary);letter-spacing:-.02em;margin-top:6px;font-weight:800;display:block}.balance-bar{border-radius:var(--radius-full);background:#ffffff0f;height:8px;overflow:hidden}.balance-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:var(--radius-full);height:100%;box-shadow:0 0 18px #76abae59}.history-card{padding:var(--space-6)}.employee-leaves-page .table-wrapper{overflow-x:auto}.employee-leaves-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.employee-leaves-page .modal-backdrop{z-index:2000;padding:var(--space-5);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.employee-leaves-page .modal{width:100%;max-width:760px;padding:var(--space-6)}.employee-leaves-page .modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.employee-leaves-page .form-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.employee-leaves-page .form-grid .full{grid-column:1/-1}.employee-leaves-page .modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.employee-leaves-page .form-group textarea.input-field{resize:vertical;padding-top:12px}@media (width<=1100px){.employee-leaves-page .balances-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.employee-leaves-page .balances-grid,.form-grid{grid-template-columns:1fr}}.employee-salary-page{gap:var(--space-6);flex-direction:column;display:flex}.salary-grid{gap:var(--space-5);grid-template-columns:1fr 1.4fr;display:grid}.salary-card,.payslip-card{padding:var(--space-6)}.salary-rows{gap:var(--space-3);flex-direction:column;display:flex}.salary-row{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.salary-val{color:var(--text-primary);letter-spacing:-.01em;font-weight:800}.employee-salary-page .table-wrapper{overflow-x:auto}.employee-salary-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}@media (width<=1100px){.salary-grid{grid-template-columns:1fr}}.employee-policies-page{gap:var(--space-6);flex-direction:column;display:flex}.policy-search{align-items:center;gap:var(--space-3);min-width:320px;display:flex}.policy-search .input-field{width:100%}.policies-card{padding:var(--space-6)}.policy-list{gap:var(--space-3);flex-direction:column;display:flex}.policy-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;display:flex}.policy-left{align-items:center;gap:var(--space-4);min-width:0;display:flex}.policy-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--primary-light);background:#76abae1a;border:1px solid #76abae40;justify-content:center;align-items:center;display:flex}.policy-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2px;font-weight:800}.policy-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.employee-policies-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.employee-policies-page .modal-backdrop{z-index:2000;padding:var(--space-5);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.employee-policies-page .modal{width:100%;max-width:980px;padding:var(--space-6)}.employee-policies-page .modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.pdf-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:#0003;width:100%;height:min(70vh,720px)}@media (width<=720px){.policy-search{width:100%;min-width:0}.policy-item{flex-direction:column;align-items:stretch}.policy-actions{justify-content:flex-start}}.employee-holidays-page{gap:var(--space-6);flex-direction:column;display:flex}.holiday-grid{gap:var(--space-5);grid-template-columns:1.5fr 1fr;display:grid}.calendar-card,.upcoming-card{padding:var(--space-6)}.cal-nav{align-items:center;gap:var(--space-2);display:flex}.calendar-head{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.cal-day{text-align:center;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;padding:8px 10px}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.cal-cell{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;min-height:84px;padding:10px;position:relative}.cal-cell.holiday{border-color:#76abae59;box-shadow:0 0 18px #76abae1f}.cal-num{color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.cal-holiday{color:var(--primary-light);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.weekoff-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);background:#ffffff05}.weekoff-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-3);font-weight:800}.weekoff-days{gap:var(--space-3);flex-wrap:wrap;display:flex}.upcoming-list{gap:var(--space-3);flex-direction:column;display:flex}.upcoming-item{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.upcoming-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:2px;font-weight:800}.employee-holidays-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}@media (width<=1200px){.holiday-grid{grid-template-columns:1fr}}@media (width<=720px){.calendar-grid,.calendar-head{gap:6px}.cal-cell{min-height:72px;padding:8px}.cal-holiday{display:none}}.employee-notifications-page{gap:var(--space-6);flex-direction:column;display:flex}.notif-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end;display:flex}.employee-notifications-page .toggle{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px;display:inline-flex}.employee-notifications-page .toggle input{accent-color:var(--primary)}.kpi-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.kpi-mini{padding:var(--space-4);align-items:center;gap:var(--space-4);min-width:180px;display:flex}.kpi-mini-icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary-light);background:#76abae1a;border:1px solid #76abae40;justify-content:center;align-items:center;display:flex}.kpi-mini-val{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:900}.notifs-card{padding:var(--space-6)}.notif-list{gap:var(--space-3);flex-direction:column;display:flex}.notif{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05}.notif.unread{border-color:#76abae40;box-shadow:0 0 18px #76abae14}.notif-top{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.notif-title{color:var(--text-primary);letter-spacing:-.02em;font-weight:900}.notif-msg{color:var(--text-secondary)}.notif-bottom{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.employee-notifications-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}@media (width<=720px){.notif-bottom{flex-direction:column;align-items:flex-start}}.employee-support-page{gap:var(--space-6);flex-direction:column;display:flex}.support-card{padding:var(--space-6)}.table-wrapper{overflow-x:auto}.employee-support-page .empty-state{padding:var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.employee-support-page .modal-backdrop{z-index:2000;padding:var(--space-5);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.employee-support-page .modal{width:100%;max-width:820px;padding:var(--space-6)}.employee-support-page .modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.employee-support-page .form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.employee-support-page .form-grid .full{grid-column:1/-1}.employee-support-page .modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.employee-support-page .form-group textarea.input-field{resize:vertical;padding-top:12px}.finance-page{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.btn-reset-ledger{transition:all var(--transition-base);color:var(--error)!important;background:#ff6b6b0a!important;border:1px solid #ff6b6b40!important}.btn-reset-ledger:hover{box-shadow:0 0 15px #ff6b6b26;color:#ff8e8e!important;background:#ff6b6b1a!important;border-color:#ff6b6b73!important}.kpi-grid{gap:var(--space-5);margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.kpi-card-custom{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:var(--glass-bg,#ffffff08);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border,#ffffff12);box-shadow:var(--card-shadow);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.kpi-card-custom:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.kpi-card-custom:hover{background:var(--glass-bg-hover,#ffffff0f);border-color:var(--border-strong);transform:translateY(-3px)scale(1.01)}.kpi-icon-wrap{border-radius:var(--radius-md);width:58px;height:58px;transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-card-custom:hover .kpi-icon-wrap{transform:scale(1.1)rotate(5deg)}.kpi-icon-wrap.primary{background:var(--primary-container);color:var(--primary);border:1px solid var(--border-primary);box-shadow:var(--glow-primary)}.kpi-icon-wrap.success{background:var(--success-container);color:var(--success);border:1px solid var(--border-success,#10b98133);box-shadow:0 0 15px var(--success-container)}.kpi-icon-wrap.error{background:var(--error-container);color:var(--error);border:1px solid var(--border-error,#ef444433);box-shadow:0 0 15px var(--error-container)}.kpi-info{flex-direction:column;gap:3px;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.2}.kpi-meta{opacity:.85;font-size:11px;font-weight:600}.charts-grid{gap:var(--space-6);grid-template-columns:1.6fr 1fr;display:grid}.chart-card{padding:var(--space-6);border-radius:var(--radius-xl);flex-direction:column;justify-content:space-between;display:flex}.chart-card-small{flex-direction:column;display:flex}.empty-chart-state{text-align:center;height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeInScale;display:flex}.empty-chart-icon-wrap{border-radius:var(--radius-full);border:1px solid var(--border-primary);width:72px;height:72px;color:var(--primary-light);margin-bottom:var(--space-4);box-shadow:var(--glow-primary);background:#76abae14;justify-content:center;align-items:center;animation:3s ease-in-out infinite pulse-glow;display:flex}.accounts-list-container{gap:var(--space-2);flex-direction:column;display:flex}.accounts-list-container::-webkit-scrollbar{width:5px}.accounts-list-container::-webkit-scrollbar-track{background:0 0}.accounts-list-container::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff0d}.accounts-list-container::-webkit-scrollbar-thumb:hover{background:#76abae4d}.account-row-custom{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff03;border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .25s;display:flex}.account-row-custom:hover{background:#ffffff08;border-color:#76abae26;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.acc-info-section{align-items:center;gap:var(--space-3);display:flex}.acc-meta-section{align-items:center;gap:var(--space-4);display:flex}.account-code-lbl{color:var(--primary-light);border-radius:var(--radius-sm);background:#76abae1f;border:1px solid #76abae33;padding:3px 8px;font-size:12px;font-weight:600}.account-name-lbl{color:var(--text-secondary);font-size:14px;font-weight:500}.account-bal-lbl{color:var(--text-primary);text-align:right;min-width:90px;font-size:14px;font-weight:600}.empty-accounts-state{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ledger-row{transition:background var(--transition-fast)}.ledger-row:hover td{color:var(--text-primary)!important;background:#76abae08!important}.highlight-amount{letter-spacing:-.01em;font-size:14px;color:#fff!important}.badge-posted{color:var(--primary-light)!important;background:#76abae1f!important;border:1px solid #76abae40!important}.empty-table-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex}.empty-table-icon{color:var(--primary-light);margin-bottom:var(--space-4);opacity:.7;animation:3.5s ease-in-out infinite pulse-glow}.empty-table-state h4{color:var(--text-primary);margin-bottom:var(--space-2);font-size:18px;font-weight:600}.empty-table-state p{max-width:380px;font-size:14px;line-height:1.6}.modal-content-custom{width:92%;max-width:540px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);background:var(--surface-low)!important;border:1px solid var(--border-strong)!important}.modal-title-custom{letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700;color:var(--text-primary)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.charts-grid{grid-template-columns:1fr}.chart-card-small{min-height:320px}}@media (width<=768px){.kpi-grid,.form-row-custom{gap:var(--space-4);grid-template-columns:1fr}.header-actions{flex-direction:column-reverse;align-items:stretch;width:100%}.header-actions .btn{width:100%}.modal-content-custom{padding:var(--space-5) var(--space-6)}}.btn-invoice-report{transition:all var(--transition-base);color:var(--primary-light)!important;background:#76abae14!important;border:1px solid #a29bfe4d!important}.btn-invoice-report:hover{box-shadow:0 0 15px #76abae33;background:#76abae2e!important;border-color:#a29bfe80!important}.generator-backdrop{align-items:flex-start;padding:40px 20px;overflow-y:auto}.generator-modal{animation:.3s cubic-bezier(.16,1,.3,1) fadeInScale;max-width:820px!important;padding:var(--space-5) var(--space-6)!important}.generator-header{justify-content:space-between;align-items:center;display:flex;border-bottom:1px solid var(--border-strong)!important}.generator-title-section{flex-direction:column;gap:2px;display:flex}.btn-close-custom{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-close-custom:hover{color:var(--text-primary);background:var(--primary-container)}.generator-tab-row{gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3);display:flex;overflow-x:auto}.gen-tab-btn{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex}.gen-tab-btn:hover{color:var(--text-secondary);background:var(--primary-container)}.gen-tab-btn.active{color:var(--primary);background:var(--primary-container);border-color:var(--border-primary);box-shadow:var(--glow-primary)}.generator-form{gap:var(--space-4);flex-direction:column;display:flex}.checkbox-wrap-custom{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-wrap-custom input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-light);cursor:pointer}.ledger-posting-integration-box{background:var(--primary-container);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);margin-top:4px;padding:16px}.ledger-post-select{animation:.3s ease-out fadeIn}.employee-live-preview-row{background:var(--surface-lowest);border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--primary);gap:24px;padding:10px 14px;font-size:12.5px;display:flex}.invoice-items-editor{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.items-header-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.btn-small{padding:6px 12px!important;font-size:11px!important}.item-row-edit{align-items:center;gap:12px;width:100%;display:flex}.desc-edit{flex:2.5}.qty-edit{text-align:center;flex:.8;width:80px;min-width:60px}.price-edit{flex:1.2;width:120px;min-width:90px}.item-row-headers{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);gap:12px;margin-top:12px;margin-bottom:2px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.item-row-headers .header-desc{flex:2.5}.item-row-headers .header-qty{text-align:center;flex:.8}.item-row-headers .header-price{flex:1.2}.item-row-headers .header-actions{width:32px}.btn-remove-item{color:var(--error);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-remove-item:hover:not(:disabled){background:#ff6b6b1a}.btn-remove-item:disabled{opacity:.25;cursor:not-allowed}.btn-generate{box-shadow:var(--glow-primary)}.generator-preview-layout{flex-direction:column;gap:16px;animation:.3s ease-out fadeIn;display:flex}.preview-action-bar{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.printable-document-container{border:1px solid #e0e0e0;border-radius:6px;max-width:100%;margin:0 auto;padding:38px 48px;box-shadow:0 10px 40px #0006;color:#1e1e2c!important;background:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.corporate-header{justify-content:space-between;align-items:flex-start;display:flex}.corporate-logo-section{align-items:center;gap:14px;display:flex}.corp-logo{color:#fff;background:linear-gradient(135deg,#76abae 0%,#9ecacd 100%);border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 10px #76abae33}.corp-name{color:#111119;margin:0;font-size:19px;font-weight:800;line-height:1.1}.corp-sub{color:#6e6d7a;text-transform:uppercase;letter-spacing:.05em;margin:2px 0 0;font-size:11px;font-weight:600}.corporate-meta{text-align:right}.corporate-meta h2{color:#76abae;letter-spacing:.05em;margin:0 0 8px;font-size:18px;font-weight:800}.corporate-meta p{color:#334;margin:3px 0;font-size:10.5px}.corporate-divider{background:#eaeaea;height:2px;margin:24px 0}.billing-address-grid{grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:30px;display:grid}.billing-label{color:#8c8b96;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.billing-val{color:#111119;margin:0 0 4px;font-size:14.5px;font-weight:700}.billing-sub{color:#556;margin:2px 0;font-size:12px;line-height:1.3}.doc-items-table{border-collapse:collapse;width:100%;margin-top:10px;margin-bottom:24px}.doc-items-table th{color:#334;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f4f4f6;border-bottom:2px solid #e4e4e6;padding:12px 14px;font-size:11px;font-weight:700}.doc-items-table td{color:#223;border-bottom:1px solid #eaeaea;padding:12px 14px;font-size:13px}.doc-items-table.mini td{padding:8px 14px;font-size:12.5px}.invoice-total-block{border-top:1px solid #eaeaea;flex-direction:column;align-items:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.total-row{color:#445;justify-content:space-between;width:260px;font-size:13px;display:flex}.total-row.grand-total{color:#111119;border-top:2px double #eaeaea;margin-top:4px;padding-top:10px;font-size:16px;font-weight:800}.invoice-terms-block{border-top:1px solid #f4f4f6;margin-top:40px;padding-top:16px}.invoice-terms-block h4{color:#8c8b96;text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px;font-weight:700}.invoice-terms-block p{color:#6e6d7a;margin:3px 0;font-size:11px}.payslip-grid{border:1px solid #eaeaea;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:24px;display:grid;overflow:hidden}.payslip-column{flex-direction:column;display:flex}.column-header{color:#111119;text-transform:uppercase;letter-spacing:.05em;background:#f4f4f6;border-bottom:1.5px solid #e4e4e6;margin:0;padding:10px 14px;font-size:11px;font-weight:700}.payslip-row{color:#334;border-bottom:1px solid #eaeaea;justify-content:space-between;padding:10px 14px;font-size:12.5px;display:flex}.payslip-row:last-child{border-bottom:none}.payslip-row.total{color:#111119;background:#fafafb;border-top:1.5px solid #e4e4e6;font-weight:700}.net-pay-block{background:#f2f1fa;border:1px solid #76abae;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:16px 20px;display:flex}.net-pay-label{color:#76abae;letter-spacing:.08em;font-size:12px;font-weight:700}.net-pay-val{color:#111119;font-size:20px;font-weight:800}.signature-area{justify-content:space-between;margin-top:50px;padding-top:24px;display:flex}.sig-block{text-align:center;width:200px}.sig-line{background:#a0a0b0;height:1px;margin-bottom:8px}.sig-block p{color:#556;margin:0;font-size:11px;font-weight:500}.report-period-badge{color:#76abae;letter-spacing:.03em;background:#f2f1fa;border-radius:100px;margin-bottom:24px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.financial-statement-body{flex-direction:column;display:flex}.financial-statement-body .section-title{color:#111119;text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid #eaeaea;margin-bottom:12px;padding-bottom:6px;font-size:14px;font-weight:800}.accounts-reporting-grid{flex-direction:column;gap:2px;padding-left:8px;display:flex}.statement-line{color:#334;border-bottom:1px dashed #eaeaea;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.statement-line.total-line{color:#111119;border-top:1px solid #111119;border-bottom:2px double #111119;margin-top:4px;padding-top:10px;font-weight:700}@media print{body,body *{visibility:hidden;box-shadow:none!important;background:#fff!important}.printable-document-container,.printable-document-container *{visibility:visible;color:#111119!important;box-shadow:none!important}.printable-document-container{width:100%;margin:0;padding:0;position:absolute;top:0;left:0;background:0 0!important;border:none!important}.modal-backdrop-custom,.generator-backdrop{width:auto;height:auto;padding:0;display:block;position:static;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.no-print{height:0!important;margin:0!important;padding:0!important;display:none!important}}.inventory-page{animation:.5s ease-out fadeIn}.low-stock-banner{border-radius:12px;margin-bottom:24px;padding:14px 20px;background:#ef444414!important;border:1px solid #ef444440!important}.wh-row-custom{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.wh-row-custom:hover{background:#ffffff0a;border-color:#76abae33;transform:translateY(-2px)}.wh-icon-custom{color:#9ecacd;background:#76abae1a;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.wh-name-lbl{color:var(--text-primary);font-size:15px;font-weight:600}.wh-loc-lbl{color:var(--text-secondary);font-size:12px}.val-stat-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.val-lbl{color:var(--text-secondary);font-size:14px}.val-num{color:var(--text-primary);font-size:16px;font-weight:600}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.products-page{animation:.4s ease-out fadeIn}.low-stock-banner-custom{border-radius:var(--radius-xl);margin-bottom:24px;padding:14px 20px;background:#ef444414!important;border:1px solid #ef444440!important}.alert-pulse-icon{animation:2s infinite pulse-alert}@keyframes pulse-alert{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;color:#ffd27d;transform:scale(1.15)}}@media (width>=992px){.filters-container-custom{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=576px){.form-row-custom{flex-direction:column;gap:12px}}.product-cards-grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));display:grid}.product-card-3d{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass-bg);box-shadow:var(--card-shadow);flex-direction:column;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.product-card-3d:hover{border-color:var(--border-glow);box-shadow:var(--glow-primary), 0 12px 24px #00000026;transform:translateY(-5px)}.product-card-header{padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.sku-badge{color:var(--primary-light);border-radius:var(--radius-sm);background:#76abae14;border:1px solid #76abae26;padding:3px 8px;font-size:11px;font-weight:600}.product-card-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.product-icon-wrap{border-radius:var(--radius-md);background:var(--primary-container);width:44px;height:44px;color:var(--primary-light);border:1px solid var(--border-primary);justify-content:center;align-self:flex-start;align-items:center;transition:transform .2s;display:flex}.product-card-3d:hover .product-icon-wrap{transform:rotate(5deg)scale(1.05)}.product-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-details{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border-subtle);background:#ffffff04;flex-direction:column;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-lbl{color:var(--text-secondary)}.detail-val{color:var(--text-primary);font-weight:500}.price-highlight{font-weight:700;color:var(--success)!important}.supplier-row{border-top:1px solid var(--border-subtle);padding-top:var(--space-2);margin-top:2px}.supplier-name-val{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.product-card-status-bar{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.qty-counter{flex-direction:column;display:flex}.qty-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.qty-number{color:var(--text-primary);font-size:18px;font-weight:800}.qty-low{animation:2s infinite pulse-danger;color:var(--error)!important}.product-card-actions{padding:var(--space-3) var(--space-4);gap:var(--space-2);background:#0000000d;display:flex}.product-card-actions button{justify-content:center;align-items:center;gap:var(--space-2);flex:1;font-size:12px;font-weight:600;display:flex}.product-card-actions button.delete{flex:0 0 40px}.suppliers-page{gap:24px;width:100%;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.suppliers-main-content{flex:1;width:100%;transition:all .4s cubic-bezier(.23,1,.32,1)}.suppliers-main-content.shrinked{margin-right:470px}@media (width<=1200px){.suppliers-main-content.shrinked{margin-right:0}}.supplier-detail-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);z-index:95;will-change:transform;flex-direction:column;width:440px;display:flex;position:fixed;top:80px;bottom:20px;right:20px;overflow:hidden;border:1px solid var(--border)!important;background:#1e1e2ff5!important;box-shadow:-10px 10px 40px #0009!important}@media (width<=576px){.supplier-detail-drawer{width:auto;left:20px}}.info-lbl svg{color:var(--text-muted)}.drawer-products-list{flex-direction:column;gap:12px;max-height:350px;padding-right:4px;display:flex;overflow-y:auto}.drawer-product-card{transition:all var(--transition-base);padding:14px;background:#ffffff04!important;border-color:#ffffff08!important}.drawer-product-card:hover{transform:translateY(-1px);background:#ffffff08!important;border-color:#76abae26!important}.dr-prod-name{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.dr-prod-sku{color:var(--primary-light);font-size:11px}.dr-prod-stats{border-top:1px solid #ffffff08;padding-top:8px}.stat-lbl{color:var(--text-muted);font-size:11px;display:block}.stat-val{font-size:13px;font-weight:600}.drawer-no-products{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex;border:1px dashed var(--border)!important}.supplier-cards-grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=768px){.supplier-cards-grid{grid-template-columns:1fr}}.supplier-card-3d{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--glass-bg);box-shadow:var(--card-shadow);cursor:pointer;flex-direction:column;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.supplier-card-3d:hover{border-color:var(--border-glow);box-shadow:var(--glow-primary), 0 12px 24px #00000026;transform:translateY(-4px)}.supplier-card-3d.row-selected{border-color:var(--primary-light);background:#76abae0a;box-shadow:0 0 16px #76abae26}.supplier-card-header{padding:var(--space-4) var(--space-4) var(--space-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.vendor-title-wrap{align-items:center;gap:var(--space-2);min-width:0;display:flex}.vendor-icon-lbl{color:var(--primary-light)}.vendor-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.supplier-card-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.supplier-card-details{gap:var(--space-3);flex-direction:column;font-size:13.5px;display:flex}.supplier-info-line{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);display:flex}.supplier-info-line svg{color:var(--text-muted);flex-shrink:0;margin-top:3px}.supplier-info-line.contact-line{color:var(--text-primary);font-weight:500}.supplier-stats-strip{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff04;grid-template-columns:1fr 1.2fr;display:grid}.supplier-stat-box{flex-direction:column;gap:2px;display:flex}.supplier-stat-lbl{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px}.supplier-stat-val{color:var(--text-primary);font-size:13px;font-weight:700}.supplier-stat-val.value-highlight{color:var(--success)!important}.supplier-card-actions{padding:var(--space-3) var(--space-4);gap:var(--space-2);background:#0000000d;display:flex}.supplier-card-actions button{justify-content:center;align-items:center;gap:var(--space-2);flex:1;font-size:12px;font-weight:600;display:flex}.supplier-card-actions button.delete{flex:0 0 40px}.info-val,.drawer-title,.dr-prod-name{color:var(--text-primary)!important}.crm-page{animation:.5s ease-out fadeIn}.kpi-icon-wrap.warning{color:#dd6b20;background:#dd6b2026;border:1px solid #dd6b2033}.pipeline-board{gap:var(--space-4);padding-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);align-items:start;margin-top:24px;display:grid;overflow-x:auto}.pipeline-column{border-radius:16px;flex-direction:column;gap:12px;min-height:480px;padding:16px;display:flex;background:var(--surface-low)!important;border:1px solid var(--border)!important}.pipeline-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.column-title{color:var(--text-primary);font-size:14px;font-weight:700}.column-count{background:var(--surface);color:var(--text-primary);padding:2px 6px;font-size:11px}.column-body{flex-direction:column;gap:12px;max-height:450px;padding:4px;display:flex;overflow-y:auto}.lead-card{cursor:grab;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex;background:var(--surface)!important;border:1px solid var(--border)!important}.lead-card:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 20px #0003;border-color:var(--primary)!important}.lead-card-header{justify-content:space-between;align-items:center;display:flex}.lead-company{color:var(--text-primary);font-size:13px;font-weight:600}.lead-score{color:var(--primary);background:#a29bfe1a;border-radius:4px;padding:2px 6px;font-size:11px}.lead-card-body{flex-direction:column;gap:4px;display:flex}.lead-contact{color:var(--text-muted);font-size:11px}.lead-value{color:var(--text-primary);font-size:16px;font-weight:700}.lead-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.lead-owner{color:var(--text-muted);font-size:11px}.btn-icon-next{color:#48bb78;cursor:pointer;background:#48bb7826;border:1px solid #48bb7833;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.btn-icon-next:hover{color:#fff;background:#48bb78}.btn-icon-lost{color:#f56565;cursor:pointer;background:#f5656526;border:1px solid #f5656533;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;transition:all .2s;display:flex}.btn-icon-lost:hover{color:#fff;background:#f56565}.leads-page{animation:.4s ease-out fadeIn}.filters-card-custom{margin-bottom:24px;padding:20px}.filters-container-custom{flex-direction:column;gap:16px;display:flex}@media (width>=992px){.filters-container-custom{flex-direction:row;justify-content:space-between;align-items:center}}.search-box-custom{flex:1;max-width:500px;position:relative}.search-icon-custom{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-custom{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:all var(--transition-base);background:#ffffff08;outline:none;padding:12px 16px 12px 42px;font-size:14px}.search-input-custom:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #76abae26}.dropdowns-container-custom{flex-wrap:wrap;gap:12px;display:flex}.filter-select-group{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition-base);background:#ffffff08;align-items:center;padding:0 12px;display:flex;position:relative}.filter-select-group:focus-within,.filter-select-group:hover{border-color:var(--primary-light);background:#ffffff0d}.select-icon{color:var(--text-muted);margin-right:8px}.filter-select{color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:12px 24px 12px 0;font-size:14px}.filter-select-group:after{content:"▼";color:var(--text-muted);pointer-events:none;font-size:9px;position:absolute;right:12px}.table-card-custom{padding:24px}.table-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.text-primary-light{color:var(--primary-light)}.text-success-light{color:#55efc4}.no-data-cell{text-align:center;color:var(--text-muted);padding:48px 0!important}.table-actions-container{justify-content:flex-end;gap:8px;display:flex}.action-btn-custom{width:32px;height:32px;transition:all var(--transition-fast);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.action-btn-custom.edit{color:var(--primary-light);background:#76abae1a;border:1px solid #76abae33}.action-btn-custom.edit:hover{background:var(--primary);color:#fff;box-shadow:0 0 10px #76abae66}.action-btn-custom.stock{color:var(--success);background:#00b8941a;border:1px solid #00b89433}.action-btn-custom.stock:hover{background:var(--success);color:#fff;box-shadow:0 0 10px #00b89466}.action-btn-custom.delete{color:var(--error);background:#ff6b6b1a;border:1px solid #ff6b6b33}.action-btn-custom.delete:hover{background:var(--error);color:#fff;box-shadow:0 0 10px #ff6b6b66}.modal-backdrop-custom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0a0a1ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content-custom{outline:none;width:100%;max-width:600px;padding:32px;position:relative}.modal-title-custom{color:#fff;border-bottom:1px solid var(--border);padding-bottom:12px;font-size:20px;font-weight:700}.form-group-custom{flex-direction:column;gap:6px;display:flex}.form-label-custom{color:var(--text-secondary);font-size:13px;font-weight:600}.form-control-custom{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:all var(--transition-base);background:#ffffff08;outline:none;padding:10px 14px;font-size:14px}.form-control-custom:focus{border-color:var(--primary);box-shadow:0 0 0 3px #76abae26}.form-control-custom option{background:var(--surface);color:var(--text-primary)}.form-row-custom{gap:16px;display:flex}@media (width<=576px){.form-row-custom{flex-direction:column;gap:12px}}.modal-actions-custom{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.badge-category{color:var(--primary-light)!important;background:#a29bfe1f!important;border:1px solid #a29bfe40!important}.contacts-page{gap:24px;width:100%;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow:hidden}.contacts-main-content{flex:1;width:100%;transition:all .4s cubic-bezier(.23,1,.32,1)}.contacts-main-content.shrinked{margin-right:470px}@media (width<=1200px){.contacts-main-content.shrinked{margin-right:0}}.contact-detail-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);z-index:95;will-change:transform;flex-direction:column;width:440px;display:flex;position:fixed;top:80px;bottom:20px;right:20px;overflow:hidden;border:1px solid var(--border)!important;background:#1e1e2ff5!important;box-shadow:-10px 10px 40px #0009!important}@media (width<=576px){.contact-detail-drawer{width:auto;left:20px}}.drawer-header{border-bottom:1px solid var(--border);background:#ffffff03;justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-title{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.drawer-close-btn{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.drawer-close-btn:hover{color:var(--error);background:#ff6b6b26;transform:rotate(90deg)}.drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.drawer-info-block{flex-direction:column;gap:12px;display:flex}.info-block-title{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-light);margin-bottom:4px;font-size:13px;font-weight:700}.info-rows{flex-direction:column;gap:10px;display:flex}.info-row{border-radius:var(--radius);background:#ffffff04;border:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.info-lbl{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.info-val{color:#fff;font-size:14px;font-weight:500}.drawer-worth-block{padding:16px 20px;background:#00b89414!important;border-color:#00b89433!important}.worth-icon{color:#55efc4;background:#00b89426;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.drawer-links-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.drawer-link-card{transition:all var(--transition-base);padding:12px 16px;background:#ffffff04!important;border-color:#ffffff08!important}.drawer-link-card:hover{background:#ffffff08!important;border-color:#76abae26!important}.link-title{color:#fff;font-size:13px;font-weight:600}.link-stats{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.link-stats span:first-child{color:#55efc4;font-weight:600}.drawer-empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.drawer-empty-state svg{opacity:.15;margin-bottom:6px}.drawer-empty-state p{font-size:12px}.clickable-row{cursor:pointer;transition:all var(--transition-fast)!important}.clickable-row:hover td{background:#ffffff08!important}.clickable-row.row-selected td{background:#76abae0d!important;border-bottom-color:#76abae33!important}.projects-page{animation:.4s ease-out fadeIn}.kpi-grid-custom{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.projects-layout{align-items:flex-start;gap:24px;margin-top:24px;display:flex}@media (width<=992px){.projects-layout{flex-direction:column;align-items:stretch}}.projects-sidebar{background:var(--surface-low);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex-shrink:0;gap:16px;width:280px;padding:20px 16px;display:flex}@media (width<=992px){.projects-sidebar{width:auto}}.sidebar-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0d;padding-bottom:10px;font-size:12px;font-weight:700}.proj-list-wrapper{flex-direction:column;gap:10px;max-height:500px;padding-right:2px;display:flex;overflow-y:auto}.proj-sidebar-item{border-radius:var(--radius-md);cursor:pointer;background:var(--surface);border:1px solid var(--border);transition:all var(--transition-base);justify-content:space-between;align-items:center;padding:14px 12px;display:flex}.proj-sidebar-item:hover{background:#ffffff0a;border-color:#ffffff14}.proj-sidebar-item.active{color:var(--primary-light);background:#76abae1f;border-color:#76abae40;box-shadow:0 4px 15px #76abae0d}.proj-title-txt{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:14px;font-weight:600;overflow:hidden}.proj-client-txt{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:11px;overflow:hidden}.proj-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.proj-sidebar-item:hover .proj-actions{opacity:1}.proj-act-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.proj-act-btn.edit{color:var(--primary-light);background:#76abae26}.proj-act-btn.edit:hover{background:var(--primary);color:#fff}.proj-act-btn.delete{color:var(--error);background:#ff6b6b26}.proj-act-btn.delete:hover{background:var(--error);color:#fff}.projects-board-wrap{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.proj-info-banner{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}@media (width<=768px){.proj-info-banner{flex-direction:column;align-items:flex-start;gap:16px}}.proj-progress-bar-wrap{width:160px}.proj-progress-track{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.proj-progress-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:3px;height:100%}.badge-manager{font-family:var(--font-mono);font-size:11px;color:var(--secondary-light)!important;background:#76abae1a!important;border:1px solid #76abae33!important}.focus-tab-row{border-radius:var(--radius-lg);gap:12px;padding:8px;display:flex;overflow-x:auto;background:#ffffff05!important}.focus-tab-btn{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;display:flex}.focus-tab-btn:hover{color:var(--text-secondary);background:#ffffff05}.focus-tab-btn.active{color:var(--primary-light);background:#76abae1f;border:1px solid #76abae33;box-shadow:0 4px 12px #76abae0d}.kanban-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}@media (width<=768px){.kanban-grid{grid-template-columns:1fr;gap:20px}}.kanban-column{border-radius:16px;flex-direction:column;gap:12px;min-height:480px;padding:16px;display:flex;background:var(--surface-low)!important;border:1px solid var(--border)!important}.kanban-column-header{border-bottom:1px solid var(--border);color:var(--text-primary);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:14px;font-weight:700;display:flex}.kanban-column-body{flex-direction:column;gap:12px;max-height:520px;padding-right:2px;display:flex;overflow-y:auto}.column-empty-indicator{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 0;font-size:12px;display:flex}.task-card{transition:all var(--transition-base);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex;background:var(--surface)!important;border:1px solid var(--border)!important}.task-card:hover{box-shadow:0 4px 15px #76abae14;border-color:#76abae40!important}.task-card-head{justify-content:space-between;align-items:center;display:flex}.task-card-act{opacity:0;gap:6px;transition:opacity .2s;display:flex}.task-card:hover .task-card-act{opacity:1}.task-act-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px}.task-act-btn:hover{color:#fff}.task-act-btn.delete:hover{color:var(--error)}.task-title{color:var(--text-primary);font-size:14px;font-weight:600}.task-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.task-time-metrics{color:var(--secondary-light);background:#76abae14;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:11px;display:flex}.task-date-tag{color:var(--text-muted);background:#ffffff08;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:11px;display:flex}.task-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.task-assignee{color:var(--text-muted);font-size:11px}.btn-log-time{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:4px 8px;font-size:11px;transition:all .2s}.btn-log-time:hover{color:var(--primary-light);background:#76abae26;border-color:#76abae40}.btn-next-step{color:#48bb78;cursor:pointer;background:#48bb781a;border:1px solid #48bb7833;border-radius:6px;padding:4px 8px;font-size:11px;transition:all .2s}.btn-next-step:hover{color:#fff;background:#48bb78}.gantt-chart-container{flex-direction:column;padding:20px;display:flex;overflow-x:auto}.gantt-table-header{border-bottom:2px solid var(--border);grid-template-columns:200px repeat(14,40px);min-width:760px;padding-bottom:12px;display:grid}.gantt-task-col-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;font-size:12px;font-weight:700;display:flex}.gantt-day-header{flex-direction:column;justify-content:center;align-items:center;display:flex}.gantt-day-num{color:#fff;font-size:14px;font-weight:700}.gantt-day-lbl{color:var(--text-muted);text-transform:uppercase;font-size:9px}.gantt-table-body{flex-direction:column;gap:12px;min-width:760px;margin-top:12px;display:flex}.gantt-row{border-bottom:1px solid #ffffff05;grid-template-columns:200px repeat(14,40px);align-items:center;padding:8px 0;display:grid}.gantt-task-label-cell{cursor:pointer;flex-direction:column;padding-right:12px;display:flex}.gantt-task-label-cell:hover .gantt-row-title{color:var(--primary-light)!important}.gantt-bar{color:#fff;cursor:pointer;height:32px;transition:all var(--transition-base);white-space:nowrap;border-radius:8px;grid-column:2/5;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden;box-shadow:0 3px 10px #0003}.gantt-bar-title{text-overflow:ellipsis;margin-right:8px;overflow:hidden}.gantt-bar-hours{opacity:.8;background:#00000026;border-radius:4px;padding:1px 4px;font-size:10px}.gantt-bar:hover{transform:scaleY(1.05);box-shadow:0 4px 15px #0006}.gantt-bar-high{background:linear-gradient(90deg,#ff6b6b 0%,#c0392b 100%);border:1px solid #ff6b6b4d}.gantt-bar-high:hover{box-shadow:0 0 12px #ff6b6b66}.gantt-bar-medium{background:linear-gradient(90deg,#fdcb6e 0%,#e67e22 100%);border:1px solid #fdcb6e4d}.gantt-bar-medium:hover{box-shadow:0 0 12px #fdcb6e66}.gantt-bar-low{background:linear-gradient(90deg,#f5f5f5 0%,#0984e3 100%);border:1px solid #76abae4d}.gantt-bar-low:hover{box-shadow:0 0 12px #76abae66}.gantt-empty-state{text-align:center;color:var(--text-muted);padding:48px 0}.analytics-tab-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}@media (width<=576px){.analytics-tab-grid{grid-template-columns:1fr}}.chart-card-custom{padding:24px}.chart-card-title{color:#fff;font-size:15px;font-weight:700}.chart-card-subtitle{color:var(--text-muted);font-size:12px}.chart-empty-state{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.no-project-selected{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.no-project-selected h3{color:#fff;margin-bottom:6px;font-size:18px;font-weight:700}.status-callout-banner{transition:all var(--transition-base);border-radius:12px;align-items:flex-start;gap:16px;margin-top:10px;padding:16px 20px;display:flex}.status-callout-banner.planning{box-shadow:0 4px 20px #76abae0d;background:#76abae14!important;border:1px solid #76abae40!important}.status-callout-banner.planning .status-icon{color:var(--primary-light)}.status-callout-banner.delayed{box-shadow:0 4px 20px #ff6b6b0d;background:#ff6b6b14!important;border:1px solid #ff6b6b40!important}.status-callout-banner.delayed .status-icon{color:var(--error)}.status-callout-banner.completed{box-shadow:0 4px 20px #00b8940d;background:#00b89414!important;border:1px solid #00b89440!important}.status-callout-banner.completed .status-icon{color:var(--success)}.status-callout-content{flex-direction:column;gap:4px;display:flex}.status-callout-title{color:#fff;font-size:14px;font-weight:700}.status-callout-desc{color:var(--text-muted);font-size:12.5px;line-height:1.5}.manufacturing-page{gap:var(--space-5);flex-direction:column;display:flex}.mfg-stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.mfg-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.mfg-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mfg-stat-info{flex-direction:column;display:flex}.mfg-stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.mfg-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.mfg-tabs{gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;width:fit-content;display:flex}.mfg-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:13px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex}.mfg-tab:hover{color:var(--text-primary);background:#ffffff0a}.mfg-tab.active{color:var(--primary-light);background:#76abae26;font-weight:600}.mfg-search{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);max-width:400px;color:var(--text-muted);background:#ffffff08;display:flex}.mfg-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.mfg-search input::placeholder{color:var(--text-muted)}.mfg-table-card{padding:var(--space-5);overflow-x:auto}.order-id{font-family:var(--font-mono);color:var(--primary-light);border-radius:var(--radius-sm);background:#76abae1a;padding:2px 8px;font-size:12px}.progress-bar{border-radius:var(--radius-full);background:#ffffff0f;width:80px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:inherit;height:100%;transition:width .5s}.progress-text{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);min-width:32px}.version-tag{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-sm);background:#ffffff0d;padding:2px 8px;font-size:12px}.text-muted{color:var(--text-secondary)}.mfg-planning-card{padding:var(--space-6)}.planning-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.planning-item{gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;align-items:center;display:flex}.planning-item h4{color:var(--text-primary);font-size:16px;font-weight:600}.planning-item p{color:var(--text-muted);font-size:13px;line-height:1.5}@media (width<=1200px){.mfg-stats-grid{grid-template-columns:repeat(2,1fr)}.planning-grid{grid-template-columns:1fr}}@media (width<=768px){.mfg-stats-grid{grid-template-columns:1fr}.mfg-tabs{flex-wrap:wrap}}.quality-page{gap:var(--space-5);flex-direction:column;display:flex}.qc-stats-grid{gap:var(--space-4);grid-template-columns:auto repeat(4,1fr);align-items:stretch;display:grid}.qc-stat-card{padding:var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.qc-pass-rate{justify-content:center;align-items:center;display:flex;position:relative}.pass-rate-value{color:var(--text-primary);font-size:20px;font-weight:700;position:absolute}.qc-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.qc-stat-mini{padding:var(--space-4);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.qc-mini-value{color:var(--text-primary);font-size:24px;font-weight:700}.qc-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.standards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.standard-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.standard-header{justify-content:space-between;align-items:center;display:flex}.standard-card h4{color:var(--text-primary);font-size:16px;font-weight:600}.standard-scope{color:var(--text-muted);font-size:13px}.standard-dates{gap:var(--space-6);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.standard-dates>div{flex-direction:column;gap:2px;display:flex}.standard-dates span:last-child{color:var(--text-secondary);font-size:13px}@media (width<=1200px){.qc-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.qc-stats-grid{grid-template-columns:1fr 1fr}}.modal-content-custom{width:92%;max-width:540px;padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);border:1px solid var(--border-strong)!important;background:#141420e6!important}.assets-page{gap:var(--space-5);flex-direction:column;display:flex}.assets-summary-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.asset-summary-card{align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.asset-summary-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.asset-summary-info{flex-direction:column;display:flex}.asset-summary-value{color:var(--text-primary);font-size:22px;font-weight:700}.asset-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.assets-filters{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.category-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff08;font-size:12px;transition:all .2s}.category-chip:hover{color:var(--text-primary);background:#ffffff0f}.category-chip.active{color:var(--primary-light);background:#76abae26;border-color:#76abae4d}.assets-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.asset-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.asset-card-header{justify-content:space-between;align-items:center;display:flex}.asset-card-icon{border-radius:var(--radius);width:40px;height:40px;color:var(--primary-light);background:#76abae1a;justify-content:center;align-items:center;display:flex}.asset-card-name{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3}.asset-card-id{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.asset-card-values{gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.asset-value-row{justify-content:space-between;font-size:13px;display:flex}.asset-value-row span{color:var(--text-muted)}.asset-value-row strong{color:var(--text-primary)}.asset-depreciation{margin-top:var(--space-2)}.dep-header{color:var(--text-muted);margin-bottom:var(--space-1);justify-content:space-between;font-size:11px;display:flex}.dep-bar{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:4px;overflow:hidden}.dep-fill{background:linear-gradient(90deg, var(--warning), var(--error));border-radius:inherit;height:100%;transition:width .5s}.asset-card-meta{color:var(--text-muted);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);justify-content:space-between;font-size:12px;display:flex}@media (width<=1200px){.assets-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.assets-summary-grid,.assets-grid{grid-template-columns:1fr}}.modal-backdrop-custom{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#06060cd9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content-custom{width:92%;max-width:580px;max-height:90vh;padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow-y:auto;border:1px solid var(--border-strong)!important;background:#141420e6!important}.modal-header-custom{margin-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.modal-title-custom{color:#fff;letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.modal-subtitle-custom{color:var(--text-muted);font-size:13px;line-height:1.4}.modal-form-custom{gap:var(--space-4);flex-direction:column;display:flex}.form-group-custom{gap:var(--space-2);flex-direction:column;display:flex}.form-label-custom{color:var(--text-secondary);align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;display:flex}.form-label-custom svg{color:var(--primary-light)}.form-control-custom{border:1px solid var(--border);border-radius:var(--radius);color:#fff;width:100%;transition:all var(--transition-base);background:#0e0e1ab3;padding:12px 16px;font-size:14px}.form-control-custom:focus{border-color:var(--primary);background:#0e0e1af2;outline:none;box-shadow:0 0 0 3px #76abae40,inset 0 0 8px #00000073}select.form-control-custom{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 9l3 3 3-3' stroke='%23a29bfe' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.form-row-custom{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.text-area-custom{resize:vertical;min-height:70px}.modal-actions-custom{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);border-top:1px solid var(--border-subtle);padding-top:var(--space-5);display:flex}.budgeting-page{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.budget-stats-grid{gap:var(--space-5);margin-top:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.budget-stat{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:var(--glass-bg,#ffffff08);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border,#ffffff12);box-shadow:var(--card-shadow);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.budget-stat:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.budget-stat:hover{background:var(--glass-bg-hover,#ffffff0f);border-color:var(--border-strong);transform:translateY(-3px)scale(1.02)}.budget-stat svg{flex-shrink:0;width:32px;height:32px}.budget-stat>div{flex-direction:column;gap:2px;display:flex}.budget-stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2}.budget-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.ai-insight-banner{align-items:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--glow-primary);animation:.4s ease-out fadeIn;display:flex;background:#76abae0a!important;border:1px solid #76abae40!important}.ai-insight-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;animation:3.5s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 0 15px #76abae59}.ai-insight-content{gap:var(--space-1);flex-direction:column;display:flex}.ai-insight-content h4{letter-spacing:-.01em;font-size:15px;font-weight:700}.ai-insight-content p{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.budget-charts-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.budget-chart-card{padding:var(--space-6);border-radius:var(--radius-xl);flex-direction:column;display:flex}.empty-chart-state{text-align:center;padding:var(--space-6) var(--space-4);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeInScale;display:flex}.empty-chart-icon-wrap{border-radius:var(--radius-full);border:1px solid var(--border-primary);width:64px;height:64px;color:var(--primary-light);margin-bottom:var(--space-4);background:#76abae14;justify-content:center;align-items:center;animation:3s ease-in-out infinite pulse-glow;display:flex}.empty-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.empty-text{color:var(--text-muted);max-width:260px;font-size:12.5px;line-height:1.5}.budget-table-card{padding:var(--space-6);border-radius:var(--radius-xl)}.progress-bar-wrapper{align-items:center;gap:var(--space-3);display:flex}.chart-tooltip{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.tooltip-label{color:var(--text-muted);margin-bottom:var(--space-1);font-size:13px;font-weight:700}@media (width<=1200px){.budget-stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.budget-charts-grid{gap:var(--space-5);grid-template-columns:1fr}}@media (width<=768px){.budget-stats-grid{grid-template-columns:1fr}}.invoices-page{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.invoices-split-container{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.tab-header-box{border-bottom:1px solid var(--border-subtle);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.form-tab-content{flex-direction:column;gap:16px;animation:.3s ease-out fadeIn;display:flex}.text-dark{color:#111119!important}.empty-document-state{background:var(--surface-low);border:2px dashed var(--border);text-align:center;min-height:480px;box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-document-state h3{margin-bottom:8px;color:var(--text-primary)!important}.empty-document-state p{color:var(--text-secondary)!important}@media (width<=1100px){.invoices-split-container{grid-template-columns:1fr}.preview-sheet-column{position:static}}.reports-page{gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.reports-split-container{grid-template-columns:1fr 1.1fr;align-items:start;gap:24px;display:grid}.generator-card{border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--card-shadow);padding:24px!important}.generator-editor-form{gap:var(--space-4);flex-direction:column;display:flex}.preview-sheet-column{flex-direction:column;gap:16px;display:flex;position:sticky;top:90px}@media (width<=1100px){.reports-split-container{grid-template-columns:1fr}.preview-sheet-column{position:static}}