:root{color-scheme:dark;--bg: #12151f;--text: #f5f7fa;--hint: #9ca3af;--brand: #f97416;--accent: #3b82f6;--accent-text: #ffffff;--accent-soft: rgba(59, 130, 246, .2);--card: #20232b;--card-elevated: #20232b;--border: #20232b;--border-strong: #2c2d30;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .2);--success: #22c55e;--success-soft: rgba(34, 197, 94, .16);--warning: #f97316;--warning-soft: rgba(249, 115, 22, .16);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-btn: 12px;--radius-danger: 16px;--radius-pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:640px;margin:0 auto;overflow:hidden;background:var(--bg)}.app-content{flex:1 1 auto;overflow-y:auto;padding:16px 16px 20px;-webkit-overflow-scrolling:touch}.app-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--border)}.app-header__title{font-size:18px;font-weight:700;line-height:1.2}.app-header__brand-name{color:var(--brand)}.app-header__subtitle{margin-top:2px;font-size:11px;color:var(--hint);line-height:1.2}.app-header__actions{display:flex;gap:12px;align-items:center}.app-header--back{min-height:56px}.app-header__back-left{display:flex;align-items:center;gap:12px}.app-header__back-text .app-header__title{font-size:16px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.icon-btn:active{background:#ffffff0f}.header-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center}.app-header__actions .icon-btn:has(.hamburger){border:1.5px solid var(--hint);border-radius:18px;color:var(--hint)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:18px}.hamburger span{display:block;height:2px;border-radius:1px;background:currentColor}.quick-actions{display:grid;gap:10px;margin-bottom:16px}.quick-actions--1{grid-template-columns:1fr}.quick-actions--2{grid-template-columns:1fr 1fr}.quick-actions--3{grid-template-columns:repeat(3,1fr)}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:72px;padding:10px 8px;border:none;border-radius:var(--radius-md);background:var(--card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.quick-action__icon{display:flex;align-items:center;justify-content:center;color:var(--accent)}.quick-action__label{font-size:12px;font-weight:600;line-height:1.2;text-align:center}.quick-action--sos{background:var(--card)}.quick-action--sos .sos-label{font-size:20px;font-weight:700;color:var(--danger);letter-spacing:0}.fault-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:var(--warning);color:var(--danger);font-size:10px;font-weight:700}.bottom-nav{flex:0 0 auto;background:var(--card);border-top:1px solid var(--border)}.bottom-nav__tabs{display:grid;grid-template-columns:repeat(3,1fr);height:60px}.bottom-nav__tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 6px;border:none;background:transparent;color:var(--hint);cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden}.bottom-nav__tab.active{color:var(--accent);font-weight:600}.bottom-nav__pill{position:absolute;top:0;left:50%;width:16px;height:3px;margin-left:-8px;border-radius:2px 2px 0 0;background:var(--accent)}.bottom-nav__icon{width:22px;height:22px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.bottom-nav__icon--home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 9.5 12 3l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 9.5 12 3l9 6.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1Z'/%3E%3C/svg%3E")}.bottom-nav__icon--calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}.bottom-nav__icon--tasks{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.bottom-nav__label{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__safe{display:flex;justify-content:center;align-items:center;height:34px;padding-bottom:env(safe-area-inset-bottom,0px)}.home-indicator{width:140px;height:5px;border-radius:var(--radius-pill);background:#ffffff4d}.side-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073}.side-menu{position:absolute;top:0;right:0;width:min(280px,85vw);height:100%;padding:16px;background:var(--card-elevated);border-left:1px solid var(--border)}.side-menu__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:16px;font-weight:700}.side-menu__close{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--hint);font-size:24px;line-height:1;cursor:pointer}.side-menu__list{display:flex;flex-direction:column;gap:4px}.side-menu__item{padding:12px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:15px;text-align:left;cursor:pointer}.side-menu__item.active,.side-menu__item:active{background:var(--accent-soft);color:var(--accent)}.page-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.2}.page-title__icon{display:inline-flex;color:var(--accent)}.screen-body{display:flex;flex-direction:column;gap:16px}.op-card,.card{background:var(--card);border:none;border-radius:var(--radius-lg);overflow:hidden}.op-card__header,.card h3{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 16px 0;margin:0;font-size:15px;font-weight:600}.op-card__title{font-size:15px;font-weight:600}.op-card>:not(.op-card__header):not(.exchange-card__header),.card>:not(h3){padding-left:16px;padding-right:16px}.op-card>:last-child,.card>:last-child{padding-bottom:16px}.op-card__header+.card-body,.op-card__header+.row,.op-card__header+.empty-state,.op-card__header+.form,.op-card__header+.rows-list{padding-top:12px}.card-body{padding:12px 16px 16px}.card-divider{height:1px;margin:12px 16px;background:var(--border)}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 16px;font-size:14px}.row .hint{color:var(--hint)}.card-header-row{display:flex;align-items:center;justify-content:space-between;padding:16px}.profile-card{padding:20px}.profile-header{display:flex;align-items:center;gap:16px}.avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-text);font-size:24px;font-weight:700}.name-role .profile-name{font-size:18px;font-weight:700}.role-tag{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600}.status-pill{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.status-pill--on_shift{background:var(--accent);color:var(--accent-text)}.status-pill--off_shift{background:#ffffff0f;color:var(--hint)}.status-pill--on_lunch{background:var(--warning-soft);color:var(--warning)}.exchange-card{background:var(--card);border:none;border-radius:var(--radius-lg);overflow:hidden}.exchange-card__header{padding:16px;font-size:15px;font-weight:600;border-bottom:1px solid var(--border)}.rows-list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 16px;border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;width:100%;cursor:default}.list-row:last-child{border-bottom:none}.list-row--button{cursor:pointer}.list-row--button:active{background:#ffffff0a}.list-row__left{display:flex;align-items:center;gap:12px;min-width:0}.list-row__icon{display:inline-flex;color:var(--accent);flex-shrink:0}.list-row__title{font-size:14px;font-weight:500}.list-row__subtitle{margin-top:2px;font-size:12px;color:var(--hint)}.list-row__chevron{flex-shrink:0;color:var(--hint)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;color:var(--hint)}.empty-state__icon{margin-bottom:12px;color:var(--hint);opacity:.7}.empty-state-full{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:32px 16px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center}.empty-state-full__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:16px;border-radius:var(--radius-pill);background:#ffffff0a;color:var(--hint)}.empty-state-full__title{font-size:15px;font-weight:600;color:var(--text)}.empty-state-full__subtitle{margin-top:6px;font-size:14px;color:var(--hint)}.form{display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px}.form-field label,label{display:block;margin-bottom:6px;font-size:12px;color:var(--hint)}.input-box,input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);font-size:14px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--hint) 50%),linear-gradient(135deg,var(--hint) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 12px) calc(50% + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}textarea{min-height:88px;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox-row input{width:auto;margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 16px}button.primary,.cta-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:none;border-radius:var(--radius-btn);background:var(--accent);color:var(--accent-text);font-size:15px;font-weight:600;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-btn);padding:10px 14px;font-size:14px;cursor:pointer}button.danger,.emergency-cta{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-danger);padding:14px 16px;font-size:16px;font-weight:700;cursor:pointer}button:disabled,.cta-button:disabled,.emergency-cta:disabled{opacity:.5;cursor:not-allowed}.button-wrap{padding:4px 16px 16px}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;background:var(--accent-soft);color:var(--accent)}.badge.urgent{background:var(--danger-soft);color:var(--danger)}.new-tag{display:inline-block;padding:2px 6px;border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);font-size:11px;font-weight:600}.task-card{position:relative;padding:16px;border:none;border-radius:var(--radius-lg);background:var(--card)}.task-card--urgent{box-shadow:inset 0 0 0 1px var(--danger-border)}.task-card__dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.task-card__title{font-size:14px;font-weight:600}.task-card__subtitle{margin-top:4px;font-size:13px;color:var(--hint)}.task-card__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.task-card__meta{font-size:12px;color:var(--hint)}.notif-card{position:relative;display:flex;gap:12px;padding:16px;border:none;border-radius:var(--radius-lg);background:var(--card)}.notif-card__dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.notif-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:#ffffff0f;color:var(--accent);flex-shrink:0}.notif-card__title{font-size:14px;font-weight:600}.notif-card__body{margin-top:4px;font-size:13px;color:var(--hint)}.notif-card__time{margin-top:6px;font-size:11px;color:var(--hint)}.must-read-card{border:none;border-radius:var(--radius-lg);overflow:hidden;background:var(--card)}.must-read-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.must-read-card__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.must-read-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border:none;border-bottom:1px solid var(--border);background:transparent;color:inherit;width:100%;text-align:left;cursor:pointer}.must-read-row:last-child{border-bottom:none}.search-bar{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--hint)}.search-bar input{border:none;padding:0;background:transparent}.sos-emblem{display:flex;align-items:center;justify-content:center;padding:16px 0}.sos-emblem__outer{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;border:4px solid var(--danger-border)}.sos-emblem__inner{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:var(--danger);color:#fff;font-size:22px;font-weight:800;letter-spacing:.06em}.warning-banner{display:flex;gap:12px;padding:16px;border-radius:var(--radius-btn);background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);font-size:13px;line-height:1.45}.warning-banner__icon{flex-shrink:0;color:var(--danger)}.emergency-actions{padding-top:8px}.emergency-cta{width:100%;min-height:56px}.error{color:var(--danger);font-size:13px;margin:6px 16px}.center{text-align:center;padding:48px 16px;color:var(--hint)}.sos{width:100%}