:root{color-scheme:dark;--bg: #161124;--panel: #211a35;--panel-2: #2a2244;--text: #f2f0fb;--muted: #a79fc4;--accent: #7c5cff;--green: #35c46b;--blue: #4d8dff;--yellow: #e2b93b;--red: #ef5a6f;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;padding:12px 14px;margin:6px 0;border-radius:10px;border:1px solid #3a3160;background:var(--panel-2);color:var(--text)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;padding-bottom:90px}.page{max-width:720px;margin:0 auto;padding:20px 16px}h1{font-size:1.4rem;margin:0 0 16px}h2{font-size:1.05rem;margin:0 0 12px}.card{background:var(--panel);border-radius:var(--radius);padding:16px;margin-bottom:16px}.muted{color:var(--muted);font-size:.9rem}.strong{font-weight:600}.error{color:var(--red);font-size:.9rem;margin:6px 0}.success{color:var(--green);font-size:.9rem;margin:6px 0}.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid #3a3160;background:var(--panel-2);cursor:pointer;text-decoration:none;text-align:center}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn.small{padding:6px 10px;font-size:.85rem}.btn.ghost{background:transparent}.btn.link{background:none;border:none;text-decoration:underline;color:var(--muted)}.list{display:flex;flex-direction:column;gap:10px}.list-row{display:block;background:var(--panel);border-radius:var(--radius);padding:12px 14px;text-decoration:none;color:var(--text)}.search-input{margin-bottom:12px}.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.kit-tile{border-radius:10px;padding:10px 8px;text-align:center;text-decoration:none;color:#fff;font-size:.8rem}.kit-tile.green{background:var(--green)}.kit-tile.blue{background:var(--blue)}.kit-tile.yellow{background:var(--yellow);color:#2a2200}.kit-tile.red{background:var(--red)}.kit-tile.grey{background:#4a4266}.kit-number{font-weight:700}.reminder-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #3a3160}.reminder-row:first-of-type{border-top:none}.reminder-actions{display:flex;gap:6px;flex-shrink:0}.big-number{font-size:2rem;font-weight:700;margin:8px 0 12px}.component-form{display:flex;flex-direction:column;margin-top:10px}.contract-text{width:100%;font-family:ui-monospace,monospace;font-size:.8rem;background:var(--panel-2);border-radius:10px;padding:10px}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:140px;overflow-x:auto}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:24px}.bar{width:18px;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}.bar.occupancy{background:var(--blue)}.bar-label{font-size:.65rem;color:var(--muted);margin-top:4px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--panel);border-top:1px solid #3a3160;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--muted);text-decoration:none;background:none;border:none;font-size:.65rem}.nav-item.active{color:var(--accent)}.nav-icon{font-size:1.2rem}.nav-logout{color:var(--red)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:340px;background:var(--panel);border-radius:var(--radius);padding:24px;text-align:center}.pin-dots{display:flex;justify-content:center;gap:12px;margin:16px 0}.dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--muted)}.dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.pin-key{padding:16px 0;border-radius:10px;border:1px solid #3a3160;background:var(--panel-2);font-size:1.1rem}.pin-key:disabled{visibility:hidden}@media (min-width: 720px){.app-content{padding-bottom:0}.bottom-nav{position:sticky;top:0;flex-direction:row;justify-content:center;gap:20px}.nav-item{flex:none;flex-direction:row;font-size:.85rem}.app-shell{flex-direction:column}}