:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--destructive: 0 84.2% 60.2%;--radius: .5rem;--blue-600: #2563eb;--gray-500: #6b7280;--gray-800: #1f2937}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));font-size:14px;line-height:1.5}#root{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:70px}header.app{background:hsl(var(--card));color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}header.app h1{font-size:18px;font-weight:700;letter-spacing:-.01em}header.app h1:before{content:"🔑 "}header.app button{background:none;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:13px;padding:6px 10px;border-radius:calc(var(--radius) - 2px);cursor:pointer}main{padding:16px;display:flex;flex-direction:column;gap:12px}.section-title{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin:4px 2px 0}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #0000000d}.card h3{font-size:15px;font-weight:600;margin-bottom:2px}.muted{color:hsl(var(--muted-foreground));font-size:13px}.row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:8px 12px;font-size:13px}.empty{text-align:center;padding:48px 24px}.empty h3{font-size:18px;margin-bottom:6px}button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:calc(var(--radius) - 2px);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none;transition:background .15s,color .15s}button.btn:hover,a.btn:hover{background:hsl(var(--secondary))}button.btn:disabled{opacity:.5;pointer-events:none}button.btn.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}button.btn.primary:hover{background:hsl(var(--primary) / .9)}button.btn.success{background:#16a34a;color:#fff;border-color:transparent}button.btn.success:hover{background:#15803d}button.btn.warn{background:#ea580c;color:#fff;border-color:transparent}button.btn.warn:hover{background:#c2410c}.badge{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 8px;border-radius:999px;background:hsl(var(--secondary));color:var(--gray-800);vertical-align:middle;margin-left:4px}.badge.in{background:#dcfce7;color:#166534}.badge.out{background:#fee2e2;color:#991b1b}.badge.todo{background:#fef3c7;color:#92400e}.badge.done{background:#dcfce7;color:#166534}.input{display:flex;height:40px;width:100%;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background:hsl(var(--background));padding:8px 12px;font-size:14px;margin-top:4px;color:hsl(var(--foreground))}.input:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--primary))}label{font-size:13px;font-weight:500;color:var(--gray-800);display:block}form.login{padding:40px 24px;display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}form.login h2{font-size:22px;font-weight:700}form.login input{height:40px;padding:8px 12px;border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - 2px);font-size:14px}.photos{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.photos img{width:64px;height:64px;object-fit:cover;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border))}nav.tabs{position:fixed;bottom:0;left:0;right:0;background:hsl(var(--card));border-top:1px solid hsl(var(--border));display:flex;max-width:480px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom)}nav.tabs button{flex:1;padding:12px 4px;border:none;background:none;font-size:12px;color:hsl(var(--muted-foreground));cursor:pointer;font-family:inherit}nav.tabs button.active{color:var(--blue-600);font-weight:600}body[data-mode=desktop] #root{max-width:none;padding-bottom:24px}body[data-mode=desktop] main{max-width:1200px;margin:0 auto;padding:24px;gap:16px}body[data-mode=desktop] main.rack-main{max-width:none}nav.topnav{display:flex;gap:4px;padding:0 24px;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:9;overflow-x:auto}nav.topnav button{display:inline-flex;align-items:center;gap:8px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;padding:10px 16px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .15s,border-color .15s}nav.topnav button svg,nav.tabs button svg{width:16px;height:16px}nav.tabs button{display:flex;flex-direction:column;align-items:center;gap:3px}nav.topnav button:hover{color:var(--gray-800)}nav.topnav button.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}body[data-embed="1"] header.app{display:none}.rack-scroll{overflow-x:auto;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}table.rack{border-collapse:collapse;font-size:12px;width:max-content}table.rack th,table.rack td{border:1px solid hsl(var(--border));min-width:36px;height:36px;text-align:center;padding:2px 3px;white-space:nowrap}table.rack th{background:hsl(var(--muted));font-weight:600;color:var(--gray-800);position:sticky;top:0}table.rack th .muted{font-size:10px}table.rack th.we,table.rack td.we{background:hsl(var(--muted) / .6)}.rack-prop{position:sticky;left:0;background:hsl(var(--card))!important;z-index:2;text-align:left!important;font-weight:600;min-width:160px!important;padding-left:10px!important;box-shadow:1px 0 hsl(var(--border))}td.occ{color:#fff;font-weight:600;overflow:visible}td.occ span{font-size:11px}.src-direct{background:var(--blue-600)}.src-airbnb{background:#ff5a5f}.src-booking{background:#003580}.src-abritel{background:#d97706}.src-gites_de_france,.src-other{background:#64748b}.rack-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:hsl(var(--muted-foreground));margin-top:2px}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}@media(min-width:768px){#root{max-width:960px}nav.tabs{max-width:960px}main{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}main .section-title,main .error,main>.row,main>form{grid-column:1 / -1}main>button.btn{grid-column:1 / -1;justify-self:start}main.rack-main{display:block;max-width:none}}