:root{--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-main: hsl(222, 24%, 6%);--bg-sidebar: hsl(222, 20%, 8%);--bg-card: rgba(15, 23, 42, .65);--bg-hover: rgba(255, 255, 255, .05);--primary: hsl(230, 95%, 66%);--primary-glow: rgba(99, 102, 241, .25);--primary-gradient: linear-gradient(135deg, hsl(230, 95%, 66%) 0%, hsl(250, 90%, 60%) 100%);--accent-gradient: linear-gradient(135deg, hsl(190, 90%, 50%) 0%, hsl(230, 95%, 66%) 100%);--text-main: hsl(210, 40%, 96%);--text-muted: hsl(215, 20%, 65%);--border-color: rgba(255, 255, 255, .05);--border-glow: rgba(99, 102, 241, .15);--status-online: hsl(142, 76%, 45%);--status-online-glow: rgba(34, 197, 94, .25);--status-warning: hsl(38, 92%, 50%);--status-warning-glow: rgba(245, 158, 11, .25);--status-offline: hsl(0, 84%, 60%);--status-offline-glow: rgba(239, 68, 68, .25);--status-unknown: hsl(210, 16%, 45%);--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .28s cubic-bezier(.4, 0, .2, 1)}body.light-theme{--bg-main: #f3f6fc;--bg-sidebar: #2d2a54;--bg-card: #ffffff;--bg-hover: rgba(255, 255, 255, .08);--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .12);--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);--accent-gradient: linear-gradient(135deg, #0ea5e9 0%, #4f46e5 100%);--text-main: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb;--border-glow: rgba(79, 70, 229, .15);--status-online: #10b981;--status-online-glow: rgba(16, 185, 129, .15);--status-warning: #f59e0b;--status-warning-glow: rgba(245, 158, 11, .15);--status-offline: #ef4444;--status-offline-glow: rgba(239, 68, 68, .15);--status-unknown: #9ca3af;color:var(--text-main);background-color:var(--bg-main);background-image:none}body.light-theme .sidebar{background-color:#2d2a54!important;border-right:1px solid rgba(255,255,255,.08)!important}body.light-theme .sidebar .logo-text{background:linear-gradient(135deg,#fff 30%,#a5b4fc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}body.light-theme .sidebar .nav-item{color:#a5b4fc!important}body.light-theme .sidebar .nav-item:hover{color:#fff!important;background-color:#ffffff14!important}body.light-theme .sidebar .nav-item.active{color:#fff!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important}body.light-theme .sidebar .user-name{color:#fff!important}body.light-theme .sidebar .user-role{color:#a5b4fc!important}body.light-theme .glass-card{background:#fff!important;border:1px solid #e5e7eb!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 4px 20px #28325a0a,0 2px 4px #28325a05!important}body.light-theme .glass-card:hover{border-color:#d1d5db!important}body.light-theme .input-field{background-color:#fff!important;color:#1f2937!important;border:1px solid #d1d5db!important}body.light-theme .input-field:focus{background-color:#fff!important;color:#1f2937!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51f!important}body.light-theme select.input-field{background-color:#fff!important;color:#1f2937!important}body.light-theme .modal-overlay{background:#0f172a4d!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}body.light-theme .btn-secondary{background:#fff!important;border:1px solid #d1d5db!important;color:#4b5563!important}body.light-theme .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#1f2937!important}body.light-theme .inventory-table th{background-color:#f8fafc!important;color:#475569!important;border-bottom:2px solid #e2e8f0!important}body.light-theme .inventory-table td{color:#334155!important;border-bottom:1px solid #e2e8f0!important}body.light-theme .inventory-table tr:hover td{background-color:#f1f5f9!important}body.light-theme .status-badge.online{background:#10b98114!important;border-color:#10b98133!important;color:#047857!important}body.light-theme .status-badge.offline{background:#ef444414!important;border-color:#ef444433!important;color:#b91c1c!important}body.light-theme .status-badge.warning{background:#f59e0b14!important;border-color:#f59e0b33!important;color:#b45309!important}body.light-theme .status-badge.unknown{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#6b7280!important}body.light-theme .search-filters>div{background-color:#fff!important;border-color:#d1d5db!important}body.light-theme .password-reveal-btn:hover,body.light-theme .modal-close:hover,body.light-theme .detail-val,body.light-theme .stat-value{color:#1f2937!important}body.light-theme .stat-icon{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#4f46e5!important}body.light-theme .glass-card:hover .stat-icon{background:var(--primary-gradient)!important;color:#fff!important}.premium-tabs-container{display:flex;gap:.75rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.premium-tab-btn{padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--transition-fast);border:1px solid var(--border-color);background:#646e8c14;color:var(--text-muted);font-family:var(--font-body)}.premium-tab-btn:hover{background:#646e8c26;color:var(--text-main);border-color:var(--primary-glow)}.premium-tab-btn.active{background:var(--primary-gradient);border:none!important;color:#fff!important;box-shadow:0 4px 12px var(--primary-glow)}body.light-theme .premium-tab-btn{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#334155!important}body.light-theme .premium-tab-btn:hover{background:#cbd5e1!important;color:#0f172a!important;border-color:#94a3b8!important}body.light-theme .premium-tab-btn.active{background:var(--primary-gradient)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px #4f46e540!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.06) 0%,transparent 45%);color:var(--text-main);font-family:var(--font-body);font-size:.85rem;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--text-main)}a,a:visited{color:var(--primary)!important;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.85;text-decoration:underline!important}.app-container{display:flex;min-height:100vh}.sidebar{width:230px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:1.25rem 1rem;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-section{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.logo-icon{width:32px;height:32px;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px var(--primary-glow)}.logo-text{font-family:var(--font-display);font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,#c2c2d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:.6rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#9d86f9;padding:1px 4px;border-radius:3px;font-weight:700;letter-spacing:.05em;margin-left:auto}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:8px;color:var(--text-muted);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;font-size:.82rem}.nav-item:hover{color:#fff;background-color:var(--bg-hover);transform:translate(3px)}.nav-item.active{color:#fff;background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);box-shadow:0 4px 20px #7c3aed14;padding-left:1.1rem}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary);border-radius:0 4px 4px 0;box-shadow:0 0 8px var(--primary)}.nav-item.active svg{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.user-profile-badge{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:#fff}.user-role{font-size:.75rem;color:var(--text-muted)}.content-area{flex-grow:1;padding:1.25rem;overflow-y:auto;height:100vh}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.view-title-desc{display:flex;flex-direction:column;gap:.15rem}.view-title-desc h1{font-size:1.5rem;font-weight:700}.view-title-desc p{color:var(--text-muted);font-size:.8rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006;transition:border-color var(--transition-normal),transform var(--transition-normal)}.glass-card:hover{border-color:var(--border-glow)}.glass-card.interactive:hover{transform:translateY(-4px);box-shadow:0 12px 40px #7c3aed1a}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-widget{display:flex;align-items:center;justify-content:space-between}.stat-details{display:flex;flex-direction:column;gap:.35rem}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.6rem;font-family:var(--font-display);font-weight:800;color:#fff}.stat-icon{width:40px;height:40px;border-radius:10px;background:#ffffff08;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all var(--transition-fast)}.glass-card:hover .stat-icon{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px var(--primary-glow);border-color:transparent}.glowing-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.glowing-dot.online{background-color:var(--status-online);box-shadow:0 0 10px var(--status-online-glow)}.glowing-dot.offline{background-color:var(--status-offline);box-shadow:0 0 10px var(--status-offline-glow)}.glowing-dot.warning{background-color:var(--status-warning);box-shadow:0 0 10px var(--status-warning-glow)}.glowing-dot.unknown{background-color:var(--status-unknown)}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent}.status-badge.online{background:#22c55e14;border-color:#22c55e33;color:#8cf2b2}.status-badge.offline{background:#ef444414;border-color:#ef444433;color:#f58989}.status-badge.warning{background:#f59e0b14;border-color:#f59e0b33;color:#f9cf86}.status-badge.unknown{background:#ffffff0a;border-color:var(--border-color);color:var(--text-muted)}.provider-tag{display:inline-flex;align-items:center;padding:3px 6px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.provider-tag.azure{background:#0078d41f;border-color:#0078d44d;color:#3aa6ff}.provider-tag.private{background:#ec48991f;border-color:#ec48994d;color:#ff7ebb}.provider-tag.local{background:#10b9811f;border-color:#10b9814d;color:#34d399}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.form-group label{font-size:.75rem;color:var(--text-muted);font-weight:500}.input-field{background-color:#08071099;border:1px solid var(--border-color);color:#fff;padding:.45rem .65rem;border-radius:6px;font-size:.8rem;font-family:var(--font-body);transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background-color:#080710cc}.btn{font-family:var(--font-body);font-weight:600;font-size:.8rem;padding:.45rem .9rem;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:linear-gradient(135deg,#e23636,#e6192a);color:#fff;box-shadow:0 4px 15px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-icon{padding:.5rem;border-radius:6px;aspect-ratio:1}.table-container{overflow-x:auto;margin-top:1rem}.inventory-table{width:100%;border-collapse:collapse;text-align:left}.inventory-table th{padding:6px 10px;font-family:var(--font-display);font-size:.76rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.inventory-table td{padding:6px 10px;font-size:.78rem;color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle}.inventory-table tr:hover td{background-color:#ffffff05}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#040408cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.login-card{width:100%;max-width:450px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{margin:0 auto 1rem;width:56px;height:56px}.login-header h2{font-size:1.75rem;margin-bottom:.35rem}.login-header p{color:var(--text-muted);font-size:.9rem}.alert-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f58989;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1.25rem}.audit-status-strip{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.audit-indicator-card{flex:1;min-width:200px;display:flex;gap:1rem;align-items:center}.action-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.detail-row{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border-color);font-size:.8rem}.detail-label{color:var(--text-muted);font-weight:500}.detail-val{color:#fff;font-weight:600;font-family:monospace}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input-field{width:100%;padding-right:3rem}.password-reveal-btn{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px}.password-reveal-btn:hover{color:#fff}.chart-container{height:200px;margin-top:1.5rem;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding-top:1rem;border-bottom:1px solid var(--border-color)}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex-grow:1;height:100%;justify-content:flex-end;gap:.5rem}.chart-bar{width:32px;background:var(--primary-gradient);border-radius:6px 6px 0 0;transition:height .8s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px var(--primary-glow);position:relative}.chart-bar:hover{background:var(--accent-gradient)}.chart-bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#fff;color:#000;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-bar-label{font-size:.75rem;color:var(--text-muted);font-weight:600}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:spinAnim .8s linear infinite}.sidebar{width:75px!important;background-color:#2d2a54!important;border-right:1px solid rgba(255,255,255,.08)!important;padding:1.5rem .5rem!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-shrink:0;height:100vh!important;z-index:100}.logo-section{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;width:100%}.logo-icon{width:42px;height:42px;background:var(--primary-gradient)!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--primary-glow)!important}.logo-text,.logo-badge{display:none!important}.nav-list{display:flex;flex-direction:column;align-items:center;gap:1.25rem!important;width:100%!important;padding:0!important}.nav-item{width:46px!important;height:46px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:12px!important;color:#a5b4fc!important;cursor:pointer;transition:all var(--transition-fast)!important;border:1px solid transparent!important;position:relative!important}.nav-item:hover{color:#fff!important;background-color:#ffffff14!important;transform:scale(1.08)!important}.nav-item.active{color:#fff!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 15px #00000026!important}.nav-item.active:before{display:none!important}.nav-item:after{content:attr(data-tooltip);position:absolute;left:62px;top:50%;transform:translateY(-50%) scale(.9);background:#1e1b4b;color:#fff;padding:6px 12px;border-radius:6px;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d;z-index:1000}.nav-item:hover:after{opacity:1;transform:translateY(-50%) scale(1)}.nav-item-badge:before{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;background-color:#ef4444!important;border-radius:50%!important;border:1.5px solid #2d2a54!important;box-shadow:0 0 6px #ef4444cc!important;z-index:5}.sidebar-footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:1.25rem!important}.user-profile-badge{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;width:100%!important}.user-info{display:none!important}.user-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:var(--accent-gradient)!important;font-size:.85rem!important}#btn-toggle-theme{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important}#btn-logout{width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important}.top-header-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:.75rem 1.75rem;height:58px;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #00000003,0 1px 2px #00000005}body.light-theme .top-header-bar{background:#fff;border-bottom:1px solid #e5e7eb}.header-icon-blue{width:34px;height:34px;background-color:#3b82f6!important;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d!important}.header-search-bar{width:380px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-main);padding:0 1rem;font-size:.8rem;transition:all var(--transition-fast)}body.light-theme .header-search-bar{background:#f8fafc;border:1px solid #d1d5db;color:#1f2937}.header-search-bar:focus{outline:none;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e514!important;background:#fff!important}.header-btn-blue{width:36px;height:36px;background-color:#3b82f6!important;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.header-btn-blue:hover{background-color:#2563eb!important}.header-btn-green{width:36px;height:36px;background-color:#10b981!important;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.header-btn-green:hover{background-color:#059669!important}.header-avatar{width:36px;height:36px;border-radius:50%;background-color:#f59e0b!important;display:flex;align-items:center;justify-content:center;color:#fff!important;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #f59e0b4d!important}.content-area{padding:1.5rem 1.75rem!important;flex-grow:1;height:calc(100vh - 58px)!important;overflow-y:auto}