@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap");:root{--bg:#141419;--bg-card:#222429;--bg-card-hover:#2E2B43;--bg-sidebar:#1a1a22;--bg-input:#29263D;--text-white:#F7FAFF;--text-gray:#B5B8BC;--text-muted:#697089;--text-link:#424662;--headline:#7686BC;--primary:#605DFF;--primary-light:#5DA8FF;--primary-hover:#4a00e0;--primary-soft:rgba(96,93,255,0.1);--success:#2ECC71;--warning:#ffd45e;--danger:#ff8585;--info:#89b6ff;--design:#bd8eff;--border:#2E2B43;--radius:0.5rem;--radius-lg:1rem;--radius-xl:2rem;--shadow:0 4px 24px rgba(0,0,0,0.3);--font:"Work Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--sidebar-width:280px;--sidebar-collapsed:80px;--transition:0.2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text-white);font-size:16px;line-height:1.6}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:10rem;font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-card);color:var(--text-white);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:white}.btn-danger:hover{opacity:.85}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.input-wrapper{position:relative;padding-top:.9375rem;margin-bottom:.5rem}.input-field{width:100%;font-size:1.1rem;color:var(--text-white);padding:.5rem 2rem .5rem 0;line-height:2rem;outline:0;border:0;border-bottom:3px solid var(--border);background:transparent;font-family:var(--font);transition:border-color var(--transition)}.input-field::placeholder{color:transparent}.input-field:focus{border-bottom-color:var(--primary)}.input-label{position:absolute;top:-.5rem;font-size:.85rem;color:var(--text-muted);transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-field:placeholder-shown~.input-label{top:1.2rem;font-size:1.1rem;color:var(--text-gray);cursor:text}.input-field:focus~.input-label{top:-.5rem;font-size:.85rem;color:var(--primary)}input,select,textarea{width:100%;padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-white);font-family:var(--font);font-size:.875rem;transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius);font-size:.75rem;font-weight:700}.badge-success{background:rgba(46,204,113,.15);color:var(--success)}.badge-warning{background:rgba(255,212,94,.15);color:var(--warning)}.badge-danger{background:rgba(255,133,133,.15);color:var(--danger)}.badge-info{background:rgba(137,182,255,.15);color:var(--info)}.badge-design{background:rgba(189,142,255,.15);color:var(--design)}.status{display:flex;align-items:center;gap:.5rem;font-weight:700}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%}.status-dot--active{background:var(--success)}.status-dot--paused{background:var(--warning)}.status-dot--error{background:var(--danger)}.status-dot--offline{background:var(--text-muted)}.tag{padding:.375rem .625rem;border-radius:var(--radius);font-weight:700;font-size:.75rem;color:var(--bg)}.tag-sqlite{background:var(--info)}.tag-postgres{background:var(--design)}.tag-mysql{background:var(--warning)}.tag-mongodb{background:var(--success)}.tag-rest{background:var(--info)}.tag-mcp{background:var(--design)}.tag-graphql{background:var(--danger)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.kpi-card .value{font-size:1.75rem;font-weight:800}.kpi-card .label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.table-widget{border-radius:var(--radius-lg);background:var(--bg-card);padding:1.5rem;overflow-x:auto}.table-widget .caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg-card-hover)}th{text-align:left;color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}td,th{padding:.875rem 1rem}td{border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}tbody tr{transition:all var(--transition)}tbody tr:hover{background:var(--bg-card-hover);cursor:pointer}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem 0;transition:width .1s ease-in-out;z-index:50}.sidebar .logo{font-size:1.125rem;font-weight:800;padding:0 1rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-section{margin-left:1rem;color:var(--headline);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;margin-top:1rem}.sidebar a,.sidebar button.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:var(--text-gray);font-size:.875rem;font-weight:500;border-radius:var(--radius);margin:0 .5rem;transition:all var(--transition);border:none;background:none;cursor:pointer;width:calc(100% - 1rem);text-align:left}.sidebar a.active,.sidebar a:hover,.sidebar button.nav-link:hover{background:var(--primary-soft);color:var(--primary)}.sidebar .cta-box{margin:auto 1rem .5rem;padding:1rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.sidebar .cta-box p{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.sidebar .cta-box .btn{width:100%}.sidebar .profile{padding:.75rem 1rem;border-top:1px solid var(--border);margin-top:.5rem}.sidebar .profile .email{font-size:.8rem;color:var(--text-gray)}.sidebar .profile .role{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.main-content{margin-left:var(--sidebar-width);padding:1.5rem 2rem;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8e2de2,var(--primary-hover))}.auth-card{width:100%;max-width:32rem;background:white;border-radius:var(--radius-xl);padding:3rem 2rem;color:#1F2346}.auth-card h1{font-size:1.75rem;font-weight:800;margin-bottom:.25rem;color:#1F2346}.auth-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.auth-card .input-field{color:#1F2346;border-bottom-color:#1D1D1D}.auth-card .input-field:focus{border-bottom-color:var(--primary)}.auth-card .input-label{color:#697089}.auth-card .input-field:placeholder-shown~.input-label{color:#1F2346}.auth-card .input-field:focus~.input-label{color:var(--primary)}.auth-card .btn-primary{width:100%;margin-top:1.5rem;min-height:3.125rem;font-size:1.125rem;font-weight:800;border-radius:10rem;letter-spacing:.025rem}.auth-card .link{text-align:center;margin-top:1rem;font-size:.85rem;color:#697089}.auth-card .link a{color:#1D1D1D;font-weight:600}.auth-card .link a:hover{text-decoration:underline}.auth-error{background:rgba(255,133,133,.1);color:var(--danger);padding:.625rem;border-radius:var(--radius);text-align:center;font-size:.85rem;font-weight:600;margin-bottom:1rem}.pricing-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.pricing-card{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:22rem;border-radius:var(--radius);padding:2rem;background:var(--bg-card);color:var(--text-gray);border:1px solid var(--border);transition:all .5s ease-in-out}.pricing-card:hover{transform:translateY(-1rem)}.pricing-card.current{border-color:var(--primary)}.pricing-card h3{font-weight:700;font-size:1.5rem;color:var(--text-white);margin-bottom:.5rem}.pricing-price{font-size:2rem;font-weight:800;color:var(--text-white);margin-bottom:.25rem}.pricing-price span{font-size:.85rem;font-weight:400;color:var(--text-muted)}.pricing-card ul{width:100%;list-style:none;margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.pricing-card ul li{font-size:.85rem;font-weight:500;padding-left:1.5rem;position:relative}.pricing-card ul li:before{content:"\2713";position:absolute;left:0;color:var(--success);font-weight:700}.pricing-banner{position:absolute;top:-2rem;width:100%;min-height:2rem;border-radius:var(--radius) var(--radius) 0 0;background:var(--primary);display:flex;justify-content:center;align-items:center;color:white;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.pricing-card .btn{width:100%;margin-top:auto}.progress-bar{height:.5rem;background:var(--bg-input);border-radius:.25rem;overflow:hidden}.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:.25rem;transition:width .3s}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-card{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}