@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary-accent:#bc50da;--bg-1:#1a1025;--bg-2:#2d1f47;--bg-3:#3b2667;--text:#fff;--text-muted:#ffffffa6;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--danger:#ff5470;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 50%, var(--bg-3) 100%);color:var(--text);background-attachment:fixed;min-height:100vh;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:var(--primary-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.loading-screen,.page-loading{min-height:60vh;color:var(--text-muted);place-items:center;gap:12px;display:grid}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:440px;padding:36px 28px;box-shadow:0 30px 80px #00000059}.login-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-brand h1{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.45rem}.brand-dot{background:var(--primary-accent);width:12px;height:12px;box-shadow:0 0 16px var(--primary-accent);border-radius:50%}.login-lede{color:var(--text-muted);margin:0 0 24px;font-size:.95rem;line-height:1.5}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{color:var(--text-muted);font-size:.85rem}.input-wrap{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex}.input-wrap:focus-within{border-color:var(--primary-accent)}.input-wrap input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:1rem}.btn-primary{background:var(--primary-accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary:disabled{opacity:.65;cursor:wait}.btn-secondary{color:var(--text);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.9rem;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a}.btn-link{color:var(--primary-accent);cursor:pointer;background:0 0;border:0;padding:8px;font-family:inherit;font-size:.9rem}.btn-link:hover{text-decoration:underline}.login-sent{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex}.login-sent h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.login-sent p{color:var(--text-muted);margin:0;font-size:.9rem}.login-error{color:var(--danger);margin:4px 0 0;font-size:.85rem}.login-foot{color:var(--text-muted);text-align:center;margin:22px 0 0;font-size:.8rem}.layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);background:#0000002e;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;margin-bottom:14px;padding:6px 8px 22px;display:flex}.sidebar-brand strong{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.1rem;display:block}.sidebar-brand small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{color:var(--text);background:#bc50da26;font-weight:500}.sidebar-footer{border-top:1px solid var(--glass-border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.admin-badge{color:var(--primary-accent);letter-spacing:.04em;text-transform:uppercase;background:#bc50da2e;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge-large{padding:6px 14px;font-size:.85rem}.sidebar-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:.8rem;overflow:hidden}.btn-signout{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:background .2s,color .2s;display:flex}.btn-signout:hover{color:var(--danger);border-color:var(--danger);background:#ff50701a}.main{width:100%;max-width:1280px;padding:36px 40px 80px}.mobile-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:50;background:#000000d9;padding:8px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-link{color:var(--text-muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:.7rem;text-decoration:none;display:flex}.mobile-link.active{color:var(--primary-accent);background:#bc50da26}@media (width<=880px){.layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.main{padding:24px 16px 96px}}@media (width<=520px){.page{gap:20px}.card{border-radius:14px;padding:16px 14px 12px}.page-header p{font-size:.88rem}.filter-summary{font-size:.78rem}}.page{flex-direction:column;gap:28px;display:flex}.page-header h1{letter-spacing:-.02em;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,4vw,2.1rem)}.page-header p{color:var(--text-muted);margin:0}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}@media (width<=520px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{gap:10px;padding:14px}.kpi-icon{width:38px;height:38px}.kpi-value{font-size:1.2rem}.kpi-label{font-size:.7rem}}.kpi-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;align-items:center;gap:14px;padding:18px;transition:transform .15s,border-color .2s;display:flex}.kpi-card:hover{border-color:#fff3;transform:translateY(-2px)}.kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.kpi-body{flex-direction:column;display:flex}.kpi-value{font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:600;line-height:1.1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.kpi-purple .kpi-icon{color:#d484f5;background:#bc50da2e}.kpi-blue .kpi-icon{color:#79b4ff;background:#50a0ff2e}.kpi-green .kpi-icon{color:#6cd9a8;background:#50daa02e}.kpi-amber .kpi-icon{color:#ffc578;background:#ffb4502e}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:22px 22px 18px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-header h2{letter-spacing:-.01em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.card-link{color:var(--primary-accent);align-items:center;gap:4px;font-size:.85rem;text-decoration:none;display:inline-flex}.card-link:hover{text-decoration:underline}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=720px){.two-col{grid-template-columns:1fr}}.table-wrap{margin:-4px;padding:4px;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;font-size:.9rem}@media (width<=640px){.table-wrap{margin:0;padding:0;overflow-x:visible}.data-table{width:100%;min-width:0;display:block}.data-table thead{display:none}.data-table tbody{display:block}.data-table tr{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:10px;padding:12px 14px;display:block}.data-table tr:hover{background:#ffffff0d}.data-table td{text-align:right;border-bottom:1px solid #ffffff0d;grid-template-columns:max-content 1fr;align-items:baseline;gap:12px;padding:8px 0;display:grid}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;grid-column:1;font-size:.72rem;font-weight:500}.data-table td>*{text-align:right;grid-column:2}.data-table td strong{font-size:.92rem;display:block}.data-table td small{margin-top:2px;font-size:.74rem;display:block}}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding:8px 10px;font-size:.75rem;font-weight:500}.data-table td{vertical-align:top;border-bottom:1px solid #ffffff0d;padding:10px}.data-table tbody tr:hover{background:#ffffff08}.data-table td small{font-size:.78rem;display:block}.muted{color:var(--text-muted)}.service-list,.llc-list,.notif-list,.doc-list,.client-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.service-row,.llc-row,.doc-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.service-row small,.llc-row small,.doc-row small{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.due{color:var(--text-muted);font-size:.85rem}.doc-row{padding:12px 14px}.doc-info{align-items:center;gap:12px;display:flex}.notif-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px 14px}.notif-row p{color:var(--text-muted);margin:4px 0;font-size:.9rem}.notif-row small{color:var(--text-muted);font-size:.75rem}.client-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.avatar{width:36px;height:36px;color:var(--text);background:#bc50da40;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.client-info{flex:1;min-width:0}.client-info strong{display:block}.client-info small{color:var(--text-muted);font-size:.8rem;display:block}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge-pending{color:#ffc578;background:#ffb45026;border-color:#ffb4504d}.badge-active{color:#79b4ff;background:#50a0ff26;border-color:#50a0ff4d}.badge-completed{color:#6cd9a8;background:#50daa026;border-color:#50daa04d}.badge-cancelled{color:var(--danger);background:#ff547026;border-color:#ff54704d}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:24px 12px;display:flex}.empty-state h3{color:var(--text);margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.empty-state p{max-width:340px;margin:0}.empty-state .btn-primary{margin-top:8px}.search-bar{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.search-bar input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:.95rem}.filters-bar{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:background .2s,color .2s}.chip-active{color:var(--text);background:#bc50da33;border-color:#bc50da80}.filter-summary{color:var(--text-muted);font-size:.85rem}.stat-rows{flex-direction:column;gap:8px;display:flex}.stat-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;display:flex}.stat-row strong{font-family:Space Grotesk,sans-serif;font-size:1.05rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.catalog-card{border:1px solid var(--glass-border);color:var(--text);background:#ffffff0a;border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:transform .15s,border-color .2s;display:flex;position:relative}.catalog-card:hover{border-color:var(--primary-accent);transform:translateY(-2px)}.catalog-card strong{font-size:.95rem}.catalog-card span{color:var(--primary-accent);font-size:.85rem;font-weight:600}.catalog-icon{color:var(--text-muted);position:absolute;top:12px;right:12px}.profile-form{flex-direction:column;gap:14px;display:flex}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-field label{color:var(--text-muted);font-size:.82rem}.profile-field input{border:1px solid var(--glass-border);color:var(--text);background:#ffffff0a;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.95rem}.profile-field input:disabled{opacity:.5;cursor:not-allowed}.profile-field input:focus{border-color:var(--primary-accent);outline:none}.profile-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.msg-ok{color:#6cd9a8;font-size:.85rem}.msg-error{color:var(--danger);font-size:.85rem}.status-overall{margin-bottom:4px}.status-overall-card{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.status-overall-card.status-ok{background:#50daa014;border-color:#50daa059}.status-overall-card.status-warn{background:#ffb45014;border-color:#ffb45066}.status-overall-card.status-down{background:#ff547014;border-color:#ff547073}.status-overall-left{align-items:center;gap:14px;display:flex}.status-overall-left strong{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:1.05rem;display:block}.status-overall-left small{color:var(--text-muted);font-size:.82rem}.status-overall-right{align-items:center;gap:12px;display:flex}.btn-refresh{border:1px solid var(--glass-border);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:background .15s;display:inline-flex}.btn-refresh:hover:not(:disabled){background:#ffffff1a}.btn-refresh:disabled{opacity:.6;cursor:progress}.status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 3px #ffffff0a}.status-dot-lg{width:16px;height:16px}.dot-ok{background:#6cd9a8;box-shadow:0 0 0 4px #6cd9a82e,0 0 10px #6cd9a880}.dot-warn{background:#ffc578;box-shadow:0 0 0 4px #ffc5782e,0 0 10px #ffc57880}.dot-down{background:#ff5470;animation:1.4s ease-in-out infinite pulseDown;box-shadow:0 0 0 4px #ff547033,0 0 10px #ff54708c}.dot-loading{background:#ffffff40;animation:1s ease-in-out infinite pulseLoad}@keyframes pulseDown{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes pulseLoad{0%,to{opacity:.35}50%{opacity:.9}}.status-groups{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.status-group-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;flex-direction:column;padding:18px 18px 14px;display:flex}.status-group-purple{border-top:2px solid #bc50da8c}.status-group-blue{border-top:2px solid #50a0ff8c}.status-group-amber{border-top:2px solid #ffb4508c}.status-group-green{border-top:2px solid #50daa08c}.status-group-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.status-group-title{align-items:center;gap:12px;min-width:0;display:flex}.status-group-title strong{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:1.05rem;display:block}.status-group-title small{color:var(--text-muted);margin-top:1px;font-size:.76rem;display:block}.status-group-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.status-group-icon-purple{color:#d484f5;background:#bc50da2e}.status-group-icon-blue{color:#79b4ff;background:#50a0ff2e}.status-group-icon-amber{color:#ffc578;background:#ffb4502e}.status-group-icon-green{color:#6cd9a8;background:#50daa02e}.status-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.status-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;display:flex}.status-row:last-child{border-bottom:none}.status-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.status-row-text{min-width:0}.status-row-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;display:block;overflow:hidden}.status-row-text small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.status-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.latency-pill{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0f;border-radius:999px;padding:3px 8px;font-family:Space Grotesk,sans-serif;font-size:.7rem}.status-foot{margin-top:10px;font-size:.78rem;line-height:1.5}@media (width<=420px){.status-group-card{padding:14px 14px 10px}.status-row-text strong{font-size:.88rem}.status-row-text small{font-size:.72rem}}