.layout[data-v-4d58d8f5]{display:flex;min-height:100vh}.sidebar[data-v-4d58d8f5]{width:260px;background:#12121a;border-right:1px solid #2a2a38;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.sidebar-header[data-v-4d58d8f5]{padding:1.5rem;border-bottom:1px solid #2a2a38}.logo[data-v-4d58d8f5]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-4d58d8f5]{font-size:1.5rem}.logo-text[data-v-4d58d8f5]{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav[data-v-4d58d8f5]{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item[data-v-4d58d8f5]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;background:transparent;border:none;color:#a0a0b0;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.nav-item[data-v-4d58d8f5]:hover{background:#22222e;color:#fff}.nav-item.active[data-v-4d58d8f5]{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#fff;border:1px solid rgba(99,102,241,.3)}.nav-icon[data-v-4d58d8f5]{font-size:1.1rem}.sidebar-footer[data-v-4d58d8f5]{padding:1rem 1.5rem;border-top:1px solid #2a2a38;display:flex;flex-direction:column;gap:.75rem}.status-indicator[data-v-4d58d8f5]{display:flex;align-items:center;gap:.5rem}.main-content[data-v-4d58d8f5]{flex:1;margin-left:260px;display:flex;flex-direction:column}.main-header[data-v-4d58d8f5]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#12121a;border-bottom:1px solid #2a2a38;position:sticky;top:0;z-index:50}.main-header h1[data-v-4d58d8f5]{font-size:1.5rem;font-weight:600}.header-actions[data-v-4d58d8f5]{display:flex;align-items:center;gap:1rem}.main-body[data-v-4d58d8f5]{flex:1;padding:2rem;overflow-y:auto}.login-container[data-v-e8961823]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-background[data-v-e8961823]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.gradient-orb[data-v-e8961823]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.gradient-orb.orb-1[data-v-e8961823]{width:400px;height:400px;background:#6366f1;top:-100px;right:-100px}.gradient-orb.orb-2[data-v-e8961823]{width:300px;height:300px;background:#8b5cf6;bottom:-50px;left:-50px}.login-card[data-v-e8961823]{width:100%;max-width:420px;background:#1a1a24;border:1px solid #2a2a38;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #00000080}.login-header[data-v-e8961823]{text-align:center;margin-bottom:2rem}.logo[data-v-e8961823]{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo .logo-icon[data-v-e8961823]{font-size:2rem}.logo h1[data-v-e8961823]{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-e8961823]{color:#a0a0b0;font-size:.9rem}.login-form[data-v-e8961823]{display:flex;flex-direction:column;gap:1.25rem}.error-message[data-v-e8961823]{padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;text-align:center}.login-btn[data-v-e8961823]{width:100%;padding:1rem;font-size:1rem;margin-top:.5rem}#app{min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:#6366f1;text-decoration:none;transition:all .2s ease}a:hover{color:#9294f5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.btn-secondary{background:#1a1a24;color:#fff;border:1px solid #2a2a38}.btn-secondary:hover:not(:disabled){background:#22222e;border-color:#6366f1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#eb1515}.btn-success{background:#22c55e;color:#fff}.btn-success:hover:not(:disabled){background:#1a9a49}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-icon{padding:.5rem;min-width:auto}.card{background:#1a1a24;border:1px solid #2a2a38;border-radius:12px;padding:1.5rem;transition:all .2s ease}.card:hover{border-color:#6366f14d}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #2a2a38}.card-title{font-size:1rem;font-weight:600;color:#fff}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#a0a0b0}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:.875rem;color:#fff;background:#14141c;border:1px solid #2a2a38;border-radius:8px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#606070}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a0b0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-textarea{min-height:100px;resize:vertical}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #2a2a38}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid #2a2a38}th{background:#12121a;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#a0a0b0}td{font-size:.875rem}tr:hover td{background:#22222e}tr:last-child td{border-bottom:none}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e}.status-dot.warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef4444}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-success{background:#22c55e26;color:#22c55e}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-danger{background:#ef444426;color:#ef4444}.badge-info{background:#6366f126;color:#6366f1}.badge-muted{background:#60607026;color:#606070}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-center{align-items:center}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-muted{color:#606070}.text-secondary{color:#a0a0b0}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-bold{font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.spinner{width:24px;height:24px;border:2px solid #2a2a38;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#1a1a24;border:1px solid #2a2a38;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #2a2a38}.modal-title{font-size:1.125rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #2a2a38;background:#12121a;border-radius:0 0 12px 12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#12121a}::-webkit-scrollbar-thumb{background:#2a2a38;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#404055}