:root{--idrive-blue:#0072bc;--idrive-blue-hover:#005a96;--bg-main:#f4f7f9;--sidebar-bg:#fff;--card-bg:#fff;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#e1e8ed;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;font-size:14px;line-height:1.5}.admin-container{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:240px;height:100vh;display:flex;position:sticky;top:0}.main-wrapper{flex-direction:column;flex:1;display:flex}.top-bar{border-bottom:1px solid var(--border-color);z-index:90;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.main-content{padding:2rem;overflow-y:auto}.logo-container{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.logo-text{color:var(--idrive-blue);letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.nav-links{padding:1rem 0;list-style:none}.nav-item{color:var(--text-secondary);border-left:4px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--idrive-blue);background:#f8fafc}.nav-item.active{color:var(--idrive-blue);border-left-color:var(--idrive-blue);background:#f0f7ff}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card-title{color:var(--text-secondary);justify-content:space-between;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.stat-card-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.progress-container{margin-top:1rem}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--idrive-blue);height:100%;transition:width .3s}.progress-label{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.table-container{border:1px solid var(--border-color);background:#fff;border-radius:4px;overflow:hidden}.table-header{border-bottom:1px solid var(--border-color);background:#fcfcfc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.id-table{border-collapse:collapse;width:100%}.id-table th{color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);text-transform:uppercase;background:#f8f9fa;padding:.75rem 1.5rem;font-size:.8rem;font-weight:600}.id-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem}.id-table tr:hover{background:#fcfcfc}.status-badge{align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-online{color:var(--success)}.status-offline{color:var(--danger)}.status-pending{color:var(--warning)}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--idrive-blue);color:#fff}.btn-primary:hover{background:var(--idrive-blue-hover)}.btn-outline{border-color:var(--idrive-blue);color:var(--idrive-blue);background:0 0}.btn-outline:hover{background:#f0f7ff}.search-input{border:1px solid var(--border-color);background:#f4f7f9;border-radius:20px;outline:none;width:300px;padding:.5rem 1rem .5rem 2.5rem;font-size:.9rem}.search-input:focus{border-color:var(--idrive-blue);background:#fff}