:root{--bg:#f0f2f5;--card-bg:#fff;--border:#dde1e6;--red-day-bg:#fff0f0;--red-day-border:#e8a0a0;--today-bg:#e8f0fe;--today-border:#1a73e8;--text:#202124;--text-muted:#5f6368;--header-bg:#1a3c5e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:auto}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{flex-direction:column;gap:8px;width:100%;padding:8px;display:flex}.header{background:var(--header-bg);color:#fff;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.header h1{font-size:1.4rem}.week-nav{align-items:center;gap:10px;display:flex}.week-nav button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:7px 16px;font-size:1.05rem}.week-nav button:disabled{opacity:.3;cursor:default}.week-nav button:hover:not(:disabled){background:#ffffff4d}.today-btn{font-weight:600}.week-label{text-align:center;min-width:160px;font-size:1.2rem;font-weight:600}.week-grid{grid-template-rows:auto auto auto auto;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-column{grid-row:1/5;grid-template-rows:subgrid;background:var(--border);border-radius:8px;gap:1px;display:grid;overflow:hidden}.weather-section{padding:6px 4px}.day-column.holiday{background:var(--red-day-border)}.day-column.today{outline:2px solid var(--today-border);outline-offset:-1px}.day-header{text-align:center;background:#e8ecf1;flex-shrink:0;padding:8px 10px}.holiday .day-header{background:#f8d7da}.today .day-header{background:#c5daf8}.day-name{font-size:1rem;font-weight:700;display:block}.holiday-label{color:#c0392b;font-size:.82rem;font-weight:600;display:block}.section{background:var(--card-bg);flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.holiday .section{background:var(--red-day-bg)}.section-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.8rem;font-weight:700}.no-ships{color:var(--text-muted);font-size:.9rem;font-style:italic}.ship-card{background:#f0f4fa;border-radius:5px;padding:6px 8px}.holiday .ship-card{background:#fce8e8}.ship-name{align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:flex}.flag-icon{object-fit:cover;border-radius:2px;flex-shrink:0;width:24px;height:17px}.event-card{border-radius:5px;padding:6px 8px}.aafk-card{background:#fff4e0;border-left:3px solid #f57c00}.holiday .aafk-card{background:#fce8d4}.event-logo{object-fit:contain;flex-shrink:0;width:22px;height:22px}.event-finished{color:var(--text-muted);font-style:italic}.ship-line{color:var(--text-muted);font-size:.82rem}.ship-details{flex-direction:column;gap:1px;margin-top:2px;font-size:.82rem;display:flex}.shift-card{background:#eef5ee;border-left:3px solid #2e7d32;border-radius:5px;flex-direction:column;gap:1px;padding:5px 8px;display:flex}.holiday .shift-card{background:#f6e8e8;border-left-color:#c0392b}.shift-card.punched-in{background:#d9e8d9}.holiday .shift-card.punched-in{background:#ecd6d6}.shifts-toggle{border:1px dashed var(--border,#c4ced9);color:var(--text-muted,#5a6573);cursor:pointer;text-align:center;background:0 0;border-radius:5px;padding:4px 8px;font-size:.78rem;font-weight:600}.shifts-toggle:hover{color:var(--text);background:#0000000a}.shift-time{color:var(--text);font-size:.82rem;font-weight:700}.shift-name{font-size:.85rem;font-weight:600}.shift-unassigned{color:var(--text-muted);font-style:italic;font-weight:500}.shift-punch{color:#2e7d32;align-items:center;gap:4px;font-size:.78rem;display:flex}.shift-punch-dot{font-size:.7rem}.shift-punch-missing{color:var(--text-muted);font-style:italic}.weather-section{gap:0}.weather-section .section-label{margin-bottom:4px}.weather-block{border-bottom:1px solid var(--border)}.weather-block:last-child{border-bottom:none}.holiday .weather-block{border-bottom-color:#ecc7c7}.weather-row{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:#c8d4e3;border:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;padding:6px 4px;display:grid}.weather-block.static .weather-row{cursor:default}.weather-row:hover{background:#b6c4d8}.weather-block.static .weather-row:hover{background:#c8d4e3}.weather-block.open .weather-row{background:#a9bbd2}.holiday .weather-row{background:#ecc7c7}.holiday .weather-row:hover{background:#dfb3b3}.holiday .weather-block.open .weather-row{background:#d3a3a3}.wb-wind{color:var(--text-muted);justify-self:start;font-size:.8rem}.wb-precip{color:#2980b9;text-align:right;justify-self:end;font-size:.8rem}.wb-center{flex-direction:column;align-items:center;gap:1px;line-height:1.1;display:flex}.wb-period{color:var(--text-muted);font-size:.72rem;font-weight:600}.wb-symbol{font-size:1.7rem;line-height:1}.wb-temp{font-size:.95rem;font-weight:700}.weather-hours{border-top:1px dashed var(--border);background:#f7f9fc;padding:2px 4px 4px}.holiday .weather-hours{background:#fbeeee}.weather-hour-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;padding:2px 0;display:grid}.weather-hour-row .wb-symbol{font-size:1.2rem}.weather-hour-row .wb-temp{font-size:.85rem}.weather-hour-row .wb-wind,.weather-hour-row .wb-precip{font-size:.76rem}@media (width<=768px){.week-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.day-column{flex-direction:column;grid-row:auto;grid-template-rows:none;display:flex}.section{overflow-y:visible}.header{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.header h1{text-align:center;font-size:1.15rem}.week-nav{flex-wrap:wrap;justify-content:center;gap:6px}.week-nav button{padding:6px 10px;font-size:.95rem}.week-label{min-width:0;font-size:1rem}}