:root{--blue: #0d3b66;--blue-light: #1d5a94;--accent: #f4a300;--bg: #f4f6f9;--card: #ffffff;--text: #1a2433;--muted: #64748b;--border: #dde3ec;--danger: #c0392b;--success: #1e8e4e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100dvh}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.topbar{background:var(--blue);color:#fff;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px 16px;display:flex;align-items:center;gap:4px;position:sticky;top:0;z-index:10}.topbar-title{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:10px;background:transparent;color:#fff;opacity:.85}.topbar-icon:hover,.topbar-icon.active{opacity:1;background:#ffffff1f}.content{flex:1;padding:16px 16px 84px;max-width:720px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 4px calc(env(safe-area-inset-bottom) + 6px);z-index:10}.tabbar a{color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:600;padding:8px 6px;border-radius:8px;text-align:center}.tabbar a.active{color:var(--blue);background:#e8eef6}h1{font-size:1.3rem;margin:4px 0 16px}.content h1,.page-sticky{position:sticky;top:calc(env(safe-area-inset-top) + 56px);z-index:5;background:var(--bg);margin:-16px -16px 12px;padding:14px 16px 10px}.page-sticky h1{position:static;margin:0 0 10px;padding:0}h2{font-size:1.05rem;margin:20px 0 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px}.card.cancelled{opacity:.55}.card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-time{font-weight:700}.shift-meta{color:var(--muted);font-size:.85rem;margin-top:2px}.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#e8eef6;color:var(--blue)}.badge.warn{background:#fdf1d6;color:#8a6100}.badge.danger{background:#fbe4e1;color:var(--danger)}.badge.success{background:#ddf2e5;color:var(--success)}.badge.mine{background:var(--blue);color:#fff}.day-header{margin:18px 0 8px;font-weight:700;color:var(--blue);text-transform:capitalize}.location-header{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 6px}.day-header .holiday{color:var(--danger);font-weight:600;font-size:.85rem;margin-left:8px}button{font:inherit;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;background:var(--blue);color:#fff}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e8eef6;color:var(--blue)}button.danger{background:var(--danger)}button.small{padding:6px 12px;font-size:.85rem;border-radius:8px}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text)}label{display:block;font-size:.85rem;font-weight:600;margin:12px 0 4px;color:var(--muted)}form.card button[type=submit]{margin-top:14px}.form-error{color:var(--danger);font-size:.9rem;margin:10px 0}.form-success{color:var(--success);font-size:.9rem;margin:10px 0}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--blue)}.auth-card{background:var(--card);border-radius:16px;padding:28px 24px;width:100%;max-width:380px}.auth-card h1{text-align:center;color:var(--blue)}.auth-card button[type=submit]{width:100%;margin-top:18px}.auth-link{display:block;text-align:center;margin-top:14px;font-size:.9rem;color:var(--blue-light)}.week-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.week-nav .week-label{font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f19288c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:16px;padding:20px 18px;width:100%;max-width:520px;max-height:85dvh;overflow-y:auto}.modal h2{margin-top:0}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions button{flex:1}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:.9rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{background:#eef2f8;color:var(--muted);font-size:.8rem;text-transform:uppercase}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right}.table-wrap{overflow-x:auto}.cell-sub{color:var(--muted);font-size:.8rem;margin-top:2px;white-space:nowrap}.show-mobile{display:none}@media (max-width: 480px){.hide-mobile{display:none}.show-mobile{display:block}table{font-size:.85rem}th,td{padding:8px 6px}}.admin-menu a{display:block;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:10px;text-decoration:none;color:var(--text);font-weight:600}.admin-menu a span{display:block;font-weight:400;font-size:.85rem;color:var(--muted);margin-top:2px}.row-inline{display:flex;gap:10px;align-items:flex-end}.row-inline>div{flex:1}.muted{color:var(--muted);font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:30px 10px}.year-header{font-size:1.15rem;font-weight:700;color:var(--blue);margin:20px 0 4px}.month-header{font-weight:700;color:var(--muted);text-transform:capitalize;margin:12px 0 8px}.warn-box{background:#fdf1d6;color:#8a6100;border:1px solid #f0dfae;border-radius:10px;padding:10px 12px;font-size:.9rem;margin:10px 0}.late-check-in{color:var(--danger);font-weight:700}.success-box{background:#e7f6ec;color:#1c7c3c;border:1px solid #bfe0ca;border-radius:10px;padding:10px 12px;font-size:.9rem;margin:10px 0}.post-new{border-left:3px solid var(--blue)}.comment-new{background:#e8eef6;border-radius:6px;padding:4px 6px}.assignee-section .assignee-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.assignee-section .assignee-add{display:flex;gap:8px;margin-top:6px}.assignee-section .assignee-add select{flex:1}.bell-wrap{position:relative}.bell-badge,.tab-count{position:absolute;background:var(--danger);color:#fff;border-radius:999px;font-size:.65rem;font-weight:700;min-width:16px;height:16px;line-height:16px;padding:0 4px;text-align:center}.bell-badge{top:2px;right:0}.tabbar a{position:relative}.tab-count{top:0;right:-6px}.notif-panel{position:fixed;top:calc(env(safe-area-inset-top) + 54px);right:12px;left:12px;max-width:380px;margin-left:auto;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0f19282e;overflow:hidden;z-index:60}.notif-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-weight:700}.notif-head button{background:none;color:var(--blue-light);padding:0;font-size:.82rem;font-weight:600}.notif-list{max-height:60dvh;overflow-y:auto}.notif-item{position:relative;display:block;width:100%;text-align:left;background:none;color:var(--text);border-bottom:1px solid var(--border);border-radius:0;padding:10px 40px 10px 14px;font-weight:400;cursor:pointer}.notif-del{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:8px;background:none;color:var(--muted);font-size:1.1rem;line-height:1}.notif-del:hover{background:#fbe4e1;color:var(--danger)}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#eef4fb}.notif-item .notif-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem}.notif-item.unread .notif-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue-light);flex:none}.notif-item .notif-body,.notif-item .notif-time{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}.notif-item .notif-time{font-size:.75rem}.notif-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:.9rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-head{text-align:center;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 0}.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:56px;padding:6px 2px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;font-weight:400}.cal-day .cal-num{font-weight:700;font-size:.9rem}.cal-day.holiday{background:#fbe4e1;border-color:#f0c4be}.cal-day.closed{background:#fdf1d6;border-color:#f0dfae}.cal-day.past{opacity:.5}.cal-day.today{border-color:var(--blue);border-width:2px}.cal-day.selected{background:var(--blue);border-color:var(--blue);color:#fff}.cal-day.selected .cal-count{background:#fff;color:var(--blue)}.cal-actionbar{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 72px);max-width:420px;margin:0 auto;display:flex;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:0 10px 30px #0f19282e;z-index:20}.cal-actionbar button{flex:1}.cal-tag{font-size:.58rem;font-weight:700;text-transform:uppercase;color:var(--danger);line-height:1.1;text-align:center}.cal-day.closed .cal-tag{color:#8a6100}.cal-count{background:var(--blue);color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 4px}@media (min-width: 768px){html{font-size:17px}.content{max-width:1100px;padding:24px 24px 96px}.modal{max-width:720px}.content h1,.page-sticky{margin:-24px -24px 12px;padding:18px 24px 10px}.page-sticky h1{margin:0 0 10px;padding:0}.card{padding:18px}h1{font-size:1.5rem}.tabbar{justify-content:center;gap:24px}.tabbar a{padding:8px 18px}}