:root{--granate: #AA182C;--granate-dark: #350A0E;--granate-hover: #8B1424;--granate-light: #fff5f6;--white: #FFFFFF;--gray-1: #F4F4F5;--gray-2: #D4D4D8;--gray-3: #A1A1AA;--gray-4: #71717A;--text: #18181B;--text-muted: #71717A;--surface: #FAFAFA;--card-bg: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--radius: 14px;--radius-sm: 9px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--gray-1);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}.loading-screen{min-height:100vh;background:var(--granate-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.loading-logo{font-size:2.5rem;font-weight:700;letter-spacing:.25em;color:#fff}.loading-bar{width:200px;height:3px;background:#ffffff1f;border-radius:99px;overflow:hidden}.loading-fill{height:100%;background:var(--granate);border-radius:99px;animation:loadBar 1.4s ease-in-out infinite}@keyframes loadBar{0%{width:0%;margin-left:0}50%{width:65%;margin-left:17.5%}to{width:0%;margin-left:100%}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:var(--granate-dark);display:flex;flex-direction:column;justify-content:space-between;padding:64px;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;top:-120px;right:-120px;width:440px;height:440px;background:var(--granate);border-radius:50%;opacity:.12}.login-brand:after{content:"";position:absolute;bottom:-90px;left:-90px;width:320px;height:320px;background:var(--granate);border-radius:50%;opacity:.08}.login-brand-logo{font-size:1.75rem;font-weight:800;letter-spacing:.22em;color:#fff;position:relative;z-index:1}.login-brand-tagline{position:relative;z-index:1}.login-brand-tagline h1{font-size:2.6rem;font-weight:300;color:#fff;line-height:1.2;margin-bottom:20px}.login-brand-tagline h1 span{font-weight:700}.login-brand-tagline p{color:#ffffff8c;font-size:1rem;line-height:1.65}.login-brand-year{color:#ffffff40;font-size:.8rem;position:relative;z-index:1}.login-form-side{background:#fff;display:flex;align-items:center;justify-content:center;padding:64px;position:relative}.login-lang-wrap{position:absolute;top:24px;right:24px;z-index:2}.login-form-box{width:100%;max-width:380px}.login-form-box h2{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:6px}.login-form-box>p{color:var(--text-muted);margin-bottom:40px;font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:8px}.form-input{width:100%;padding:13px 16px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text);background:var(--gray-1);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);outline:none}.form-input:focus{border-color:var(--granate);background:#fff;box-shadow:0 0 0 3px #aa182c1a}.btn-primary{width:100%;padding:14px;background:var(--granate);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);transition:background var(--transition),transform var(--transition),box-shadow var(--transition);margin-top:8px}.btn-primary:hover{background:var(--granate-hover);transform:translateY(-1px);box-shadow:0 6px 20px #aa182c52}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.login-error{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:20px}.login-info{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:20px}.login-alt-link{margin-top:22px!important;margin-bottom:0!important;text-align:center;font-size:.875rem;color:var(--text-muted)}.login-alt-link a,.login-alt-link .link-button{color:var(--granate);font-weight:600;text-decoration:none;transition:color var(--transition)}.login-alt-link a:hover,.login-alt-link .link-button:hover{color:var(--granate-hover);text-decoration:underline}.link-button{background:none;border:none;padding:0;cursor:pointer;font:inherit}.link-button:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.login-code-input{text-align:center;letter-spacing:.5em;font-size:1.2rem;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{padding:40px 24px}}.navbar{background:var(--granate-dark);padding:0 40px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff0a,0 4px 24px #1e050859}.navbar-logo{font-size:1.2rem;font-weight:800;letter-spacing:.22em;color:#fff}.navbar-logo span{color:var(--granate)}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-btn{padding:7px 16px;border-radius:99px;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:background var(--transition)}.navbar-btn-admin{background:#aa182c38;color:#ffffffe6}.navbar-btn-admin:hover{background:#aa182c61}.navbar-user{display:flex;align-items:center;gap:8px}.navbar-avatar{width:34px;height:34px;background:var(--granate);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.12)}.navbar-username{font-size:.85rem;font-weight:500;color:#fffc}.navbar-logout{background:#ffffff12;color:#ffffffa6;padding:7px 14px;border-radius:99px;font-size:.8rem;font-weight:500;transition:background var(--transition),color var(--transition)}.navbar-logout:hover{background:#ffffff21;color:#fff}.lang-selector{font-size:.8rem;font-weight:600;padding:6px 28px 6px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-2);background:#fff;color:var(--text);cursor:pointer;outline:none;-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' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition),box-shadow var(--transition)}.lang-selector:hover{border-color:var(--granate)}.lang-selector:focus{border-color:var(--granate);box-shadow:0 0 0 3px #aa182c1a}.lang-selector--dark{background-color:#ffffff14;border-color:#ffffff2e;color:#ffffffe6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.7)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.lang-selector--dark:hover{border-color:#ffffff59;background-color:#ffffff1f}.lang-selector--dark:focus{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff14}.lang-selector--dark option{color:var(--text);background:#fff}.dashboard-page{min-height:calc(100vh - 62px);background:var(--gray-1)}.dashboard-header{background:#fff;padding:36px 40px 28px;border-bottom:1px solid var(--gray-2)}.dashboard-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-header h2{font-size:1.6rem;font-weight:700;color:var(--text)}.dashboard-header h2 span{color:var(--granate)}.dashboard-header p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.dashboard-stats{display:flex;gap:12px;flex-shrink:0}.stat-chip{background:var(--granate-light);border:1.5px solid rgba(170,24,44,.12);border-radius:12px;padding:10px 18px;text-align:center;min-width:80px}.stat-chip-muted{background:var(--gray-1);border-color:var(--gray-2)}.stat-value{font-size:1.4rem;font-weight:800;color:var(--granate);line-height:1}.stat-chip-muted .stat-value{color:var(--gray-4)}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:3px}.dashboard-content{padding:36px 40px}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.app-card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);border:1.5px solid transparent;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--granate));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-2)}.app-card:hover:before{transform:scaleX(1)}.app-card-soon{cursor:default;opacity:.7}.app-card-soon:hover{transform:none;box-shadow:var(--shadow-sm)}.app-card-soon:hover:before{transform:scaleX(0)}.app-card-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-card-icon{font-size:1.5rem}.app-card-body{flex:1}.app-card-name{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:5px}.app-card-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5}.app-card-arrow{width:32px;height:32px;background:var(--gray-1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);align-self:flex-end;transition:background var(--transition),color var(--transition),transform var(--transition)}.app-card:hover .app-card-arrow{background:var(--card-accent, var(--granate));color:#fff;transform:translate(2px,-2px)}.app-card-soon-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--gray-1);color:var(--gray-4);align-self:flex-start}.app-card-new-badge{position:absolute;top:12px;right:12px;z-index:2;padding:3px 8px;border-radius:99px;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--granate);box-shadow:0 2px 8px #aa182c59;opacity:1;transition:opacity .3s ease;pointer-events:none;animation:new-badge-pulse 2s ease-in-out infinite}.app-card:hover .app-card-new-badge{opacity:0}@keyframes new-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-card-maintenance{border-color:#f59e0b59}.app-card-maintenance-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#fff7ed;color:#c2410c;align-self:flex-start}.maintenance-modal{max-width:400px;text-align:center;padding:32px 28px}.maintenance-modal-icon{font-size:2.5rem;margin-bottom:12px}.maintenance-modal h3{margin-bottom:10px}.maintenance-modal p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:20px}.app-card-skeleton{height:160px;background:#fff;border-radius:var(--radius);border:1.5px solid var(--gray-2);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text)}.admin-page{display:flex;min-height:calc(100vh - 62px)}.admin-sidebar{width:240px;background:var(--granate-dark);padding:28px 0;flex-shrink:0}.admin-sidebar-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff47;padding:0 20px;margin-bottom:10px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:.875rem;color:#fff9;cursor:pointer;transition:background var(--transition),color var(--transition);border-left:3px solid transparent}.admin-nav-item:hover{background:#ffffff0f;color:#fff}.admin-nav-item.active{background:#aa182c38;color:#fff;border-left-color:var(--granate)}.admin-nav-item span{font-size:1rem}.admin-main{flex:1;padding:40px;background:var(--gray-1);overflow:auto}.admin-section-title{font-size:1.5rem;font-weight:700;margin-bottom:4px}.admin-section-subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:28px}.table-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1.5px solid var(--gray-2)}.table-header{padding:18px 24px;border-bottom:1.5px solid var(--gray-1);display:flex;align-items:center;justify-content:space-between}.table-header h3{font-size:.95rem;font-weight:700}table{width:100%;border-collapse:collapse}thead tr{background:var(--gray-1)}thead th{padding:11px 20px;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);text-align:center}tbody tr{border-bottom:1px solid var(--gray-1);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafafa}tbody td{padding:13px 20px;font-size:.875rem;text-align:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:700}.badge-active{background:#dcfce7;color:#16a34a}.badge-inactive{background:var(--gray-1);color:var(--gray-4)}.role-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:99px;font-size:.72rem;font-weight:700;color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.825rem;font-weight:600;transition:all var(--transition)}.btn-red{background:var(--granate);color:#fff}.btn-red:hover{background:var(--granate-hover);box-shadow:0 4px 14px #aa182c47}.btn-outline{background:#fff;color:var(--text);border:1.5px solid var(--gray-2)}.btn-outline:hover{border-color:var(--granate);color:var(--granate);background:var(--granate-light)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--gray-1);color:var(--text)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#dc2626;color:#fff}.btn-sm{padding:5px 11px;font-size:.775rem}.btn-icon{padding:7px;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.modal-header{padding:24px 28px 0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.05rem;font-weight:700}.modal-close{background:var(--gray-1);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);transition:background var(--transition)}.modal-close:hover{background:var(--gray-2);color:var(--text)}.modal-body{padding:22px 28px}.modal-footer{padding:0 28px 24px;display:flex;justify-content:flex-end;gap:10px}.modal-input{width:100%;padding:10px 14px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);font-size:.875rem;outline:none;background:var(--gray-1);transition:border-color var(--transition),background var(--transition)}.modal-input:focus{border-color:var(--granate);background:#fff}.modal-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);display:block;margin-bottom:6px}.modal-field{margin-bottom:16px}.perm-grid{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.perm-item{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);transition:border-color var(--transition)}.perm-item.granted{border-color:var(--granate);background:var(--granate-light)}.perm-item-info{display:flex;align-items:center;gap:10px;font-size:.875rem}.toggle{width:42px;height:23px;background:var(--gray-2);border-radius:99px;position:relative;cursor:pointer;transition:background var(--transition);border:none;flex-shrink:0}.toggle.on{background:var(--granate)}.toggle.on.maintenance-on{background:#ea580c}.toggle:after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition);box-shadow:0 1px 4px #0000002e}.toggle.on:after{transform:translate(19px)}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:30px;height:30px;background:var(--granate);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}.actions-cell{display:flex;gap:5px;align-items:center;justify-content:center}.select-input{padding:8px 12px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);font-size:.85rem;outline:none;background:#fff;cursor:pointer}.select-input:focus{border-color:var(--granate)}.divider{height:1px;background:var(--gray-1);margin:24px 0}.text-red{color:var(--granate)}.fw-600{font-weight:600}.metrics-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}.metrics-toolbar-text{flex:1;min-width:220px}.metrics-toolbar-text .admin-section-subtitle{margin-bottom:0}.metrics-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;margin-bottom:0}.metrics-filter-group{display:grid;gap:6px}.metrics-filter-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.metrics-filters .select-input{min-width:180px;min-height:38px;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.metrics-filters .select-input:hover{border-color:var(--granate)}.metrics-filters .select-input:focus-visible{border-color:var(--granate);box-shadow:0 0 0 3px #aa182c24}.metrics-filters .metrics-export-trigger{transform:translateY(0);transition:border-color var(--transition),box-shadow var(--transition),transform .22s cubic-bezier(.22,1,.36,1)}.metrics-filters .metrics-export-trigger:hover{border-color:var(--granate)}.metrics-filters .metrics-export-trigger:focus-visible{border-color:var(--granate);box-shadow:0 0 0 3px #aa182c24;outline:none}.metrics-filters .metrics-export-trigger:active{transform:scale(.98)}.metrics-loading{min-height:272px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.9rem;background:#ffffffb3;border:1.5px dashed var(--gray-2);border-radius:var(--radius)}.metrics-loading-indicator{width:20px;height:20px;border:2px solid var(--gray-2);border-top-color:var(--granate);border-radius:50%;animation:metrics-spin .75s linear infinite}@keyframes metrics-spin{to{transform:rotate(360deg)}}@keyframes metrics-fade-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes metrics-fade-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes metrics-bar-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes metrics-rank-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.metrics-animate-in{animation:metrics-fade-slide-down .5s cubic-bezier(.22,1,.36,1) both}.metrics-animate .metric-card{animation:metrics-fade-slide-up .55s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .28s ease,transform .28s ease}.metrics-animate .metric-card-evolution{animation-delay:.08s}.metrics-animate .metric-card-detail{animation-delay:.16s}.metrics-animate .metric-card-ranking{animation-delay:.24s}@media (hover: hover){.metrics-animate .metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #350a0e1a}}.metrics-animate .ranking-item{animation:metrics-fade-slide-up .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 45ms + .28s)}.metrics-animate .ranking-bar{transform-origin:left center;animation:metrics-rank-fill .7s cubic-bezier(.34,1.15,.64,1) both;animation-delay:calc(var(--i, 0) * 45ms + .38s)}.metrics-animate .top-user-item{animation:metrics-fade-slide-up .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms + .22s)}.metrics-animate .chart-bar{transform-origin:bottom center;animation:metrics-bar-rise .65s cubic-bezier(.34,1.2,.64,1) both;animation-delay:calc(var(--i, 0) * 40ms + .18s)}.metrics-animate .chart-label{animation:metrics-fade-slide-up .4s ease both;animation-delay:calc(var(--i, 0) * 40ms + .32s)}.metrics-filters .select-input{transform:translateY(0);transition:border-color var(--transition),box-shadow var(--transition),transform .22s cubic-bezier(.22,1,.36,1)}.metrics-filters .select-input:active{transform:scale(.98)}.metrics-grid{display:flex;flex-direction:column;gap:20px}.metrics-top-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.85fr) minmax(240px,.85fr);gap:20px;align-items:stretch}.metric-card{background:#fff;border:1.5px solid var(--gray-2);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.metric-card-evolution{padding:20px;border-color:#aa182c38;box-shadow:0 8px 28px #350a0e14;display:flex;flex-direction:column}.metric-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.metric-card-meta{font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--gray-1);padding:4px 10px;border-radius:99px;font-variant-numeric:tabular-nums}.metric-card h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}.metric-card-evolution h3{font-size:1.15rem;color:var(--granate-dark)}.metrics-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:24px;align-items:start}.metric-card-ranking .ranking-bars{max-height:320px;overflow-y:auto;padding-right:4px}@media (min-width: 1100px){.metric-card-ranking .ranking-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;max-height:280px}}.metric-card-ranking .ranking-bars::-webkit-scrollbar{width:6px}.metric-card-ranking .ranking-bars::-webkit-scrollbar-thumb{background:var(--gray-2);border-radius:99px}.metric-empty-compact{padding:32px 16px}.metric-empty{text-align:center;color:var(--text-muted);padding:52px 16px;background:var(--surface);border:1px dashed var(--gray-2);border-radius:var(--radius-sm);font-size:.875rem}.ranking-bars{display:flex;flex-direction:column;gap:6px}.ranking-item{display:grid;grid-template-columns:30px minmax(130px,190px) minmax(72px,1fr) max-content 44px;align-items:center;gap:10px;min-height:48px;padding:7px 8px;border-radius:8px;transition:background var(--transition)}.ranking-item:hover{background:var(--granate-light)}.ranking-position{font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--granate)}.ranking-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:.875rem;font-weight:600}.ranking-icon{font-size:1.1rem;flex-shrink:0}.ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-bar-container{background:var(--gray-1);height:10px;border-radius:99px;overflow:hidden}.ranking-bar{height:100%;min-width:2px;border-radius:inherit;transition:width .3s ease}.ranking-value{text-align:right;font-size:.825rem;font-weight:700;font-variant-numeric:tabular-nums}.ranking-percentage{text-align:right;color:var(--text-muted);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.metric-card-detail{background:var(--surface);box-shadow:none;display:flex;flex-direction:column}.top-users-list{display:flex;flex-direction:column;gap:6px;height:100%}.top-users-body{height:284px;flex-shrink:0}.top-users-list-scroll{height:100%;overflow-y:auto;padding-right:4px}.top-users-list-scroll::-webkit-scrollbar{width:6px}.top-users-list-scroll::-webkit-scrollbar-thumb{background:var(--gray-2);border-radius:99px}.top-users-heading-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-users-search-anchor{position:relative}.metrics-users-toggle,.top-users-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);background:#fff;font-size:1rem;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0}.top-users-search-toggle.is-active{border-color:#aa182c73;box-shadow:0 2px 8px #350a0e14}.metrics-users-toggle:hover,.top-users-search-toggle:hover{border-color:#aa182c73;box-shadow:0 2px 8px #350a0e14;transform:translateY(-1px)}.top-users-icon{display:block;color:var(--text-muted);transition:color .2s ease}.top-users-icon-trophy{color:#eab308}.top-users-search-toggle.is-active .top-users-icon{color:var(--granate)}.top-users-search-toggle:hover .top-users-icon,.metrics-users-toggle:hover .top-users-icon:not(.top-users-icon-trophy){color:var(--granate)}.metrics-users-toggle:hover .top-users-icon-trophy{color:#ca8a04}.top-users-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:transparent;cursor:default;z-index:40}.top-users-search-overlay{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(280px,72vw);padding:10px;background:#fff;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);box-shadow:0 12px 32px #350a0e24}.top-users-search-input{width:100%;padding:8px 12px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);font-size:.82rem;background:#fff}.top-users-search-input:focus{outline:none;border-color:#aa182c73}.top-users-state{display:flex;align-items:center;justify-content:center;height:100%}.entry-methods-chart{display:grid;gap:12px;padding-top:8px}.entry-method-item{display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:10px;align-items:center;animation:metrics-fade-slide-up .4s ease calc(var(--i, 0) * .08s) both}.entry-method-label{display:flex;align-items:center;gap:10px}.entry-method-icon{font-size:1.3rem}.entry-method-name{font-size:.9rem;font-weight:600;color:var(--text)}.entry-method-stats{font-size:.72rem;color:var(--text-muted)}.entry-method-bar-container{height:6px;background:var(--gray-1);border-radius:99px;overflow:hidden;grid-column:1 / 3}.entry-method-bar{height:100%;background:linear-gradient(90deg,var(--granate),#d91b42);border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1);animation:metrics-bar-rise .8s ease calc(var(--i, 0) * .1s) both}.entry-method-percentage{font-size:.85rem;font-weight:700;color:var(--granate);text-align:right;grid-column:2;grid-row:1}.top-user-item-empty{justify-content:flex-start;opacity:.55;background:transparent;border-style:dashed;min-height:44px}.top-user-empty-label{font-size:.8rem;color:var(--text-muted)}.top-user-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid var(--gray-2);border-radius:var(--radius-sm);transition:border-color var(--transition),transform var(--transition)}.top-user-item:hover{border-color:#aa182c66;transform:translate(2px)}.top-user-rank{font-size:.85rem;font-weight:700;color:var(--granate);min-width:24px}.top-user-info{flex:1;min-width:0}.top-user-name{font-weight:600;font-size:.85rem}.top-user-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user-count{font-weight:600;font-variant-numeric:tabular-nums;color:var(--granate);font-size:.75rem;white-space:nowrap}.temporal-chart{display:flex;align-items:flex-end;gap:4px;height:200px;flex:1;min-height:160px;padding:12px 4px 0;border-bottom:1px solid var(--gray-2);background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,var(--gray-1) 50px)}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.chart-bar{width:100%;max-width:38px;background:var(--granate);border-radius:4px 4px 0 0;transition:opacity .25s ease,box-shadow .25s ease;cursor:pointer}.chart-bar:hover{opacity:.85;box-shadow:0 -3px 12px #aa182c38}.chart-label{font-size:.65rem;color:var(--text-muted);margin-top:9px;text-align:center;white-space:nowrap}@media (min-width: 961px){.chart-bar-container:nth-child(n+32):not(:nth-child(7n+1)) .chart-label{visibility:hidden}}@media (max-width: 960px){.metrics-top-row,.metrics-detail-grid{grid-template-columns:1fr}.metric-card-detail{max-width:none}.chart-bar-container:nth-child(n+15):not(:nth-child(4n+1)) .chart-label{visibility:hidden}}@media (max-width: 640px){.metrics-toolbar{display:block}.metrics-toolbar-text{margin-bottom:16px}.metrics-filters{display:grid;grid-template-columns:1fr;width:100%}.metrics-filters .select-input{width:100%;min-width:0}.metric-card,.metric-card-evolution{padding:16px}.metrics-detail-grid{gap:16px}.temporal-chart{height:224px;gap:2px;padding-inline:0}.chart-bar{max-width:none}.chart-label{font-size:.58rem}.chart-bar-container:nth-child(n+8):not(:nth-child(3n+1)) .chart-label{visibility:hidden}.ranking-item{grid-template-columns:26px minmax(0,1fr) max-content;gap:7px;padding-inline:4px}.ranking-bar-container{grid-column:2 / 4;grid-row:2}.ranking-percentage{grid-column:3;grid-row:1}.ranking-value{grid-column:3;grid-row:2;font-size:.7rem}.top-user-item{gap:8px}.top-user-count{display:none}}@media (prefers-reduced-motion: reduce){.metrics-animate-in,.metrics-animate .metric-card,.metrics-animate .ranking-item,.metrics-animate .ranking-bar,.metrics-animate .top-user-item,.metrics-animate .chart-bar,.metrics-animate .chart-label{animation:none!important}.metrics-loading-indicator,.ranking-bar,.top-user-item,.metric-card{animation:none;transition:none}.app-card-new-badge,.bulk-action-bar{animation:none}}.maintenance-cell{display:flex;align-items:center;justify-content:center}.metrics-export-trigger{display:flex;align-items:center;justify-content:space-between;min-width:180px;min-height:38px;text-align:left;font-family:inherit}.metrics-export-trigger:disabled{opacity:.7;cursor:wait}.metrics-export-modal{max-width:520px}.metrics-export-intro{font-size:.85rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.metrics-export-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.metrics-export-divider{height:1px;background:var(--gray-2);margin:16px 0}.metrics-export-options{display:grid;gap:10px}.metrics-export-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--gray-2);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.metrics-export-option:hover{border-color:var(--granate);background:#fff5f6}.metrics-export-option-content{display:grid;gap:2px;flex:1}.metrics-export-option-title{font-size:.9rem;font-weight:600;color:var(--text)}.metrics-export-option-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.metrics-export-users-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics-export-hint{margin:0 22px 12px;padding:10px 12px;font-size:.82rem;color:var(--granate);background:#fff5f6;border:1px solid rgba(170,24,44,.25);border-radius:var(--radius-sm)}.col-checkbox{width:40px;text-align:center}.bulk-checkbox{width:16px;height:16px;accent-color:var(--granate);cursor:pointer}tr.row-selected{background:#fff5f6}.bulk-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#fff;border:1.5px solid var(--gray-2);border-radius:12px;box-shadow:var(--shadow-lg);animation:bulk-bar-rise .3s ease}@keyframes bulk-bar-rise{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-action-count{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap}.bulk-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.bulk-action-bar{left:12px;right:12px;transform:none;flex-direction:column;align-items:stretch}.bulk-action-buttons{justify-content:center}.metrics-export-filters,.metrics-export-users-row{grid-template-columns:1fr}}