*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toast{z-index:9999;color:#fff;border-radius:10px;max-width:340px;padding:14px 20px;font-size:14px;font-weight:500;animation:.25s toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 16px #0000002e}.toast-success{background:#27ae60}.toast-error{background:#e74c3c}.toast-info{background:#4361ee}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:10;background:#2e2e2e;flex-direction:column;width:240px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar .logo{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding:0 20px 24px}.sidebar .logo h2{font-size:20px;font-weight:700}.sidebar .logo small{color:#a0a0c0;font-size:11px}.sidebar ul{list-style:none}.sidebar li a{color:#b0b0b0;border-left:3px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar li a:hover{color:#fff;background:#ffffff12}.sidebar li a.active{color:#fff;background:#ffffff1f;border-left-color:#4361ee}.sidebar-divider{border-top:1px solid #ffffff1a;margin:8px 16px;padding:0!important}.content{flex:1;min-height:100vh;margin-left:240px;padding:24px 32px}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700}.page-header p{color:#666;margin-top:4px;font-size:14px}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #00000014}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #00000014}.stat-card .stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.stat-card .stat-value{margin-top:4px;font-size:28px;font-weight:700}.stat-card .stat-sub{color:#999;margin-top:2px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#4361ee}.btn-primary:hover{background:#3a56d4}.btn-secondary{color:#333;background:#e9ecef}.btn-secondary:hover{background:#dde1e5}.btn-success{color:#fff;background:#2ecc71}.btn-success:hover{background:#27ae60}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-sm{padding:5px 10px;font-size:12px}.form-group{margin-bottom:16px}.form-group label{color:#444;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#4361ee;outline:none;box-shadow:0 0 0 3px #4361ee1a}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}table{border-collapse:collapse;width:100%;font-size:13px}table th{text-align:left;color:#666;text-transform:uppercase;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:10px 12px;font-size:12px;font-weight:600}table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}table tr:hover{background:#f8f9ff}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#155724;background:#d4edda}.badge-danger{color:#721c24;background:#f8d7da}.badge-warning{color:#856404;background:#fff3cd}.badge-info{color:#004085;background:#d6e4ff}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-bar input{border:1px solid #ddd;border-radius:8px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal h3{margin-bottom:16px;font-size:18px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.actions-bar{flex-wrap:wrap;gap:8px;display:flex}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state p{font-size:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}.chart-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.chart-row{grid-template-columns:1fr}}.bar-chart{flex-direction:column;gap:8px;display:flex}.bar-item{align-items:center;gap:10px;display:flex}.bar-label{text-align:right;width:180px;font-size:12px;font-weight:500}.bar-track{background:#f0f0f0;border-radius:4px;flex:1;height:24px;overflow:hidden}.bar-fill{color:#fff;border-radius:4px;align-items:center;min-width:50px;height:100%;padding-left:8px;font-size:11px;font-weight:600;display:flex}.bar-fill.linux{background:linear-gradient(90deg,#4361ee,#3a56d4)}.bar-fill.windows{background:linear-gradient(90deg,#2ecc71,#27ae60)}.bar-count{width:30px;font-size:12px;font-weight:700}