@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--bg-deep: #020617;--bg-surface: #0f172a;--bg-elevated: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;color-scheme:dark}input,textarea,select,button{font-family:inherit;font-size:inherit;box-sizing:border-box}input,textarea,select{background:#ffffff0d!important;color:var(--text-main)!important;border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;outline:none;color-scheme:dark;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}select option{background:#1e293b!important;color:#f8fafc!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw}.sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar.collapsed{width:80px}.sidebar-header{padding:2rem 1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.25rem;letter-spacing:-.025em;color:var(--primary)}.brand-icon{width:32px;height:32px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 0 15px var(--primary-glow)}.sidebar-nav{flex:1;padding:0 1rem}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;margin-bottom:.25rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.9375rem;font-weight:500;border-radius:12px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{color:var(--primary);background:#3b82f614}.active-indicator{position:absolute;left:0;width:3px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem 0}.sidebar.collapsed .nav-item span{display:none}.main-viewport{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0;background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent)}.top-bar{height:72px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;transition:padding .3s ease}.sidebar-collapsed .top-bar{padding:0 1rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;padding:.625rem 1rem;border-radius:10px;width:320px;border:1px solid var(--border)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:.875rem;width:100%}.top-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.stat-card{background:var(--bg-elevated);padding:1.5rem;border-radius:20px;border:1px solid var(--border);display:flex;gap:1.25rem;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.blue .stat-icon{background:#3b82f61a;color:#3b82f6}.green .stat-icon{background:#10b9811a;color:#10b981}.purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.orange .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-title{color:#cbd5e1;font-size:.8125rem;margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-footer{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-green)}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:2rem}.chart-card{background:var(--bg-surface);padding:1.5rem;border-radius:20px;border:1px solid var(--border)}.card-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);font-size:1.25rem;font-weight:600;color:var(--primary)}.urgency-value{font-size:3.5rem;font-weight:800;color:var(--accent-orange);margin:1rem 0}.text-orange{color:var(--accent-orange)}.w-full{width:100%}.mt-4{margin-top:1rem}.secondary-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-main);padding:.75rem;border-radius:10px;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.data-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}.data-table th{text-align:left;padding:1rem;color:#e2e8f0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(255,255,255,.1);background:#ffffff05}.data-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem}.compact-table th,.compact-table td{padding:.5rem .75rem!important;font-size:.75rem!important}.compact-table .status-tag{padding:.15rem .5rem;font-size:.7rem}.compact-table .icon-btn-sm{width:24px;height:24px}.data-table tr:hover td{background:#ffffff05}.id-badge{background:var(--bg-deep);padding:.25rem .625rem;border-radius:6px;font-family:monospace;font-weight:600;color:var(--primary);border:1px solid var(--border)}.emp-name-cell{display:flex;flex-direction:column}.status-tag{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-tag.active{background:#10b9811a;color:#10b981}.status-tag.inactive{background:#ef44441a;color:#ef4444}.icon-btn-sm{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.icon-btn-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.view-container{width:100%;max-width:1400px;margin:0 auto}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.mirror-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.mirror-table thead tr.header-bg{background:#ffffff08}.mirror-table th,.mirror-table td{border:1px solid var(--border);text-align:center;padding:.75rem}.mirror-table td:first-child,.mirror-table th:first-child{text-align:left}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface);border-radius:24px;border:1px solid var(--border);padding:2.5rem;width:90%;box-shadow:0 25px 50px -12px #00000080,0 0 15px var(--primary-glow);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.modal-body{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-main);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.header-filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.header-filter{height:36px;min-height:36px;max-height:36px;background:var(--bg-elevated)!important;border:1px solid var(--border);border-radius:8px;color:var(--text-main)!important;padding:0 .75rem;font-size:.8rem;outline:none;cursor:pointer;transition:all .2s;box-sizing:border-box}.header-filter:hover{border-color:var(--primary);background:#ffffff14!important}.header-search{height:36px;min-height:36px;max-height:36px;flex-shrink:0;width:280px;display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:0 .75rem;box-sizing:border-box;overflow:hidden}.header-search input{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important;height:100%!important;min-height:unset!important;font-size:.875rem;color:var(--text-main);width:100%}