@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-dark: #0a0b10;--bg-card: rgba(25, 28, 41, .6);--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 40%)}#root{display:flex;min-height:100vh}.glass{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:16px}h1,h2,h3{font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;background:none}.app-container{display:flex;width:100%;padding:24px;gap:24px}.sidebar{width:280px;height:calc(100vh - 48px);padding:32px 24px;display:flex;flex-direction:column;position:sticky;top:24px}.logo{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;margin-bottom:48px}.logo span span{color:var(--accent)}.logo-icon{width:40px;height:40px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--accent-glow)}.nav-links{list-style:none;flex-grow:1}.nav-links li{padding:12px 16px;border-radius:12px;color:var(--text-secondary);margin-bottom:8px;transition:var(--transition);display:flex;align-items:center;gap:12px;cursor:pointer}.nav-links li:hover{background:#ffffff0d;color:var(--text-primary)}.nav-links li.active{background:var(--accent);color:#fff;box-shadow:0 8px 16px var(--accent-glow)}.network-status{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-secondary);padding-top:24px;border-top:1px solid var(--border)}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background:var(--success);box-shadow:0 0 10px var(--success)}.content{flex-grow:1;display:flex;flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;width:100%}.main-header{display:flex;justify-content:space-between;align-items:center}.main-header h1{font-size:2.25rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:24px}.last-sync{font-size:.875rem;color:var(--text-secondary)}.refresh-btn{padding:10px 20px;font-weight:500;transition:var(--transition);display:flex;align-items:center;gap:8px;font-size:.875rem}.refresh-btn:hover{background:#ffffff1a}.dashboard-content{display:flex;flex-direction:column;gap:32px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{padding:24px;display:flex;flex-direction:column;gap:12px}.stat-header{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.875rem}.stat-value{font-size:2.5rem;font-weight:700}.stat-value span{font-size:1rem;color:var(--text-secondary);font-weight:400}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.eq-card{padding:20px;transition:var(--transition);cursor:default}.eq-card:hover{border-color:var(--accent);transform:translateY(-4px);background:#ffffff14}.eq-card-header{display:flex;justify-content:space-between;align-items:flex-start}.eq-info{display:flex;gap:16px}.eq-type{width:44px;height:44px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.eq-info h4{font-size:1rem;margin-bottom:4px}.eq-info .ip{font-size:.8125rem;color:var(--text-secondary);font-family:monospace}.eq-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.bitrate{font-size:.75rem;color:var(--accent);font-weight:600}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.recording-dot{width:10px;height:10px;background:var(--error);border-radius:50%;box-shadow:0 0 10px var(--error);animation:pulse 2s infinite}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.offline{background:var(--text-secondary);opacity:.5}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.config-section{padding:32px}.config-section h2{display:flex;align-items:center;gap:12px;margin-bottom:24px}.config-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.form-group input,.glass-select{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:#fff;transition:var(--transition);font-size:.9375rem}.form-group input:focus,.glass-select:focus{border-color:var(--accent);background:#ffffff1a;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.primary{background:var(--accent);color:#fff;padding:14px;border-radius:10px;font-weight:600;transition:var(--transition);margin-top:12px}.primary:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.eq-list-section{padding:32px}.config-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border-radius:14px;border:1px solid transparent;transition:var(--transition)}.config-item:hover{border-color:var(--border);background:#ffffff0f}.item-info{display:flex;flex-direction:column}.item-info strong{font-size:.9375rem}.item-info span{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.delete-btn{color:var(--text-secondary);padding:8px;border-radius:8px;transition:var(--transition)}.delete-btn:hover{background:#ef44441a;color:var(--error)}@media(max-width:1024px){.config-layout{grid-template-columns:1fr}}.header-titles{display:flex;flex-direction:column;gap:4px}.subtitle{color:var(--text-secondary);font-size:.9375rem}.dashboard-grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.mt-24{margin-top:24px}.network-chart-container{height:120px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:80px}.chart-bar{flex:1;background:var(--accent);border-radius:2px 2px 0 0;opacity:.6}.chart-legend{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:8px}.alerts-log{display:flex;flex-direction:column;gap:12px}.alert-item{padding:12px;background:#ffffff05;border-left:3px solid transparent;border-radius:4px 8px 8px 4px}.alert-item.warning{border-left-color:var(--warning)}.alert-item.error{border-left-color:var(--error)}.alert-item.info{border-left-color:var(--accent)}.alert-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.alert-time{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.alert-type-tag{font-size:.625rem;text-transform:uppercase;font-weight:700;padding:2px 6px;border-radius:4px}.alert-type-tag.warning{background:#f59e0b1a;color:var(--warning)}.alert-type-tag.error{background:#ef44441a;color:var(--error)}.alert-type-tag.info{background:#3b82f61a;color:var(--accent)}.alert-msg{font-size:.8125rem;color:var(--text-primary)}@media(max-width:1200px){.dashboard-grid-layout{grid-template-columns:1fr}}