:root{--bg:#121212;--card:#1e1e1e;--card-2:#262626;--line:#2e2e2e;--text:#f2f2f2;--muted:#9a9a9a;--accent:#ff6a13;--ok:#22c55e;--danger:#ef4444;--warn:#eab308;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}a{color:var(--accent)}.app{padding-top:env(safe-area-inset-top);flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.demo-banner{background:var(--warn);color:#111;text-align:center;z-index:10;padding:6px;font-size:13px;font-weight:600;position:sticky;top:0}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.topbar h1{letter-spacing:.3px;flex:1;margin:0;font-size:20px;font-weight:800}.topbar .logo{object-fit:contain;width:32px;height:32px}.content{background-position:50%;background-size:cover;flex-direction:column;flex:1;gap:14px;padding:16px 16px 96px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.card h2{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.btn{text-align:center;appearance:none;cursor:pointer;background:var(--card-2);color:var(--text);border:0;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:#111}.btn.danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn.link{color:var(--accent);background:0 0;padding:6px 0;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:10px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input,.field select,.field textarea{background:var(--card-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:16px}.field textarea{resize:vertical;min-height:90px}.error{color:var(--danger);margin:0;font-size:14px}.info{color:var(--ok);margin:0;font-size:14px}.muted{color:var(--muted);font-size:14px}.badge{background:var(--card-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{color:var(--ok);background:#22c55e26}.badge.warn{color:var(--warn);background:#eab30826}.list{flex-direction:column;gap:10px;display:flex}.list-item{color:inherit;text-decoration:none;display:block}.bottom-nav{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#181818;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .inner{width:100%;max-width:560px;display:flex}.bottom-nav a{text-align:center;color:var(--muted);flex:1;padding:12px 4px;font-size:13px;font-weight:600;text-decoration:none}.bottom-nav a.active{color:var(--accent)}.stat{font-size:32px;font-weight:800}.photo{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.thumb{object-fit:cover;background:var(--card-2);border-radius:10px;width:64px;height:64px}table.hours{border-collapse:collapse;width:100%;font-size:14px}table.hours td{padding:4px 0}table.hours tr.today td{color:var(--accent);font-weight:700}
