@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}:root{--bg-body:#0b0f19;--bg-app:radial-gradient(circle at 50% 0%,#1e1b4b 0%,#0f172a 60%,#090d16 100%);--bg-header:#0f172abf;--bg-sidebar:#0f172a66;--bg-card:#0f172ab3;--border-card:1px solid #ffffff14;--text-main:#f1f5f9;--text-muted:#94a3b8;--accent:#3b82f6;--accent-gradient:linear-gradient(90deg,#38bdf8,#818cf8);--shadow:0 20px 50px #0000004d;--radius-card:20px;--backdrop:blur(16px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f19;background-color:var(--bg-body);color:#f1f5f9;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.ai-theme{background:radial-gradient(circle at 50% 0,#1e1b4b 0,#0f172a 60%,#090d16 100%);background:var(--bg-app);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;transition:background .3s ease}.header{backdrop-filter:blur(16px);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--backdrop);background:#0f172abf;background:var(--bg-header);border-bottom:1px solid #ffffff14;border-bottom:var(--border-card);padding:16px 28px;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-bottom .3s ease;z-index:100}.header-content{flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1440px}.header-brand,.header-content{align-items:center;display:flex}.header-brand{gap:12px}.header-logo-img{filter:drop-shadow(0 0 8px rgba(56,189,248,.5));height:38px;object-fit:contain;width:38px}.brand-ai-icon{animation:float-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 8px #38bdf8);font-size:24px}@keyframes float-glow{0%,to{filter:drop-shadow(0 0 8px #38bdf8);transform:translateY(0)}50%{filter:drop-shadow(0 0 14px #818cf8);transform:translateY(-3px)}}.header-brand h1{color:#f8fafc;font-size:20px;font-weight:700;letter-spacing:-.5px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);-webkit-background-clip:text}.ai-status-pulse{background:#4ade801a;border:1px solid #4ade8040;border-radius:12px;color:#4ade80;font-size:11px;font-weight:600;padding:3px 10px}.header-right{align-items:center;display:flex;gap:16px}.user-profile-badge{align-items:center;background:#0f172a66;background:var(--bg-sidebar);border:1px solid #ffffff14;border:var(--border-card);border-radius:24px;display:flex;gap:12px;padding:6px 14px 6px 8px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info-text{display:flex;flex-direction:column}.user-name{color:#f8fafc;font-size:13px;font-weight:600}.user-email{color:#94a3b8;font-size:11px}.role-pill{border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 10px}.btn-logout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#cbd5e1;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-logout:hover{background:#38bdf826;border-color:#38bdf859;box-shadow:0 4px 14px #38bdf833;color:#38bdf8;transform:translateY(-1px)}.container{display:flex;flex:1 1;gap:28px;margin:0 auto;max-width:1440px;padding:28px;width:100%}.sidebar{display:flex;flex-direction:column;gap:8px;width:260px}.nav-section-title{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1px;margin:14px 8px 6px}.nav-button{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);background:#0f172a66;background:var(--bg-sidebar);border:1px solid #ffffff14;border:var(--border-card);border-radius:20px;border-radius:var(--radius-card);color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.nav-button:hover{background:#334155a6;border-color:#ffffff2e;color:#f8fafc;transform:translateX(4px)}.nav-button.active{background:linear-gradient(135deg,#38bdf8,#6366f1);border:1px solid #ffffff40;box-shadow:0 6px 20px #38bdf859;color:#fff;font-weight:700}.nav-icon{font-size:16px}.admin-nav-group{display:flex;flex-direction:column;gap:8px;margin-top:10px}.nav-button.admin-btn{background:#0f172a66;background:var(--bg-sidebar);border:1px solid #ffffff14;border:var(--border-card);color:#94a3b8;color:var(--text-muted)}.nav-button.admin-btn:hover{background:#4f46e514;background:rgba(var(--accent-rgb,79,70,229),.08);color:#f1f5f9;color:var(--text-main);transform:translateX(4px)}.nav-button.admin-btn.active{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient);border:1px solid #ffffff14;border:var(--border-card);box-shadow:0 20px 50px #0000004d;box-shadow:var(--shadow);color:#fff!important;font-weight:700}.admin-tag{background:#4f46e51a;background:rgba(var(--accent-rgb,79,70,229),.1);border:1px solid #4f46e533;border:1px solid rgba(var(--accent-rgb,79,70,229),.2);border-radius:6px;color:#3b82f6;color:var(--accent);font-size:9px;font-weight:800;margin-left:auto;padding:2px 7px}.nav-button.active .admin-tag{background:#fff3;border-color:#ffffff4d;color:#fff}.fade-in-up{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main-content{backdrop-filter:blur(16px);backdrop-filter:var(--backdrop-main-content,var(--backdrop));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--backdrop-main-content,var(--backdrop));background:#0f172ab3;background:var(--bg-main-content,var(--bg-card));border:1px solid #ffffff14;border:var(--border-main-content,var(--border-card));border-radius:20px;border-radius:var(--radius-card);box-shadow:0 20px 50px #0000004d;box-shadow:var(--shadow-main-content,var(--shadow));flex:1 1;min-height:550px;padding:32px;transition:all .3s ease}.loading-ai{align-items:center;color:#38bdf8;display:flex;flex-direction:column;font-weight:600;gap:16px;height:300px;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid #38bdf833;border-radius:50%;border-top-color:#38bdf8;height:44px;width:44px}.access-denied-card{align-items:center;background:#1e293b80;border:1px solid #ef44444d;border-radius:16px;box-shadow:0 10px 30px #ef444426;display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:520px;padding:60px 20px;text-align:center}.denied-icon{font-size:56px;margin-bottom:16px}.access-denied-card h2{color:#f8fafc;font-size:22px;margin-bottom:10px}.access-denied-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin-bottom:24px}.btn-return-home{background:linear-gradient(90deg,#3b82f6,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-return-home:hover{box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}@media (max-width:900px){.container{flex-direction:column;padding:16px}.sidebar{flex-direction:row;overflow-x:auto;width:100%}}.toast-container{display:flex;flex-direction:column;gap:10px;left:24px;pointer-events:none;position:fixed;top:24px;z-index:100000}.toast-message{align-items:center;animation:toast-slide-left .35s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 12px 35px #00000080;color:#fff;display:flex;font-size:14px;font-weight:700;gap:14px;max-width:460px;min-width:320px;padding:14px 18px;pointer-events:auto}.toast-message.success{background:linear-gradient(135deg,#059669,#10b981);border:1px solid #a7f3d099;box-shadow:0 10px 30px #10b98173;color:#fff}.toast-message.error{background:linear-gradient(135deg,#e11d48,#f43f5e);border:1px solid #fecdd399;box-shadow:0 10px 30px #e11d4873;color:#fff}.toast-icon{align-items:center;background:#ffffff40;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:30px;justify-content:center;width:30px}.toast-content{flex:1 1;font-size:13.5px;letter-spacing:.2px;line-height:1.45}.toast-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff40;color:#fff}@keyframes toast-slide-left{0%{opacity:0;transform:translateX(-30px) translateY(-10px) scale(.92)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.confirm-modal-overlay{animation:confirm-backdrop-fade .25s ease forwards;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#090d16c7;inset:0;padding:20px;z-index:100000}.confirm-modal-box{align-items:center;animation:confirm-content-pop .3s cubic-bezier(.16,1,.3,1) forwards;background:#0f172af5;border:1px solid #ffffff1f;box-shadow:0 25px 60px #0009,0 0 40px #0000004d;display:flex;flex-direction:column;max-width:440px;padding:30px;width:100%}.confirm-icon-badge{font-size:26px;height:58px;margin-bottom:16px;width:58px}.confirm-icon-badge.danger{background:#e11d4826;border:1px solid #e11d4859;box-shadow:0 0 20px #e11d4840;color:#f43f5e}.confirm-icon-badge.warning{background:#f59e0b26;border:1px solid #f59e0b59;color:#fbbf24}.confirm-icon-badge.primary{background:#38bdf826;border:1px solid #38bdf859;box-shadow:0 0 20px #38bdf840;color:#38bdf8}.confirm-modal-title{color:#f8fafc}.confirm-modal-message{line-height:1.55}.confirm-modal-actions{width:100%}.btn-confirm-cancel{background:#ffffff0f;color:#cbd5e1;padding:12px 18px}.btn-confirm-cancel:hover{background:#ffffff1f;color:#fff}.btn-confirm-submit{padding:12px 18px;transition:all .25s ease}.btn-confirm-submit.danger{background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid #fff3;box-shadow:0 4px 16px #e11d4859;color:#fff}.btn-confirm-submit.danger:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 24px #e11d4880;transform:translateY(-2px)}.btn-confirm-submit.warning{box-shadow:0 4px 16px #f59e0b59;color:#fff}.btn-confirm-submit.warning:hover{box-shadow:0 8px 24px #f59e0b80;transform:translateY(-2px)}.btn-confirm-submit.primary{background:linear-gradient(90deg,#38bdf8,#a855f7 50%,#f472b6);box-shadow:0 4px 16px #f472b659;color:#fff}.btn-confirm-submit.primary:hover{box-shadow:0 8px 24px #f472b680;transform:translateY(-2px)}@keyframes confirm-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-content-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-enterprise-dark{--bg-body:#090d16;--bg-app:radial-gradient(circle at 50% 0%,#0f172a 0%,#090d16 100%);--bg-header:#0f172ad9;--bg-sidebar:#0f172a66;--bg-card:#1e293b73;--border-card:1px solid #ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#4f46e5;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg,#4f46e5,#06b6d4);--shadow:0 12px 40px #00000040;--radius-card:14px;--backdrop:blur(20px)}.theme-enterprise-light{--bg-body:#f8fafc;--bg-app:#f8fafc;--bg-header:#fff;--bg-sidebar:#fff;--bg-card:#fff;--border-card:1px solid #e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-secondary:#0d9488;--accent-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--accent-rgb:37,99,235;--shadow:0 4px 20px #0f172a0a;--radius-card:14px;--backdrop:none;--bg-main-content:#0000;--border-main-content:none;--shadow-main-content:none;--backdrop-main-content:none}.theme-enterprise-light .header-brand h1,.theme-enterprise-light .user-name{color:#0f172a!important}.theme-enterprise-light .nav-section-title{color:#64748b!important}.theme-enterprise-light .btn-logout{background:#0f172a0a!important;border-color:#cbd5e1!important;color:#0f172a!important}.theme-enterprise-light .nav-button{background:#fff;border-color:#e2e8f0}.theme-enterprise-light .nav-button:hover{background:#2563eb0f;color:#2563eb}.theme-azure-blue{--bg-body:#0b1528;--bg-app:linear-gradient(135deg,#0b1528,#1e293b);--bg-header:#0f172ad9;--bg-sidebar:#0e74901a;--bg-card:#0f172aa6;--border-card:1px solid #0e74904d;--text-main:#f0f9ff;--text-muted:#7dd3fc;--accent:#0284c7;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg,#0284c7,#06b6d4);--shadow:0 12px 36px #0284c726;--radius-card:14px;--backdrop:blur(16px)}.theme-azure-blue .header-brand h1{color:#7dd3fc!important}.theme-midnight-navy{--bg-body:#020617;--bg-app:radial-gradient(circle at top,#1e3a8a 0%,#020617 80%);--bg-header:#0f172ae6;--bg-sidebar:#1e293b73;--bg-card:#1e293bb3;--border-card:1px solid #3b82f633;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--shadow:0 12px 40px #0006;--radius-card:14px;--backdrop:blur(20px)}.theme-carbon-black{--bg-body:#0a0a0a;--bg-app:linear-gradient(180deg,#121212,#0a0a0a);--bg-header:#141414f2;--bg-sidebar:#14141499;--bg-card:#151515;--border-card:1px solid #262626;--text-main:#ededed;--text-muted:#a3a3a3;--accent:#d4d4d8;--accent-secondary:#52525b;--accent-gradient:linear-gradient(135deg,#d4d4d8,#52525b);--shadow:0 15px 45px #00000080;--radius-card:10px;--backdrop:none}.theme-glassmorphism{--bg-body:#030712;--bg-app:radial-gradient(circle at 10% 20%,#040c18 0%,#13041c 90%);--bg-header:#ffffff08;--bg-sidebar:#ffffff05;--bg-card:#ffffff0a;--border-card:1px solid #ffffff14;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent:#d946ef;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#d946ef,#8b5cf6);--shadow:0 15px 35px #0000004d;--radius-card:16px;--backdrop:blur(24px)}.theme-cyber-blue{--bg-body:#00040f;--bg-app:radial-gradient(circle,#00122e 0%,#00040f 100%);--bg-header:#00081cf2;--bg-sidebar:#00081cb3;--bg-card:#000c24;--border-card:1px solid #00f2ff;--text-main:#00f2ff;--text-muted:#38bdf8;--accent:#00f2ff;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg,#00f2ff,#a855f7);--shadow:0 0 25px #00f2ff40;--radius-card:6px;--backdrop:none}.theme-material-enterprise{--bg-body:#eceff1;--bg-app:#eceff1;--bg-header:#263238;--bg-sidebar:#fff;--bg-card:#fff;--border-card:1px solid #cfd8dc;--text-main:#263238;--text-muted:#546e7a;--accent:#00796b;--accent-secondary:#00838f;--accent-gradient:linear-gradient(135deg,#00796b,#00838f);--shadow:0 3px 10px #00000014;--radius-card:12px;--backdrop:none;--bg-main-content:#0000;--border-main-content:none;--shadow-main-content:none;--backdrop-main-content:none}.theme-material-enterprise .header-brand h1,.theme-material-enterprise .user-name{color:#fff!important}.theme-high-contrast{--bg-body:#000;--bg-app:#000;--bg-header:#000;--bg-sidebar:#000;--bg-card:#000;--border-card:3px solid #ff0;--text-main:#fff;--text-muted:#ff0;--accent:#ff0;--accent-secondary:#fff;--accent-gradient:linear-gradient(90deg,#ff0,#fff);--shadow:none;--radius-card:0px;--backdrop:none}.theme-high-contrast *{border-color:#ff0!important;color:#fff!important}.theme-high-contrast a,.theme-high-contrast button{color:#ff0!important;text-decoration:underline!important}.kpi-hover-card:hover{border-color:#3b82f6!important;border-color:var(--accent)!important;box-shadow:0 12px 28px #00000040!important;transform:translateY(-4px)}.heatmap-cell:hover{box-shadow:0 0 12px #3b82f6;box-shadow:0 0 12px var(--accent);transform:scale(1.15);z-index:5}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#030712bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.confirm-modal-box{animation:scaleUp .25s cubic-bezier(.34,1.56,.64,1);background:#0f172ab3;background:var(--bg-card,#0f172a);border:1px solid #ffffff14;border:var(--border-card,1px solid #ffffff1f);border-radius:20px;box-shadow:0 25px 50px -12px #0009;max-width:460px;padding:32px;position:relative;text-align:center;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon-badge{align-items:center;border-radius:50%;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.confirm-icon-badge.info,.confirm-icon-badge.success{background:linear-gradient(135deg,#10b98133,#3b82f633);border:1px solid #10b98180;box-shadow:0 0 20px #10b98140;color:#10b981}.confirm-icon-badge.warning{background:linear-gradient(135deg,#f59e0b33,#d9770633);border:1px solid #f59e0b80;box-shadow:0 0 20px #f59e0b40;color:#f59e0b}.confirm-icon-badge.danger{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid #ef444480;box-shadow:0 0 20px #ef444440;color:#ef4444}.confirm-modal-title{color:#f1f5f9;color:var(--text-main,#f8fafc);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.confirm-modal-message{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:14px;line-height:1.5;margin-bottom:26px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.btn-confirm-cancel{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;color:#f1f5f9;color:var(--text-main,#f8fafc);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-confirm-cancel:hover{background:#ffffff1a}.btn-confirm-submit{border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-confirm-submit.info,.btn-confirm-submit.success{background:linear-gradient(135deg,#10b981,#3b82f6);box-shadow:0 4px 14px #10b98159}.btn-confirm-submit.info:hover,.btn-confirm-submit.success:hover{background:linear-gradient(135deg,#059669,#2563eb);box-shadow:0 6px 20px #10b98180;transform:translateY(-1px)}.btn-confirm-submit.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b59}.btn-confirm-submit.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.btn-confirm-submit.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef444459}.btn-confirm-submit.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.confirm-modal-box,.confirm-modal-overlay,.gear-spin,.gear-spin-reverse,.led-blink,.led-blink-delayed,.pulse-path,circle animateMotion{animation:none!important}}.auth-container{align-items:center;background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);background:var(--bg-app,radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%));display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.network-background{height:100%;left:0;opacity:.25;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.led-blink,.led-blink-delayed{animation:ledBlink 1.5s step-end infinite}.led-blink-delayed{animation-delay:.75s}@keyframes ledBlink{0%,to{opacity:.25}50%{opacity:1}}.wifi-wave-1,.wifi-wave-2{animation:wifiPulse 3s ease-out infinite}.wifi-wave-2{animation-delay:1s}.wifi-wave-3{animation:wifiPulse 3s ease-out infinite;animation-delay:2s}@keyframes wifiPulse{0%{r:5px;opacity:.8}to{r:35px;opacity:0}}.pulse-path{stroke-dasharray:40 200;animation:dashScroll 12s linear infinite}@keyframes dashScroll{to{stroke-dashoffset:-480}}.input-with-icon{align-items:center;display:flex;position:relative;width:100%}.input-with-icon input{padding-left:38px!important;width:100%}.input-icon{align-items:center;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:14px;justify-content:center;left:14px;pointer-events:none;position:absolute}.auth-card{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop,blur(20px));-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop,blur(20px));background:#1e293bbf;background:var(--bg-card,#1e293bbf);border:1px solid #ffffff1a;border:var(--border-card,1px solid #ffffff1a);border-radius:16px;border-radius:var(--radius-card,16px);box-shadow:var(--shadow);color:#f8fafc;color:var(--text-main,#f8fafc);max-width:440px;padding:36px;position:relative;width:100%;z-index:10}.auth-header{margin-bottom:24px;text-align:center}.auth-logo-svg{display:flex;filter:drop-shadow(0 0 8px rgba(56,189,248,.3));justify-content:center;margin-bottom:16px}.auth-header h2{color:var(--text-main);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:2px}.auth-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));-webkit-background-clip:text;font-size:15px;font-weight:600;margin-bottom:8px}.auth-tagline{color:var(--text-muted);font-size:13px;font-weight:400;margin-top:4px}.gear-spin{animation:spin 10s linear infinite;transform-origin:20px 20px}.gear-spin-reverse{animation:spin-reverse 10s linear infinite;transform-origin:20px 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.auth-tabs{background:#0000000d;border:var(--border-card);border-radius:10px;display:flex;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;padding:10px 0;transition:all .2s ease}.auth-tab.active{background:var(--accent);box-shadow:var(--shadow);color:#fff}.auth-error-banner{background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:20px;padding:10px 14px}.auth-form .form-group{display:flex;flex-direction:column;margin-bottom:18px;text-align:left}.auth-form label{color:var(--text-muted);font-size:13px;font-weight:600;margin-bottom:6px}.auth-form input,.auth-select{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s ease}.auth-form input:focus,.auth-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.auth-select option{background:var(--bg-card);color:var(--text-main)}.auth-btn-primary{background:linear-gradient(90deg,#3b82f6,#6366f1);background:var(--accent-gradient,linear-gradient(90deg,#3b82f6,#6366f1));border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;margin-top:10px;padding:12px;transition:transform .1s ease,box-shadow .2s ease;width:100%}.auth-btn-primary:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),.3);transform:translateY(-1px)}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6}.otp-verification-section{animation:otpCardFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes otpCardFadeIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.otp-digits-container{display:flex;gap:8px;justify-content:space-between;margin:20px 0 24px}.otp-digit-box{background:#0f172ab3;background:var(--bg-body,#0f172ab3);border:1.5px solid #ffffff1f;border-radius:10px;box-shadow:inset 0 2px 4px #0003;color:#f8fafc;color:var(--text-main,#f8fafc);font-family:Inter,monospace;font-size:22px;font-weight:800;height:56px;outline:none;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:48px}.otp-digit-box:focus{background:#0f172af2;border-color:#38bdf8;box-shadow:0 0 0 3.5px #38bdf840,inset 0 2px 4px #0003;transform:translateY(-2px)}.otp-digit-box.filled{background:#38bdf80f;border-color:#38bdf880}.otp-digit-box.success{background:#10b9811a;border-color:#10b981;color:#10b981}.otp-timer-badge{align-items:center;background:#38bdf81a;border:1px solid #38bdf840;border-radius:20px;color:#38bdf8;display:inline-flex;font-family:monospace;font-size:12px;font-weight:700;gap:6px;padding:4px 10px}.otp-timer-badge.expired{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.otp-success-banner{animation:otpCardFadeIn .3s ease-out;background:#10b98126;border:1px solid #10b98166;border-radius:10px;color:#10b981;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.auth-btn-secondary-link,.otp-success-banner{align-items:center;font-size:13px;font-weight:600}.auth-btn-secondary-link{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:inline-flex;gap:4px;padding:4px 8px;transition:all .15s ease}.auth-btn-secondary-link:hover:not(:disabled){background:#38bdf81a;color:#38bdf8}.auth-btn-secondary-link:disabled{cursor:not-allowed;opacity:.45}.ticket-list{display:flex;flex-direction:column;gap:20px}.list-title-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ticket-list h2{color:var(--text-main);font-size:22px;font-weight:700}.layout-indicator-tag{background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;color:#38bdf8;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.empty-state{background:var(--bg-card);border:1px dashed var(--border-card);border-radius:var(--radius-card);color:var(--text-muted);font-size:1.1rem;padding:4rem 2rem;text-align:center}.tickets-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.ticket-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.ticket-card:hover{border-color:var(--accent);box-shadow:0 12px 30px #4f46e526;box-shadow:0 12px 30px rgba(var(--accent-rgb,79,70,229),.15);filter:brightness(1.03);transform:translateY(-3px)}.ticket-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:12px}.ticket-header h3{color:var(--text-main);flex:1 1;font-size:1.05rem;font-weight:600;margin:0;word-break:break-word}.ticket-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;white-space:nowrap}.status-pill{font-size:.72rem}.ticket-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:8px 0 16px;overflow:hidden}.ticket-meta{grid-gap:8px;background:#00000008;border:var(--border-card);border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:10px 14px}.theme-carbon-black .ticket-meta,.theme-enterprise-dark .ticket-meta,.theme-midnight-navy .ticket-meta{background:#ffffff05}.meta-item{align-items:center;display:flex;font-size:.82rem;justify-content:space-between}.meta-item .label{color:var(--text-muted);font-weight:500}.meta-item .value{color:var(--text-main);font-weight:600}.uppercase{text-transform:uppercase}.device-assigned-preview{background:#38bdf81a;border:1px solid #38bdf840;border-radius:8px;color:#38bdf8;font-size:.8rem;margin-bottom:12px;padding:8px 12px}.ticket-footer{align-items:center;border-top:var(--border-card);color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;padding-top:10px}.table-responsive-container{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow-x:auto;padding:12px}.tickets-table-view{border-collapse:collapse;text-align:left;width:100%}.tickets-table-view th{border-bottom:var(--border-card);color:var(--text-muted);font-size:12px;padding:12px 16px;text-transform:uppercase}.tickets-table-view td{border-bottom:var(--border-card);color:var(--text-main);font-size:13px;padding:14px 16px}.clickable-row{cursor:pointer;transition:background .2s ease}.clickable-row:hover{background:#4f46e50f;background:rgba(var(--accent-rgb,79,70,229),.06)}.table-title-cell{align-items:center;display:flex;gap:8px}.mini-type-tag{background:#0000000d;border:var(--border-card);border-radius:6px;color:var(--text-muted);font-size:10px;padding:2px 6px}.status-pill-table{font-size:12px;font-weight:700}.compact-list-container{display:flex;flex-direction:column;gap:10px}.compact-row{align-items:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.compact-row:hover{border-color:var(--accent);filter:brightness(1.02);transform:translateX(4px)}.compact-left{align-items:center;display:flex;gap:14px}.compact-type{font-size:22px}.compact-title-group h4{color:var(--text-main);font-size:14px;font-weight:600;margin-bottom:2px}.compact-title-group small{color:var(--text-muted);font-size:12px}.compact-right{align-items:center;display:flex;gap:16px}.compact-date{color:var(--text-muted);font-size:11px}@media (max-width:768px){.tickets-grid{grid-template-columns:1fr}}.create-ticket{max-width:680px}.create-ticket h2{color:var(--text-main);font-size:1.4rem;margin-bottom:1.5rem}.form{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:var(--text-muted);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:.95rem;outline:none;padding:12px 14px;transition:all .25s ease;width:100%}.form-group select option{background:var(--bg-card);color:var(--text-main)}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.char-count{bottom:10px;color:var(--text-muted);font-size:.75rem;position:absolute;right:10px}.radio-group{display:flex;gap:1.5rem;margin-top:8px}.radio-label{align-items:center;background:var(--bg-body);border:var(--border-card);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.radio-label:hover{border-color:var(--accent)}.radio-label input[type=radio]{accent-color:var(--accent);height:16px;width:16px}.radio-label span{color:var(--text-main);font-weight:500}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-primary{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s ease;width:100%}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.info-box{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.25);border-radius:12px;color:var(--text-main);padding:20px}.info-box h4{color:var(--accent);font-size:.95rem;margin-bottom:10px}.info-box ul{padding-left:20px}.info-box li{color:var(--text-muted);font-size:.88rem;margin-bottom:6px}.ticket-detail{margin:0 auto;max-width:1000px}.top-nav-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-back{background:var(--bg-card);border:var(--border-card);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-back:hover{background:rgba(var(--accent-rgb),.05);color:var(--text-main)}.admin-quick-actions{display:flex;gap:10px}.btn-admin-edit{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:8px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.btn-admin-edit:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-admin-delete{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.btn-admin-delete:hover{background:#ef444433;border-color:#ef4444}.detail-header{align-items:flex-start;border-bottom:var(--border-card);display:flex;gap:2rem;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.detail-header h1{color:var(--text-main);font-size:1.8rem;font-weight:700;margin:0 0 6px}.ticket-id{color:var(--text-muted);font-size:.85rem}.status-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 14px}.workflow-timeline{align-items:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:28px;padding:18px 30px}.timeline-step{flex-direction:column;gap:6px;position:relative}.step-num,.timeline-step{align-items:center;display:flex}.step-num{background:#0000000d;border:1px solid var(--border-card);border-radius:50%;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.step-label,.step-num{color:var(--text-muted)}.step-label{font-size:12px;font-weight:600}.timeline-step.completed .step-num{background:#10b981;border-color:#10b981;box-shadow:0 0 12px #10b9814d;color:#fff}.timeline-step.completed .step-label{color:#10b981}.timeline-step.active .step-num{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.3);color:#fff}.timeline-step.active .step-label{color:var(--accent)}.timeline-step.rejected .step-num{background:#ef4444;border-color:#ef4444;color:#fff}.step-connector{background:var(--border-card);border-radius:2px;flex:1 1;height:3px;margin:0 16px}.detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}.main-panel{display:flex;flex-direction:column;gap:20px}.section{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}.section-header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.section-header-flex h2{margin-bottom:0}.btn-toggle-device-edit{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.25);border-radius:8px;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700;padding:6px 14px;transition:all .2s ease}.btn-toggle-device-edit:hover{background:var(--accent);color:#fff}.detail-assign-form{background:var(--bg-body);border:var(--border-card);border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:16px;padding:18px}.form-field-group{display:flex;flex-direction:column;gap:6px}.form-field-group label{color:var(--text-muted);font-size:12px;font-weight:600}.form-field-group input,.form-field-group select,.form-field-group textarea{background:var(--bg-card);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:13px;outline:none;padding:10px 12px}.btn-submit-fulfillment{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .2s ease}.pending-assignment-text{color:var(--text-muted);font-size:.9rem;font-style:italic}.section h2{color:var(--text-main);font-size:1.1rem;margin:0 0 14px}.description{word-wrap:break-word;color:var(--text-main);line-height:1.6;white-space:pre-wrap}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{align-items:center;background:var(--bg-body);border:var(--border-card);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.detail-item .label{color:var(--text-muted);font-size:.85rem;font-weight:600}.detail-item .value{color:var(--text-main);font-size:.9rem;font-weight:500}.approval-info{background:#22c55e1a;border-color:#22c55e4d}.rejection-info{background:#ef44441a;border-color:#ef44444d}.admin-fulfilled-info{background:#38bdf81a;border-color:#38bdf84d}.approval-comment,.assignment-notes{background:var(--bg-body);border-left:3px solid var(--accent);border-radius:8px;color:var(--text-main);margin-top:14px;padding:14px}.action-panel{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}.admin-panel-card{border-color:var(--accent)}.admin-help-text{color:var(--accent);font-size:.8rem;margin-bottom:12px}.btn-admin-modal-trigger{background:linear-gradient(135deg,#38bdf8,#6366f1);background:var(--accent-gradient,linear-gradient(135deg,#38bdf8 0,#6366f1 100%));border:none;border-radius:10px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.btn-admin-modal-trigger:hover{transform:translateY(-2px)}.action-panel h3{color:var(--text-main);font-size:1rem;margin:0 0 16px}.action-buttons{display:flex;flex-direction:column;gap:10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px;transition:all .2s ease}.btn-approve{background:#10b981;color:#fff}.btn-reject{background:#ef4444;color:#fff}.btn-close{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));color:#fff;width:100%}.admin-edit-modal{max-width:620px}.text-cyan{color:var(--accent)}.font-bold{font-weight:700}@media (max-width:900px){.detail-container{grid-template-columns:1fr}}.sla-dashboard-card{background:var(--bg-card);border:var(--border-card);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.sla-dashboard-card.overdue{border-color:#ef4444}.pulse-danger{animation:pulse-danger-animation 2s ease-in-out infinite}.pulse-warning{animation:pulse-warning-animation 2s ease-in-out infinite}@keyframes pulse-danger-animation{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}@keyframes pulse-warning-animation{0%{box-shadow:0 0 0 0 #f9731666}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 0 0 #f9731600}}.sla-extend-form .form-group label{color:var(--text-muted);display:block;font-weight:600;margin-bottom:6px}.issue-timeline .timeline-step.completed .step-num{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.issue-timeline .timeline-step.active .step-num{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 0 4px #8b5cf64d;color:#fff}.approval-queue-container{display:flex;flex-direction:column;gap:24px}.queue-header-nav{align-items:center;border-bottom:var(--border-card);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.queue-header-nav h2{color:var(--text-main);font-size:20px;font-weight:700}.queue-tabs{display:flex;gap:10px}.queue-tab{background:var(--bg-card);border:var(--border-card);border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.queue-tab:hover{background:rgba(var(--accent-rgb),.05);color:var(--text-main)}.queue-tab.active{background:linear-gradient(90deg,#f59e0b,#d97706);background:var(--accent-gradient,linear-gradient(90deg,#f59e0b,#d97706));border:none}.queue-tab.active,.queue-tab.admin-tab.active{box-shadow:var(--shadow);color:#fff;font-weight:700}.queue-tab.admin-tab.active{background:linear-gradient(90deg,#38bdf8,#a855f7 50%,#f472b6);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8 0,#a855f7 50%,#f472b6 100%));border:var(--border-card)}.queue-list{display:flex;flex-direction:column;gap:20px}.queue-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}.queue-card.admin-border{border-color:var(--accent)}.card-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.stage-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:6px;padding:3px 10px}.stage-badge.manager{background:#f59e0b33;border:1px solid #f59e0b66;color:#fbbf24}.stage-badge.admin{background:#38bdf826;border:1px solid #38bdf859;color:#0284c7}.theme-enterprise-dark .stage-badge.admin{color:#38bdf8}.clickable-title{color:var(--text-main);cursor:pointer;font-size:1.15rem;font-weight:700;transition:color .2s ease}.clickable-title:hover{color:var(--accent)}.priority-badge{background:#38bdf833;border-radius:6px;color:#0284c7;font-size:11px;font-weight:700;padding:4px 10px}.theme-enterprise-dark .priority-badge{color:#38bdf8}.priority-badge.high{background:#ef444433;color:#ef4444}.ticket-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:16px}.card-meta-grid{grid-gap:10px;background:#00000008;border:var(--border-card);border-radius:10px;color:var(--text-muted);display:grid;font-size:.85rem;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:18px;padding:12px 16px}.approval-proof-box{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;color:#10b981;font-size:.88rem;margin-bottom:16px;padding:12px}.mgr-comment{color:var(--text-muted);font-style:italic;margin-top:4px}.action-box{border-top:var(--border-card);display:flex;flex-direction:column;gap:12px;padding-top:14px}.comment-input{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:13px;outline:none;padding:10px 14px}.btn-group{display:flex;gap:12px}.btn-approve-mgr,.btn-deny-mgr{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px 16px;transition:all .2s ease}.btn-approve-mgr{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.btn-deny-mgr{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-deny-mgr:hover{background:#ef444433}.admin-assign-box{background:var(--bg-body);border:var(--border-card);border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:20px}.admin-assign-box h4{color:var(--accent);font-size:15px;font-weight:600}.assign-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:var(--text-muted);font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{background:var(--bg-card);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:13px;outline:none;padding:10px 12px}.btn-fulfill-admin{background:linear-gradient(135deg,#38bdf8,#6366f1);background:var(--accent-gradient,linear-gradient(135deg,#38bdf8 0,#6366f1 100%));border:none;border-radius:10px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;margin-top:6px;padding:12px 22px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-fulfill-admin:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-fulfill-admin:active{transform:translateY(0)}.admin-inventory{display:flex;flex-direction:column;gap:24px}.inventory-header{align-items:center;border-bottom:var(--border-card);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.inventory-header h2{align-items:center;color:var(--text-main);display:flex;font-size:22px;font-weight:700;gap:10px}.inventory-header p{color:var(--text-muted);font-size:13px;margin-top:4px}.btn-add-item{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:10px;box-shadow:0 4px 16px #38bdf826;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px 20px;transition:all .2s ease}.btn-add-item:hover{box-shadow:0 6px 24px #38bdf84d;filter:brightness(1.05);transform:translateY(-2px)}.inventory-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{align-items:center;-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);display:flex;gap:16px;padding:20px;transition:transform .2s ease,border-color .2s ease}.metric-card:hover{border-color:var(--accent);transform:translateY(-2px)}.metric-card.warning{border-left:4px solid #ef4444}.metric-icon{align-items:center;background:#0000000d;border:var(--border-card);border-radius:12px;display:flex;font-size:28px;height:52px;justify-content:center;width:52px}.metric-info{display:flex;flex-direction:column}.metric-value{color:var(--text-main);font-size:26px;font-weight:800}.metric-label{color:var(--text-muted);font-size:12px;font-weight:500}.inventory-controls{width:100%}.search-input{background:var(--bg-card);border:var(--border-card);border-radius:10px;color:var(--text-main);font-size:14px;outline:none;padding:12px 18px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.table-responsive{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow)}.inventory-table{border-collapse:collapse;text-align:left;width:100%}.inventory-table th{background:#00000008;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.inventory-table td,.inventory-table th{border-bottom:var(--border-card);padding:16px}.inventory-table td{color:var(--text-main);font-size:14px}.inventory-table tr:hover{background:rgba(var(--accent-rgb),.04)}.category-pill{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);border-radius:20px;color:var(--accent);font-size:12px;font-weight:600;padding:4px 12px}.text-red{color:#ef4444}.text-green{color:#10b981}.status-badge-inv{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.status-badge-inv.available{background:#22c55e26;border:1px solid #22c55e4d;color:#10b981}.status-badge-inv.low-stock{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.status-badge-inv.out-of-stock{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.status-badge-inv.maintenance{background:#94a3b826;border:1px solid #94a3b84d;color:var(--text-muted)}.description-col{color:var(--text-muted);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btns{display:flex;gap:8px}.btn-delete,.btn-edit{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-edit{background:var(--bg-body);border:var(--border-card);color:var(--text-main)}.btn-edit:hover{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);color:var(--accent)}.btn-delete{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.btn-delete:hover{background:#ef444433;border-color:#ef4444}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--text-main);max-width:540px;padding:28px;width:90%}.modal-header{align-items:center;border-bottom:var(--border-card);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.modal-header h3{color:var(--text-main);font-size:18px}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px}.modal-close:hover{color:var(--text-main)}.modal-form .form-group{display:flex;flex-direction:column;margin-bottom:16px}.modal-form label{color:var(--text-muted);font-size:13px;font-weight:600;margin-bottom:6px}.modal-form input,.modal-form select,.modal-form textarea{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:14px;outline:none;padding:11px 14px}.modal-form select option{background:var(--bg-card);color:var(--text-main)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);cursor:pointer;font-weight:600;padding:10px 18px}.btn-save{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.admin-user-control{display:flex;flex-direction:column;gap:24px}.admin-section-header h2{color:var(--text-main);font-size:22px;font-weight:700;margin-bottom:6px}.admin-section-header p{color:var(--text-muted);font-size:13px}.admin-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}.admin-card h3{color:var(--text-main);font-size:16px;font-weight:600;margin-bottom:8px}.card-subtext{margin-bottom:18px}.view-mode-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.view-option-box{align-items:flex-start;background:var(--bg-body);border:var(--border-card);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.view-option-box:hover{background:rgba(var(--accent-rgb),.04);border-color:var(--accent)}.view-option-box.active{background:rgba(var(--accent-rgb),.08);border-color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb),.15)}.view-option-box input{accent-color:var(--accent);margin-top:4px}.option-content{display:flex;flex-direction:column;gap:4px}.option-icon{font-size:20px;margin-bottom:2px}.option-content strong{color:var(--text-main);font-size:14px}.option-content small{color:var(--text-muted);font-size:11px}.btn-save-global-view{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.btn-save-global-view:hover{box-shadow:0 6px 20px rgba(var(--accent-rgb),.3);transform:translateY(-1px)}.table-responsive{margin-top:14px;overflow-x:auto}.user-table{border-collapse:collapse;text-align:left;width:100%}.user-table th{background:#00000008;color:var(--text-muted);font-size:12px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.user-table td,.user-table th{border-bottom:var(--border-card)}.user-table td{color:var(--text-main);font-size:13px;padding:14px 16px}.user-name-cell{align-items:center;display:flex;gap:10px}.user-avatar-sm{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.role-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px}.role-badge.employee{background:#38bdf833;border:1px solid #38bdf866;color:#0284c7}.theme-enterprise-dark .role-badge.employee{color:#38bdf8}.role-badge.manager{background:#f59e0b33;border:1px solid #f59e0b66;color:#d97706}.theme-enterprise-dark .role-badge.manager{color:#fbbf24}.role-badge.admin{background:#ef444433;border:1px solid #ef444466;color:#dc2626}.theme-enterprise-dark .role-badge.admin{color:#fca5a5}.role-action-group{display:flex;flex-wrap:wrap;gap:8px}.btn-role-opt{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-role-opt:hover{background:rgba(var(--accent-rgb),.08);color:var(--text-main)}.btn-role-opt.active{background:var(--accent);border:none;color:#fff;font-weight:700}.btn-role-opt.mgr.active{background:#f59e0b;border:none;color:#fff;font-weight:700}.admin-profile-container{display:flex;flex-direction:column;gap:24px}.profile-header{align-items:center;background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);display:flex;gap:18px;padding:20px 24px}.admin-avatar-lg{align-items:center;background:linear-gradient(90deg,#38bdf8,#a855f7 50%,#f472b6);border-radius:50%;box-shadow:0 0 20px #f472b666;color:#fff;display:flex;font-size:22px;font-weight:800;height:52px;justify-content:center;width:52px}.profile-header h2{color:var(--text-main);font-size:20px;font-weight:700;margin-bottom:4px}.profile-header p{color:var(--text-muted);font-size:13px}.role-tag-admin{background:#f472b626;border:1px solid #f472b659;border-radius:10px;color:#f472b6;display:inline-block;font-size:10px;font-weight:800;padding:2px 8px}.admin-profile-tabs{display:flex;flex-wrap:wrap;gap:10px}.prof-tab{-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);background:var(--bg-card);border:var(--border-card);border-radius:12px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.prof-tab:hover{background:rgba(var(--accent-rgb),.05);color:var(--text-main);transform:translateY(-1px)}.prof-tab.active{background:linear-gradient(90deg,#38bdf8,#a855f7 50%,#f472b6);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8 0,#a855f7 50%,#f472b6 100%));color:#fff;font-weight:700}.prof-card,.prof-tab.active{border:var(--border-card);box-shadow:var(--shadow)}.prof-card{background:var(--bg-card);border-radius:var(--radius-card);padding:28px;width:100%}.prof-card h3{color:var(--text-main);font-size:17px;font-weight:600;margin-bottom:6px}.card-subtext{color:var(--text-muted);font-size:12px;margin-bottom:20px}.status-msg-banner{border-radius:10px;font-size:13px;font-weight:600;margin-bottom:20px;padding:12px 16px}.status-msg-banner.success{background:#22c55e26;border:1px solid #22c55e4d;color:#10b981}.status-msg-banner.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.prof-form{gap:18px}.prof-form,.prof-form .form-group{display:flex;flex-direction:column}.prof-form .form-group{gap:6px}.prof-form label{color:var(--text-muted);font-size:12px;font-weight:600}.prof-form input,.prof-form select{background:var(--bg-body);border:var(--border-card);border-radius:8px;color:var(--text-main);font-size:13px;outline:none;padding:11px 14px}.prof-form select option{background:var(--bg-card);color:var(--text-main)}.btn-submit-admin{background:linear-gradient(90deg,#38bdf8,#a855f7 50%,#f472b6);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8 0,#a855f7 50%,#f472b6 100%));border:none;border-radius:12px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;margin-top:8px;padding:12px 26px;transition:all .25s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.btn-submit-admin:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-submit-admin:active{transform:translateY(0)}.user-manage-table{border-collapse:collapse;text-align:left;width:100%}.user-manage-table th{background:#00000008;border-bottom:var(--border-card);color:var(--text-muted);font-size:11px;padding:12px 16px;text-transform:uppercase}.user-manage-table td{border-bottom:var(--border-card);color:var(--text-main);font-size:13px;padding:14px 16px}.user-info-cell{display:flex;flex-direction:column}.user-info-cell strong{color:var(--text-main);font-size:14px}.user-info-cell small{color:var(--text-muted);font-size:11px}.table-role-select{background:var(--bg-body);border:var(--border-card);border-radius:6px;color:var(--text-main);font-size:12px;outline:none;padding:6px 10px}.action-row-flex{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.btn-action-reset{background:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;color:#0284c7;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.theme-enterprise-dark .btn-action-reset{color:#38bdf8}.btn-action-del{background:#ef444426;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.reset-inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.reset-inline-form input{background:var(--bg-body);border:var(--border-card);border-radius:6px;color:var(--text-main);font-size:12px;max-width:100%;padding:6px 10px;width:130px}.btn-save-pwd{background:#10b981;border:none;border-radius:6px;color:#fff;font-weight:700}.btn-cancel-pwd,.btn-save-pwd{cursor:pointer;padding:4px 8px}.btn-cancel-pwd{background:var(--bg-body);border:var(--border-card);border-radius:6px;color:var(--text-muted)}.backup-box{background:var(--bg-body);border:var(--border-card);border-radius:14px;display:flex;flex-direction:column;gap:20px;padding:24px}.backup-info{align-items:center;display:flex;gap:16px}.backup-icon{font-size:40px}.backup-info h4{color:var(--text-main);font-size:16px;font-weight:600;margin-bottom:4px}.backup-info p{color:var(--text-muted);font-size:13px;line-height:1.5}.user-table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:18px}.user-search-input{background:var(--bg-body);border:var(--border-card);border-radius:10px;color:var(--text-main);flex:1 1;font-size:13px;min-width:240px;outline:none;padding:10px 14px;transition:border-color .2s ease}.user-search-input:focus{border-color:var(--accent)}.user-stats-bar{display:flex;flex-wrap:wrap;gap:8px}.user-stat-pill{background:var(--bg-body);border:var(--border-card);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:700;padding:4px 10px}.btn-action-edit{background:#a855f726;border:1px solid #a855f759;border-radius:6px;color:#a855f7;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.theme-enterprise-dark .btn-action-edit{color:#c084fc}.btn-action-edit:hover{background:#a855f74d;color:#fff}.btn-rand-pwd{background:#f59e0b26;border:1px solid #f59e0b59;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:12px;padding:4px 8px}.user-edit-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100000}.user-edit-modal{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--text-main);display:flex;flex-direction:column;gap:18px;max-width:480px;padding:28px;width:100%}.user-edit-modal h3{color:var(--text-main);font-size:18px;font-weight:600}.available-devices-container{display:flex;flex-direction:column;gap:24px}.devices-header h2{align-items:center;color:var(--text-main);display:flex;font-size:22px;font-weight:700;gap:10px}.devices-header p{color:var(--text-muted);font-size:13px;margin-top:4px}.devices-controls{display:flex;flex-direction:column;gap:16px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.cat-tab{background:var(--bg-card);border:var(--border-card);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.cat-tab:hover{background:rgba(var(--accent-rgb),.05);color:var(--text-main)}.cat-tab.active{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;box-shadow:var(--shadow);color:#fff;font-weight:700}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.device-card{background:var(--bg-card);border:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px;position:relative;transition:all .25s ease}.device-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.device-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.device-icon{align-items:center;background:var(--bg-body);border:var(--border-card);border-radius:12px;display:flex;font-size:32px;height:50px;justify-content:center;width:50px}.category-tag{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);border-radius:20px;color:var(--accent);font-size:11px;font-weight:700;padding:4px 12px}.device-card h3{color:var(--text-main);font-size:1.1rem;font-weight:700;margin-bottom:8px}.device-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.88rem;line-height:1.5;margin-bottom:16px;overflow:hidden}.device-stock-info{align-items:center;background:#00000008;border:var(--border-card);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:18px;padding:10px 14px}.stock-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.stock-badge{font-size:.8rem;font-weight:700}.stock-badge.available{color:#10b981}.stock-badge.out-of-stock{color:#ef4444}.btn-request-device{background:linear-gradient(90deg,#38bdf8,#818cf8);background:var(--accent-gradient,linear-gradient(90deg,#38bdf8,#818cf8));border:none;border-radius:10px;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.btn-request-device:hover:not(.disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn-request-device.disabled{background:var(--bg-body);border:var(--border-card);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.empty-devices{background:var(--bg-card);border:1px dashed var(--border-card);border-radius:14px;color:var(--text-muted);padding:4rem 2rem;text-align:center}.tm-toast-wrapper{flex-direction:column!important;gap:12px!important;left:24px!important;padding:0!important;pointer-events:none!important;position:fixed!important;top:24px!important;z-index:9999999!important}.tm-toast-card,.tm-toast-wrapper{box-sizing:border-box!important;display:flex!important;margin:0!important}.tm-toast-card{align-items:center!important;animation:toast-slide-in-left .4s cubic-bezier(.16,1,.3,1) forwards!important;backdrop-filter:blur(18px) saturate(180%)!important;-webkit-backdrop-filter:blur(18px) saturate(180%)!important;border-radius:16px!important;box-shadow:0 16px 40px #00000073,0 2px 8px #00000040!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;gap:14px!important;max-width:480px!important;min-width:320px!important;padding:14px 20px!important;pointer-events:auto!important}.tm-toast-card.tm-toast-success{background:linear-gradient(135deg,#10b981f2,#059669f2)!important;border:1px solid #a7f3d099!important;box-shadow:0 12px 35px #10b98173!important;color:#fff!important}.tm-toast-card.tm-toast-error{background:linear-gradient(135deg,#e11d48f2,#be123cf2)!important;border:1px solid #fecdd399!important;box-shadow:0 12px 35px #e11d4873!important;color:#fff!important}.tm-toast-icon-box{align-items:center!important;background:#ffffff40!important;border-radius:50%!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;font-size:17px!important;font-weight:900!important;height:32px!important;justify-content:center!important;line-height:1!important;min-height:32px!important;min-width:32px!important;width:32px!important}.tm-toast-icon-box,.tm-toast-message-body{color:#fff!important;margin:0!important;padding:0!important}.tm-toast-message-body{flex:1 1 auto!important;font-size:14px!important;font-weight:700!important;letter-spacing:.2px!important;line-height:1.45!important;text-align:left!important;word-break:break-word!important}.tm-toast-close-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;color:#ffffffd9!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:18px!important;font-weight:800!important;justify-content:center!important;line-height:1!important;margin:0!important;padding:4px 6px!important;transition:all .2s ease!important}.tm-toast-close-btn:hover{background:#ffffff40!important;color:#fff!important}@keyframes toast-slide-in-left{0%{opacity:0;transform:translateX(-40px) translateY(-10px) scale(.9)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}
/*# sourceMappingURL=main.c026b38d.css.map*/