@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";:root{--color-primary: #19A8CA;--color-primary-light: #65D9E5;--color-primary-dark: #117a94;--color-primary-glow: rgba(25, 168, 202, .25);--color-primary-subtle: rgba(25, 168, 202, .08);--color-white: #F4F4F4;--color-gray: #909090;--color-gray-light: #b8b8b8;--color-gray-dark: #606060;--color-black: #000000;--bg-base: #080c10;--bg-surface: #0d1318;--bg-card: #111820;--bg-card-hover: #162030;--bg-elevated: #1a2535;--border-subtle: rgba(25, 168, 202, .12);--border-medium: rgba(25, 168, 202, .25);--border-strong: rgba(25, 168, 202, .45);--text-primary: #F4F4F4;--text-secondary: #a0b4c0;--text-muted: #637080;--text-accent: #19A8CA;--text-accent-light: #65D9E5;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(25, 168, 202, .2);--shadow-glow-strong: 0 0 40px rgba(25, 168, 202, .35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}.font-display{font-weight:700;letter-spacing:-.03em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.01em;transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 16px #19a8ca4d}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 6px 24px #19a8ca73;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-card-hover)}.btn-danger{background:#dc323226;color:#ff6b6b;border:1px solid rgba(220,50,50,.25)}.btn-danger:hover{background:#dc323240}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem;border-radius:var(--radius-lg)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.card-glass{background:#111820b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.page-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;padding:var(--space-8);min-height:100vh}@media(max-width:768px){.main-content{margin-left:0;padding:var(--space-4);padding-top:calc(var(--space-4) + 60px)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-active{background:#19a8ca26;color:var(--color-primary-light);border:1px solid rgba(25,168,202,.3)}.badge-inactive{background:#90909026;color:var(--color-gray-light);border:1px solid rgba(144,144,144,.2)}.badge-online{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.input-field{width:100%;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.9rem;transition:all var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.input-field::placeholder{color:var(--text-muted)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #19a8ca33}50%{box-shadow:0 0 30px #19a8ca80}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.divider{height:1px;background:var(--border-subtle);margin:var(--space-6) 0}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.stat-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.data-table td{padding:var(--space-3) var(--space-4);font-size:.88rem;color:var(--text-secondary);border-bottom:1px solid rgba(25,168,202,.05);transition:background var(--transition-fast)}.data-table tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.mt-auto{margin-top:auto}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid{display:grid}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-active{background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:pulse-dot 2s ease-in-out infinite}.dot-inactive{background:var(--color-gray)}.navbar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;z-index:100;transition:transform var(--transition-normal)}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--border-subtle)}.navbar-logo-icon{width:40px;height:40px;background:var(--color-primary-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar-logo-text{display:flex;flex-direction:column}.navbar-brand{font-size:.9rem;font-weight:800;letter-spacing:.12em;color:var(--text-accent-light);line-height:1}.navbar-product{font-size:.68rem;color:var(--text-muted);letter-spacing:.06em;font-weight:500}.navbar-nav{flex:1;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.navbar-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700;padding:0 var(--space-3);margin-bottom:var(--space-2)}.navbar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:all var(--transition-fast);position:relative;text-decoration:none}.navbar-item:hover{color:var(--text-primary);background:var(--color-primary-subtle)}.navbar-item-active{color:var(--color-primary-light)!important;background:var(--color-primary-subtle)!important;border:1px solid var(--border-subtle)}.navbar-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;box-shadow:0 0 8px var(--color-primary)}.navbar-item-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.navbar-item-label{flex:1}.navbar-admin-badge{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#19a8ca26;border:1px solid rgba(25,168,202,.25);color:var(--color-primary);border-radius:100px;padding:2px 7px;flex-shrink:0}.navbar-footer{padding:var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}.navbar-user{flex:1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.navbar-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-medium);object-fit:cover;flex-shrink:0}.navbar-avatar-fallback{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.navbar-user-info{display:flex;flex-direction:column;min-width:0}.navbar-user-name{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-user-email{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-signout{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0}.navbar-signout:hover{color:#ff6b6b;background:#dc32321a}.navbar-mobile-toggle{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;width:40px;height:40px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);align-items:center;justify-content:center;color:var(--text-primary)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-base);color:var(--text-muted);font-size:.9rem}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.navbar{transform:translate(-100%)}.navbar.open{transform:translate(0)}.navbar-mobile-toggle{display:flex}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-base);padding:var(--space-6)}.login-bg{position:absolute;inset:0;pointer-events:none}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(80px)}.login-bg-orb-1{width:500px;height:500px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(25,168,202,.12) 0%,transparent 70%);animation:glow-pulse 6s ease-in-out infinite}.login-bg-orb-2{width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(101,217,229,.08) 0%,transparent 70%);animation:glow-pulse 8s ease-in-out infinite reverse}.login-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(25,168,202,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(25,168,202,.04) 1px,transparent 1px);background-size:40px 40px}.login-card{position:relative;width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-lg),0 0 60px #19a8ca14;display:flex;flex-direction:column;gap:var(--space-6)}.login-logo{display:flex;align-items:center;gap:var(--space-4);justify-content:center}.login-logo-icon{width:60px;height:60px;background:var(--color-primary-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.login-brand{font-size:1.6rem;font-weight:800;letter-spacing:.15em;color:var(--text-accent-light);line-height:1;margin:0}.login-tagline{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em;font-weight:500;margin-top:2px}.login-heading{text-align:center}.login-heading h2{font-size:1.4rem;color:var(--text-primary);font-weight:700;margin-bottom:var(--space-2)}.login-heading p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.login-divider{display:flex;align-items:center;gap:var(--space-4)}.login-divider span:not(.login-divider-text){flex:1;height:1px;background:var(--border-subtle)}.login-divider-text{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.01em}.btn-google:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:0 4px 16px #19a8ca26;transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.btn-google:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-note{text-align:center;font-size:.75rem;color:var(--text-muted);font-style:italic;line-height:1.5}.login-error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.85rem;text-align:center;margin-bottom:var(--space-2)}.login-form{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-6) 0}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.login-error-msg{padding:var(--space-3);background:#dc32321a;border:1px solid rgba(220,50,50,.2);border-radius:var(--radius-md);color:#ff6b6b;font-size:.85rem;text-align:center}.login-footer{display:flex;justify-content:center;gap:var(--space-2);font-size:.9rem;color:var(--text-muted);margin-top:var(--space-6)}.login-link{color:var(--color-primary-light);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.success-icon{display:flex;justify-content:center;margin-bottom:var(--space-4)}.auth-callback{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-base);text-align:center}.auth-callback-spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.auth-callback h2{font-size:1.4rem;color:var(--text-primary)}.auth-callback p{color:var(--text-muted);font-size:.9rem}.dashboard{max-width:1100px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.dashboard-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.dashboard-title-accent{color:var(--color-primary-light)}.dashboard-subtitle{font-size:.9rem;color:var(--text-muted)}.dashboard-date{font-size:.8rem;color:var(--text-muted);text-transform:capitalize;background:var(--bg-card);border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);white-space:nowrap}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-primary{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid rgba(25,168,202,.2)}.stat-icon-green{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.stat-icon-secondary{background:#9090901a;color:var(--color-gray-light);border:1px solid rgba(144,144,144,.2)}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.dashboard-section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.machine-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);color:inherit;text-decoration:none;border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.machine-row:last-child{border-bottom:none}.machine-row:hover{background:var(--bg-card-hover)}.machine-row:hover .machine-row-arrow{color:var(--color-primary);transform:translate(3px)}.machine-row-icon{width:40px;height:40px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.machine-row-info{flex:1;min-width:0}.machine-row-name{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-row-meta{display:block;font-size:.78rem;color:var(--text-muted);margin-top:2px}.machine-row-status{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.machine-row-status-text{font-size:.78rem;color:var(--text-muted);font-weight:500}.machine-row-status-text.active{color:#4ade80}.machine-row-arrow{color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.machines-loading{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.machine-row-skeleton{display:flex;align-items:center;gap:var(--space-4)}.dashboard-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);color:#ff6b6b;font-size:.88rem}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);color:var(--text-muted);font-size:.9rem}.productivity-section{margin-bottom:var(--space-6)}.prod-loading,.prod-empty{padding:var(--space-5) var(--space-6);color:var(--text-muted);font-size:.85rem}.prod-body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.prod-bar{display:flex;height:10px;border-radius:var(--radius-full);overflow:hidden;gap:2px}.prod-bar-seg{transition:width var(--transition-normal);border-radius:2px}.prod-bar-productive{background:#22c55e}.prod-bar-neutral{background:#94a3b8}.prod-bar-unproductive{background:#ef4444}.prod-bar-unknown{background:#eab308;opacity:.6}.prod-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.prod-metric{display:flex;align-items:flex-start;gap:var(--space-2)}.prod-metric-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.prod-dot-productive{background:#22c55e}.prod-dot-neutral{background:#94a3b8}.prod-dot-unproductive{background:#ef4444}.prod-dot-unknown{background:#eab308}.prod-metric-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.prod-metric-label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.prod-metric-pct{color:var(--color-primary-light);font-weight:600}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}.prod-metrics{grid-template-columns:repeat(2,1fr)}}.machines-page{max-width:1100px}.machines-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.machines-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.machines-subtitle{font-size:.88rem;color:var(--text-muted)}.machines-header-actions{display:flex;align-items:center;gap:var(--space-3)}.search-box{position:relative;display:flex;align-items:center}.search-box>svg{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.search-input{padding-left:calc(var(--space-3) + 20px);width:240px}.machines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.machine-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);text-decoration:none;color:inherit;transition:all var(--transition-normal);position:relative;overflow:hidden}.machine-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity var(--transition-normal)}.machine-card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.machine-card:hover:before{opacity:1}.machine-card-top{display:flex;align-items:center;justify-content:space-between}.machine-icon{width:48px;height:48px;background:var(--color-primary-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.machine-card-body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.machine-name{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.machine-id{font-size:.72rem;color:var(--text-muted);font-family:monospace;letter-spacing:.02em}.machine-meta{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.machine-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.78rem;color:var(--text-muted)}.machine-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--color-primary)}.machine-view-link{font-size:.82rem;font-weight:600;color:var(--color-primary)}.machine-card-skeleton{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;gap:var(--space-4)}.machines-error{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:#dc323212;border:1px solid rgba(220,50,50,.2);border-radius:var(--radius-lg);color:#ff6b6b}.machines-error p{font-size:.85rem;margin-top:var(--space-1);opacity:.8}.machines-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-20) var(--space-6);color:var(--text-muted);text-align:center}.machines-empty h3{font-size:1.1rem;color:var(--text-secondary)}.machines-empty p{font-size:.85rem;max-width:320px}@media(max-width:768px){.machines-grid{grid-template-columns:1fr}.search-input{width:180px}}.machine-details{max-width:1100px}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:.85rem;color:var(--text-muted)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary-light)}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.machine-info-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.machine-info-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.machine-info-icon{width:56px;height:56px;background:var(--color-primary-subtle);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.machine-info-title{flex:1;min-width:0}.machine-info-title h1{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.machine-code-id{font-size:.75rem;color:var(--text-muted);font-family:monospace;letter-spacing:.02em;background:var(--bg-elevated);padding:2px var(--space-2);border-radius:var(--radius-sm)}.machine-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.machine-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.machine-info-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.machine-info-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.segments-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.segments-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--space-4)}.segments-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.segments-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:var(--space-1)}.segments-filters{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.segments-table-wrapper{overflow-x:auto}.seg-window{display:flex;flex-direction:column;gap:2px;max-width:360px}.seg-title{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.seg-app{font-size:.72rem;color:var(--color-primary);font-weight:500}.seg-time{white-space:nowrap;font-size:.82rem;color:var(--text-muted)}.seg-dur,.seg-idle{font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.score-bar-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:80px}.score-bar{flex:1;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width var(--transition-normal)}.score-label{font-size:.75rem;color:var(--text-muted);font-weight:600;min-width:24px;text-align:right}.segments-empty-row{text-align:center;padding:var(--space-10)!important;color:var(--text-muted);font-size:.88rem}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle)}.pagination-info{font-size:.85rem;color:var(--text-muted)}.machine-details-skeleton{padding:var(--space-4)}.label-cell{display:flex;align-items:center;gap:4px}.source-chip{display:inline-block;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-sm);letter-spacing:.04em;cursor:default;white-space:nowrap}.source-rule{background:#94a3b826;color:var(--text-muted)}.source-history-exact,.source-history-pattern{background:#3b82f61f;color:#3b82f6}.source-ai{background:#8b5cf61f;color:#8b5cf6}.source-manual{background:#eab3081f;color:#ca8a04}.label-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.label-productive{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.label-neutral{background:#94a3b81f;color:var(--text-muted);border:1px solid var(--border-subtle)}.label-unproductive{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.label-unknown{background:#eab3081f;color:#ca8a04;border:1px solid rgba(234,179,8,.25)}@media(max-width:768px){.machine-info-grid{grid-template-columns:1fr 1fr}.segments-filters{width:100%}}.lobby-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d1117,#0f1a22,#0a1520);font-family:DM Sans,sans-serif;padding:24px}.lobby-card{background:#ffffff0a;border:1px solid rgba(101,217,229,.12);border-radius:20px;padding:48px 40px;max-width:460px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 60px #19a8ca0f,0 20px 40px #0006;text-align:center}.lobby-logo{display:flex;align-items:center;gap:10px;margin-bottom:4px}.lobby-brand{font-size:18px;font-weight:700;color:#f4f4f4;letter-spacing:.05em}.lobby-brand span{color:#65d9e5;font-weight:400}.lobby-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:4px 0}.lobby-icon-pulse{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(25,168,202,.18) 0%,transparent 70%);animation:lobby-pulse 2.4s ease-in-out infinite}@keyframes lobby-pulse{0%,to{transform:scale(.85);opacity:.5}50%{transform:scale(1.15);opacity:1}}.lobby-icon{position:relative;width:72px;height:72px;background:#19a8ca14;border:1px solid rgba(25,168,202,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.lobby-title{font-size:26px;font-weight:700;color:#f4f4f4;margin:0;letter-spacing:-.02em}.lobby-message{font-size:15px;color:#909090;line-height:1.7;margin:0;max-width:340px}.lobby-status-badge{display:flex;align-items:center;gap:8px;background:#19a8ca1a;border:1px solid rgba(25,168,202,.25);border-radius:100px;padding:6px 16px;font-size:13px;font-weight:500;color:#65d9e5}.lobby-status-dot{width:7px;height:7px;border-radius:50%;background:#19a8ca;animation:lobby-blink 1.6s ease-in-out infinite}@keyframes lobby-blink{0%,to{opacity:1}50%{opacity:.25}}.lobby-user-info{font-size:14px;color:#666;margin:0}.lobby-user-info strong{color:#909090}.lobby-sub{font-size:13px;color:#555;line-height:1.6;margin:0;max-width:320px}.lobby-actions{display:flex;gap:12px;margin-top:8px;align-items:center}.lobby-btn-refresh{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#19a8ca,#65d9e5);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s;font-family:DM Sans,sans-serif}.lobby-btn-refresh:hover{opacity:.85;transform:translateY(-1px)}.lobby-btn-signout{background:transparent;color:#555;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 20px;font-size:14px;cursor:pointer;transition:color .2s,border-color .2s;font-family:DM Sans,sans-serif}.lobby-btn-signout:hover{color:#909090;border-color:#ffffff26}.ar-page{padding:32px 36px;font-family:DM Sans,sans-serif;max-width:1000px;position:relative}.ar-toast{position:fixed;bottom:28px;right:28px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:500;z-index:9999;animation:toast-in .3s ease;box-shadow:0 8px 24px #0000004d}.ar-toast--success{background:#19a8ca26;border:1px solid rgba(25,168,202,.3);color:#65d9e5}.ar-toast--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.ar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.ar-title{font-size:24px;font-weight:700;color:#f4f4f4;margin:0 0 4px;letter-spacing:-.02em}.ar-subtitle{font-size:14px;color:#555;margin:0}.ar-btn-refresh{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;color:#909090;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0}.ar-btn-refresh:hover{background:#19a8ca1a;color:#65d9e5}.ar-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ar-filter-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.ar-filter-btn:hover{background:#19a8ca14;color:#65d9e5;border-color:#19a8ca33}.ar-filter-btn--active{background:#19a8ca1f;border-color:#19a8ca4d;color:#65d9e5}.ar-table-wrapper{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}.ar-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;color:#444;font-size:14px}.ar-table{width:100%;border-collapse:collapse}.ar-table thead tr{border-bottom:1px solid rgba(255,255,255,.06)}.ar-table th{padding:14px 20px;text-align:left;font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.06em}.ar-table td{padding:14px 20px;font-size:14px;color:#b0b0b0;vertical-align:middle}.ar-row{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.ar-row:last-child{border-bottom:none}.ar-row:hover{background:#19a8ca08}.ar-user-cell{display:flex;align-items:center;gap:12px}.ar-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#19a8ca,#65d9e5);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#0d1117;flex-shrink:0}.ar-user-name{font-weight:500;color:#d0d0d0}.ar-badge{display:inline-flex;align-items:center;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500}.badge-pending{background:#eab3081f;border:1px solid rgba(234,179,8,.25);color:#facc15}.badge-approved{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#4ade80}.badge-rejected{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171}.badge-admin{background:#19a8ca1f;border:1px solid rgba(25,168,202,.25);color:#65d9e5}.badge-user{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#666}.ar-date{color:#555!important;font-size:13px!important}.ar-actions{display:flex;gap:8px}.ar-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid;transition:opacity .2s,transform .15s;font-family:DM Sans,sans-serif}.ar-btn:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.ar-btn:disabled{opacity:.4;cursor:not-allowed}.ar-btn--approve{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.ar-btn--reject{background:#ef444414;border-color:#ef444440;color:#f87171}.ar-nav-tabs{display:flex;gap:4px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:0}.ar-nav-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:#555;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;font-family:DM Sans,sans-serif;position:relative;bottom:-1px;white-space:nowrap}.ar-nav-tab:hover{color:#b0b0b0}.ar-nav-tab--active{color:#65d9e5;border-bottom-color:#19a8ca}.ar-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ar-section-header h2{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.ar-count{font-size:12px;background:#19a8ca1f;border:1px solid rgba(25,168,202,.2);color:#65d9e5;border-radius:100px;padding:3px 10px}.ar-subtitle-small{font-size:13px;color:#555;margin:0}.ar-section{animation:fade-in-up .2s ease}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ar-avatar--machine{background:#ffffff12;font-size:16px}.ar-user-id{display:block;font-size:11px;color:#444;margin-top:2px}.ar-muted{color:#444;font-size:13px}.badge-machine{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;margin-right:4px;font-size:11px}.ar-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;font-size:13px;color:silver;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .2s;min-width:180px}.ar-select:focus{outline:none;border-color:#19a8ca66}.ar-select:disabled{opacity:.4;cursor:not-allowed}.ar-add-link-panel{background:#19a8ca0a;border:1px solid rgba(25,168,202,.12);border-radius:16px;padding:20px 24px}.ar-add-link-title{font-size:14px;font-weight:600;color:#888;margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em}.ar-add-link-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.ar-add-link-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.ar-add-link-field label{font-size:12px;color:#555;font-weight:500}.ar-add-link-arrow{font-size:20px;color:#444;padding-bottom:8px;flex-shrink:0}.ar-arrow{color:#444;font-size:18px;text-align:center}.rules-page{display:flex;flex-direction:column;gap:24px}.rules-header{display:flex;justify-content:space-between;align-items:flex-start}.rules-title{font-size:24px;font-weight:700;color:var(--text-heading);margin-bottom:4px}.rules-subtitle{color:var(--text-muted);font-size:14px}.reclassify-btn{background-color:#6366f1;border-color:#6366f1}.reclassify-btn:hover:not(:disabled){background-color:#4f46e5}.rules-alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.rules-alert-error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.rules-alert-success{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.rules-form-card,.rules-list-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.rules-form-card h2{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-heading)}.rules-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-muted);font-weight:500}.form-submit{margin-bottom:2px}.rule-inactive td{opacity:.5}.rule-match-cell code{background-color:#ffffff0d;padding:2px 6px;border-radius:4px;color:#65d9e5;font-family:monospace;font-size:13px}.toggle-btn{border:none;background:transparent;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.toggle-on{color:#10b981;background-color:#10b9811a}.toggle-off{color:#94a3b8;background-color:#94a3b81a}.btn-danger{color:#ef4444!important}.btn-danger:hover{background-color:#ef44441a!important}.hourly-chart,.weekly-chart,.monthly-chart{display:flex;flex-direction:column}.insights-list{display:flex;flex-direction:column;gap:var(--space-3)}.insight-card{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);align-items:flex-start}.insight-card--warning{background:#f59e0b12;border:1px solid rgba(245,158,11,.18)}.insight-card--info{background:#19a8ca12;border:1px solid rgba(25,168,202,.18)}.insight-icon{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.insight-card--warning .insight-icon{background:#f59e0b24;color:#f59e0b}.insight-card--info .insight-icon{background:#19a8ca24;color:var(--color-primary)}.insight-content{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.insight-message{font-size:.875rem;color:var(--text-secondary);line-height:1.55}.insight-time{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;padding:2px var(--space-3);border-radius:var(--radius-full);width:fit-content}.insight-card--warning .insight-time{background:#f59e0b1f;color:#fbbf24}.insight-card--info .insight-time{background:#19a8ca1f;color:var(--color-primary-light)}.classif-pie-chart{display:flex;flex-direction:column;height:100%}.pie-svg{width:65%;max-height:250px;margin:10px auto;display:block;overflow:visible}.pie-slice{transition:opacity .2s ease;cursor:pointer}.pie-slice:hover{opacity:1}.pie-hole{fill:#1e2430}.trend-chart{display:flex;flex-direction:column;height:100%}.analytics{max-width:1200px}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8)}.analytics-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.analytics-title-accent{color:var(--color-primary-light)}.analytics-subtitle{font-size:.9rem;color:var(--text-muted)}.analytics-filters{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.analytics-filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.analytics-filter-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.analytics-select{min-width:200px}.analytics-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:#ff6b6b;font-size:.88rem;margin-bottom:var(--space-6)}.analytics-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted);font-size:.9rem}.analytics-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.analytics-chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);overflow:hidden;margin-bottom:var(--space-6)}.analytics-charts-grid .analytics-chart-card{margin-bottom:0}.analytics-chart-full{grid-column:1 / -1}.analytics-chart-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.analytics-chart-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.analytics-chart-subtitle{font-size:.78rem;color:var(--text-muted)}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--text-muted);font-size:.88rem}.chart-info-bar{min-height:22px;font-size:.82rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.chart-info-highlight{color:var(--text-primary);font-weight:600}.chart-info-sep{margin:0 var(--space-2);color:var(--text-muted)}.chart-info-count{margin-left:var(--space-2);color:var(--text-muted)}.chart-info-hint{color:var(--text-muted);font-style:italic}.chart-info-muted{color:var(--text-muted)}.chart-score{margin-left:var(--space-1)}.chart-score--good{color:#19a8ca}.chart-score--mid{color:#f59e0b}.chart-score--low{color:#ef4444}@media(max-width:768px){.analytics-charts-grid{grid-template-columns:1fr}.analytics-filters{flex-direction:column}.analytics-select{min-width:unset;width:100%}}