body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.dashboard-container{display:flex;min-height:100vh}.sidebar{background-color:#2c2c2c;color:#fff;height:100vh;overflow-y:auto;padding:0;position:fixed;width:250px}.sidebar-header{border-bottom:1px solid #404040;padding:20px}.logo{font-size:24px;text-decoration:none}.logo,.logo-icon{align-items:center;color:#fff;display:flex;font-weight:700}.logo-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;height:32px;justify-content:center;margin-right:12px;width:32px}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;border-radius:0 25px 25px 0;color:#fff;display:flex;margin-right:20px;padding:12px 20px;text-decoration:none;transition:background-color .3s}.nav-item:hover{background-color:#404040}.nav-item.active{background-color:#3b82f6}.nav-icon{margin-right:12px;text-align:center;width:20px}.main-content{background-color:#f9fafb;flex:1 1;margin-left:250px;min-height:100vh}.header{background-color:#2c2c2c;box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:16px 24px}.header,.header-left,.header-right{align-items:center;display:flex}.header-right{gap:16px}.notification-bell{cursor:pointer;position:relative}.notification-badge{background-color:#ef4444;border-radius:50%;color:#fff;font-size:12px;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.notification-badge,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.content-area{padding:24px}.welcome-banner{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;margin-bottom:32px;padding:48px 40px}.welcome-title{color:#fff;font-size:2.25rem;font-weight:700;margin:0 0 12px}.welcome-subtitle{color:#e0e7ff;font-size:1rem;margin:0;opacity:.9}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:8px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:16px;width:40px}.metric-value{color:#1f2937;font-size:2rem;font-weight:700;line-height:1;margin:0 0 8px}.metric-label{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 16px}.metric-trend{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:500;gap:2px;padding:4px 8px;position:absolute;right:16px;top:16px}.trend-up{background-color:#dcfce7;color:#16a34a}.trend-down{background-color:#fee2e2;color:#ef4444}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.section-header{align-items:center;display:flex;margin-bottom:20px}.section-icon{height:24px;margin-right:8px;width:24px}.section-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.list-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;padding:12px 0}.list-item:last-child{border-bottom:none}.item-number{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}.item-content{flex:1 1}.item-title{color:#1f2937;font-weight:600;margin:0 0 4px}.item-subtitle{color:#6b7280;font-size:14px;margin:0}.item-value{color:#1f2937;font-weight:600}.status-badge{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fee2e2;color:#dc2626}.status-maintenance{background-color:#fef3c7;color:#d97706}.activity-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-bullet{border-radius:50%;flex-shrink:0;height:8px;margin-right:12px;margin-top:6px;width:8px}.activity-content{flex:1 1}.activity-text{color:#1f2937;font-weight:600;margin:0 0 4px}.activity-entity{color:#6b7280;font-size:14px;margin:0 0 4px}.activity-time{color:#9ca3af;font-size:12px;margin:0}.sidebar-footer{bottom:20px;left:20px;position:absolute;right:20px}.uptime-widget{background-color:#3b82f6;border-radius:8px;color:#fff;padding:16px}.uptime-title{align-items:center;display:flex;font-size:14px;margin:0 0 8px}.uptime-indicator{background-color:#10b981;border-radius:50%;height:8px;margin-right:8px;width:8px}.uptime-value{font-size:24px;font-weight:700;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-message{color:#dc2626;font-size:14px;margin-top:6px}.success-message{color:#059669;font-size:14px;margin-top:6px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.dashboard-grid,.metrics-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.24c5ab38.css.map*/