:root{--color-bg: #f7f7f9;--color-surface: #ffffff;--color-border: #d4d4d8;--color-text: #1f2937;--color-text-muted: #6b7280;--color-accent: #6441a5;--color-accent-strong: #4b2e83;--color-danger: #b91c1c;--color-error-bg: #fee2e2;--color-success: #047857;--radius: 6px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell__header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-shell__title{margin:0;font-size:1.25rem;color:var(--color-accent-strong)}.app-shell__nav{display:flex;gap:var(--space-3);flex:1}.app-shell__nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text)}.app-shell__nav-link:hover{background:var(--color-bg);text-decoration:none}.app-shell__nav-link--active{background:var(--color-accent);color:#fff}.app-shell__nav-link--active:hover{background:var(--color-accent-strong);color:#fff}.app-shell__logout{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:transparent;border-radius:var(--radius);cursor:pointer}.app-shell__main{flex:1;padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%}.app-shell__footer{padding:var(--space-3) var(--space-6);color:var(--color-text-muted);text-align:center}.app-loading{padding:var(--space-8);text-align:center}.btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--color-accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--small{padding:var(--space-1) var(--space-3);font-size:.875rem}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.form-inline{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-4) 0}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{font-size:.875rem;color:var(--color-text-muted)}.form-field__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.ranking-table,.config-table,.logs-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.ranking-table th,.ranking-table td,.config-table th,.config-table td,.logs-table th,.logs-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.ranking-table thead,.config-table thead,.logs-table thead{background:var(--color-bg)}.ranking-table__rank{font-weight:600;width:4rem}.ranking-table__total{font-weight:600}.ranking-empty,.muted{color:var(--color-text-muted)}.dashboard__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.dashboard__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.dashboard__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.dashboard__card-label{font-size:.875rem;color:var(--color-text-muted)}.dashboard__card-value{font-size:1.25rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.login-card{max-width:24rem;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8);text-align:center}.login-card__title{margin:0 0 var(--space-4);color:var(--color-accent-strong)}.login-card__lead{margin:0 0 var(--space-6);color:var(--color-text-muted)}.login-card__cta{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius);text-decoration:none}.login-card__cta:hover{background:var(--color-accent-strong);text-decoration:none}.ranking-page__header,.config-card h3{display:flex;align-items:center;justify-content:space-between}.ranking-page__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted)}.config-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-6)}.list{list-style:none;padding:0;margin:0}.list__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.list__item:last-child{border-bottom:none}.error{padding:var(--space-2) var(--space-3);background:var(--color-error-bg);color:var(--color-danger);border-radius:var(--radius)}.user-profile-page__chart{margin:var(--space-6) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.logs-table__row--security,.logs-table__row--error{background:#b91c1c0f}.logs-table__row--warn{background:#f59e0b0f}