:root{--bg:#1a1a1a;--panel:#242424;--panel-hover:#2e2e2e;--accent:#c0392b;--accent-hover:#a5301f;--text:#f5f0e8;--text-muted:#a89f93;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius:12px;--font:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{font:16px/1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--accent);margin:0 0 var(--space-sm);font-weight:600}p{margin:0 0 var(--space-md)}.btn{font:inherit;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);cursor:pointer;border:none;font-weight:600;transition:background-color .15s}.btn-primary{background:var(--accent);color:var(--text)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--text-muted)}.btn-secondary:hover{background:var(--panel-hover)}.login-wrapper{background:var(--bg);min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-panel{background:var(--panel);border-radius:var(--radius);padding:var(--space-xl);gap:var(--space-sm);flex-direction:column;width:100%;max-width:400px;display:flex}.login-title{color:var(--accent);text-align:center;margin:0;font-size:1.4rem}.login-subtitle{color:var(--text-muted);margin:0 0 var(--space-md);text-align:center}.login-label{color:var(--text);font-size:.9rem}.login-input{background:var(--bg);color:var(--text);border:1px solid var(--panel-hover);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);font-family:var(--font);margin-bottom:var(--space-sm);font-size:1rem}.login-input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.login-error{color:var(--accent-hover);margin:0;font-size:.9rem}.tile{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--panel);border-radius:var(--radius);width:140px;height:140px;color:var(--text);cursor:pointer;border:none;flex-direction:column;transition:background-color .15s,transform .15s;display:flex}.tile:hover{background:var(--panel-hover);transform:translateY(-2px)}.tile-icon{font-size:32px}.tile-label{font-weight:600}