:root{--primary-color: #00c853;--primary-hover: #00a444;--accent-color: #20c9d8;--bg-gradient: linear-gradient( 135deg, #0f172a 0%, #1e293b 100% );--card-bg: rgba(30, 41, 59, .7);--border-color: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-radius: 16px;--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(16px);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--danger-color: #f43f5e;--success-color: #10b981;--warning-color: #f59e0b;--info-color: #3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}.glass{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.glass-input{background:#0f172a99;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 14px;outline:none;font-family:inherit;transition:all .2s ease}.glass-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00c85333}.btn{padding:10px 20px;border-radius:8px;border:none;font-family:inherit;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary-color);color:#0f172a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;padding:24px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border-color);background:#0f172a66}.main-content{flex:1;padding:32px;overflow-y:auto;max-height:100vh}.logo-container{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--primary-color)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#ffffff0d}.nav-item.active{border-left:3px solid var(--primary-color);background:#00c85314;color:var(--primary-color)}table{width:100%;border-collapse:collapse;margin-top:16px}th{text-align:left;padding:14px 16px;color:var(--text-secondary);font-weight:600;border-bottom:2px solid var(--border-color);font-size:14px}td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}tr:hover td{background:#ffffff05}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-block}.badge-success{background:#10b98126;color:#34d399}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-danger{background:#f43f5e26;color:#f87171}.badge-info{background:#3b82f626;color:#60a5fa}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{padding:24px;display:flex;align-items:center;justify-content:space-between}.stat-info h3{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-info p{font-size:32px;font-weight:800;margin-top:4px}.stat-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}