body{font-family:Inter,sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.status-pill{@apply flex items-center gap-1 px-2 py-0.5 rounded text-xs font-semibold;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary: #6366f1;--primary-hover: #4f46e5;--accent: #a855f7;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}.glass-morphism{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:1rem}.login-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem}.login-card{width:100%;max-width:420px;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.login-header{text-align:center}.logo-container{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:1rem;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;box-shadow:0 10px 20px -5px #6366f180}.logo-icon{color:#fff}.login-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-header h1 span{font-weight:400;color:var(--text-muted)}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-muted);margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);transition:color .3s ease}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.8rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:.8rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.input-wrapper input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 4px #6366f11a}.input-wrapper input:focus+.input-icon{color:var(--primary)}.error-message{color:var(--error);font-size:.85rem;background:#ef44441a;padding:.75rem;border-radius:.6rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.login-button{margin-top:.5rem;padding:.85rem;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:.8rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #6366f166;filter:brightness(1.1)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.btn-icon{transition:transform .3s ease}.login-button:hover .btn-icon{transform:translate(3px)}.login-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.footer-icon{color:#10b981}.dashboard-container{display:flex;width:100vw;height:100vh;background:var(--bg-dark)}.sidebar{width:260px;height:100%;padding:2rem 1rem;display:flex;flex-direction:column;gap:2.5rem;border-radius:0;border-right:1px solid var(--glass-border)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:0 1rem;font-weight:700;font-size:1.25rem;color:var(--primary)}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;flex:1}.menu-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.menu-item:hover{background:#ffffff0d;color:#fff}.menu-item.active{background:#6366f11a;color:var(--primary)}.logout-btn{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:.8rem;transition:all .2s ease}.logout-btn:hover{background:#ef44441a;color:var(--error)}.dashboard-content{flex:1;padding:2.5rem;overflow-y:auto}.dashboard-content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-title h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.subtitle{color:var(--text-muted);font-size:.9rem}.user-info{display:flex;align-items:center;gap:1rem}.info-text{display:flex;flex-direction:column;align-items:flex-end}.info-text .name{font-weight:600;font-size:.95rem}.info-text .role{font-size:.75rem;color:var(--primary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-card h3{font-size:.9rem;color:var(--text-muted);font-weight:500}.stat-card .value{font-size:2.25rem;font-weight:700}.stat-card .value.error{color:var(--error)}.stat-card .value.accent{color:var(--accent)}.stat-card .value.success{color:#10b981}.section{margin-top:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.1rem;font-weight:600}.create-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:.6rem;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.create-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.refresh-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:.5rem;color:var(--text-main);font-size:.85rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#ffffff1a;border-color:var(--primary)}.table-container{overflow-x:auto;min-height:200px}.process-table{width:100%;border-collapse:collapse;text-align:left}.process-table th{padding:1.25rem 1.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--glass-border)}.process-table td{padding:1.25rem 1.5rem;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.02)}.company-info,.system-info{display:flex;flex-direction:column}.code,.system{font-weight:600;color:#fff}.local,.process-name{font-size:.8rem;color:var(--text-muted)}.version-tag{background:#6366f11a;color:var(--primary);padding:.25rem .6rem;border-radius:.4rem;font-size:.8rem;font-weight:500}.time-col{color:var(--text-muted);font-size:.85rem}.status-badge{padding:.4rem .8rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.online{background:#10b9811a;color:#10b981}.status-badge.offline{background:#ef44441a;color:var(--error)}.loader,.error-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1.5rem}.modal-content{width:100%;max-width:480px;padding:2.5rem;border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:modalEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#fff}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1;padding:.85rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:.8rem;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ef44441a;color:var(--error)}input.glass-morphism,select.glass-morphism,.login-form input,.login-form select{width:100%;padding:.85rem 1rem;background:#0003;border:1px solid var(--glass-border);border-radius:.8rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}input.glass-morphism:focus,select.glass-morphism:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px #6366f11a}select option{background:#1e293b;color:#fff;padding:10px}code{background:#6366f11a;color:var(--primary);padding:.2rem .5rem;border-radius:.4rem;font-family:monospace}