*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafafa}:root{--color-primary: #2E7D32;--color-primary-light: #4CAF50;--color-primary-dark: #1B5E20;--color-secondary: #1565C0;--color-danger: #C62828;--color-warning: #F57F17;--color-success: #2E7D32;--color-entry: #2E7D32;--color-exit: #C62828;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #212121;--color-text-secondary: #757575;--color-border: #E0E0E0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;color:var(--color-text);background-color:var(--color-bg);-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background-color .15s}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--secondary{background-color:var(--color-border);color:var(--color-text)}.btn--large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2e7d3233}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase}.badge--entry{background-color:#e8f5e9;color:var(--color-entry)}.badge--exit{background-color:#ffebee;color:var(--color-exit)}.offline-banner{background-color:var(--color-warning);color:#fff;text-align:center;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:500}