:root{--ink: #0f172a;--muted: #64748b;--line: #0ea5a4;--line-deep: #0b7c7a;--bg: #eef7f6;--card: #ffffff;--edge: #dbe7e5;--soft: #e7fbf5;--shadow: 0 14px 34px rgba(15, 118, 110, .14), 0 3px 12px rgba(15, 23, 42, .08);color:var(--ink);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(420px 260px at 8% -6%,#bae6fd 0%,transparent 62%),radial-gradient(480px 320px at 100% 0%,#ccfbf1 0%,transparent 64%),linear-gradient(180deg,#f8fafc 0%,var(--bg) 100%)}body{padding:10px 10px calc(96px + env(safe-area-inset-bottom))}body.modal-open{overflow:hidden}button,input{font:inherit}.app{width:min(100%,440px);margin:0 auto;display:grid;gap:10px}.topbar{border:1px solid rgba(255,255,255,.84);border-radius:24px;background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px;display:grid;gap:12px}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kicker{display:inline-flex;width:fit-content;border-radius:999px;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;padding:4px 9px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin:0}h1{margin:7px 0 0;font-size:26px;line-height:1.05;letter-spacing:0}.save-state{min-width:74px;border-radius:999px;background:var(--soft);color:var(--line-deep);border:1px solid #99f6e4;padding:6px 9px;text-align:center;font-size:11px;font-weight:800}.warehouse-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.top-actions{display:grid;gap:7px}.line-entry p{color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.demo-entry-actions,.liff-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.warehouse-tabs button,.demo-entry-actions button,.liff-tabs button,.month-btn,.primary-btn,.ghost-btn,.self-submit-btn,.download-btn{min-height:40px;border:0;border-radius:15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.warehouse-tabs button,.demo-entry-actions button,.liff-tabs button{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.warehouse-tabs button.active,.liff-tabs button.active{background:linear-gradient(135deg,#0ea5a4,#2ec4b6);border-color:transparent;color:#fff;box-shadow:0 10px 22px #0ea5a438}.download-btn{background:#0f172a;color:#fff;box-shadow:0 10px 22px #0f172a33}.self-submit-btn{background:#f8fafc;color:#0f766e;border:1px solid #99f6e4}.wide-btn{width:100%;min-height:44px}.card{border:1px solid var(--edge);border-radius:22px;background:#fffffff0;box-shadow:var(--shadow);padding:13px;scroll-margin-top:12px}.month-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.month-title{display:grid;gap:2px;min-width:0}.month-title strong{font-size:18px}.month-title span{color:var(--muted);font-size:11px;font-weight:700}.month-actions{display:flex;gap:6px}.month-btn{width:42px;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.weekday-grid,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday-grid{margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:800;text-align:center}.day-cell{width:100%;min-width:0;min-height:118px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:var(--ink);padding:7px 4px;display:grid;align-content:start;gap:4px;text-align:left;font:inherit;cursor:pointer;overflow:hidden}.day-cell.blank{visibility:hidden;pointer-events:none}.day-cell.five-zero-day{background:#fffbeb;border-color:#fde68a}.day-cell.hot-day{background:#fff1f2;border-color:#fecdd3}.day-cell.has-submit{border-color:#99f6e4;box-shadow:inset 0 0 0 1px #0ea5a429}.day-cell.has-assigned{background:#ecfdf5;border-color:#86efac;box-shadow:inset 0 -4px #16a34a57}.day-cell.has-assigned.five-zero-day{background:linear-gradient(180deg,#fffbeb,#ecfdf5 72%);border-color:#86efac}.day-cell.has-assigned.hot-day{background:linear-gradient(180deg,#fff1f2,#ecfdf5 72%);border-color:#86efac}.day-cell.active{outline:3px solid rgba(14,165,164,.22);border-color:var(--line)}.day-num{display:flex;justify-content:space-between;gap:3px;font-size:13px;font-weight:800}.today-dot{width:7px;height:7px;border-radius:999px;background:var(--line);margin-top:4px}.day-meta{min-height:16px;color:var(--muted);font-size:10px;font-weight:800;line-height:1.1}.day-times{color:#0f766e;font-size:9px;font-weight:800;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-tags{display:flex;flex-wrap:wrap;gap:2px;min-height:15px}.event-tag{border-radius:999px;background:#e0f2fe;color:#075985;padding:2px 5px;font-size:9px;font-weight:900;line-height:1.1}.event-tag.sale{background:#fef3c7;color:#92400e}.event-tag.hot{background:#ffe4e6;color:#be123c}.day-forecast{display:grid;gap:1px;width:100%;min-width:0;overflow:hidden;color:#0f172a;font-size:10px;font-weight:900;line-height:1.05}.forecast-main{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;width:100%;max-width:100%;min-width:0;color:#0f172a;padding:0;font-size:11px;line-height:1;letter-spacing:0;white-space:nowrap;overflow:hidden}.forecast-main--future{color:#ca8a04}.forecast-sub{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1px;width:100%;min-width:0;margin-top:0;font-size:8px;line-height:1}.forecast-prev,.forecast-staff{display:inline-flex;align-items:center;justify-content:center;gap:1px;max-width:100%;min-width:0;min-height:0;padding:0;overflow:hidden}.forecast-prev{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;width:100%;color:#1d4ed8;white-space:nowrap}.forecast-staff{color:#166534}.forecast-number{font-weight:950;line-height:1}.forecast-number-main{color:#0f172a;font-size:12px}.forecast-main--future .forecast-number-main,.forecast-main--future .forecast-unit{color:#ca8a04}.forecast-number-prev{color:#1d4ed8;font-size:9px}.forecast-number-staff{color:#047857;font-size:9px}.forecast-unit{font-size:7px;font-weight:900}.forecast-label{font-size:7px;font-weight:900;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;padding:16px 10px max(16px,env(safe-area-inset-bottom));background:#0f172a6b;opacity:0;pointer-events:none;transition:opacity .18s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{width:min(100%,440px);max-height:min(84vh,720px);overflow-y:auto;overscroll-behavior:contain;border-radius:26px 26px 20px 20px;padding:12px 13px 14px;transform:translateY(18px);transition:transform .18s ease}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-grip{width:42px;height:4px;border-radius:999px;background:#cbd5e1;margin:0 auto 10px}.modal-close{border:0;border-radius:999px;background:#f1f5f9;color:#334155;min-width:44px;height:34px;padding:0 12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.modal-tools{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:0 0 auto}.image-preview-sheet{display:grid;gap:10px}.image-preview-frame{max-height:58vh;overflow:auto;border:1px solid #dbe7e5;border-radius:16px;background:#f8fafc;padding:8px}.image-preview-frame img{display:block;width:100%;min-width:640px;height:auto;border-radius:10px}.image-preview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.image-preview-actions .primary-btn,.image-preview-actions .ghost-btn{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;text-decoration:none}.image-save-tip{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.image-save-tip--prominent{background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid #fde68a;border-radius:12px;color:#92400e;padding:10px 12px;font-size:13px;font-weight:900;text-align:center;line-height:1.5}.mini-names{display:flex;flex-wrap:wrap;gap:3px}.mini-name{max-width:100%;border-radius:999px;background:#dcfce7;color:#166534;padding:2px 5px;font-size:9px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.section-head h2{margin:0;font-size:17px;line-height:1.25}.section-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.summary-pill{flex:0 0 auto;border-radius:999px;background:#f1f5f9;color:#334155;padding:6px 9px;font-size:11px;font-weight:800}.staff-list{display:grid;gap:8px}.staff-group-title{margin-top:2px;color:#475569;font-size:11px;font-weight:900;line-height:1.2}.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:-2px 0 10px}.forecast-item{border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc;padding:9px}.forecast-item span{display:block;color:var(--muted);font-size:10px;font-weight:800}.forecast-item strong{display:block;margin-top:2px;font-size:14px;line-height:1.2}.staff-row{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:10px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center}.staff-row.disabled{background:#f8fafc;color:#94a3b8}.staff-row.occupied-row{border-style:dashed}.staff-row input{width:22px;height:22px;accent-color:var(--line);margin:0}.staff-name{min-width:0;font-weight:800;font-size:14px}.staff-meta{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.35}.staff-row.disabled .staff-meta{color:#94a3b8}.assignment-controls{display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr);gap:6px;margin-top:8px}.assignment-controls select,.assignment-controls input{min-width:0;width:100%;height:32px;border:1px solid #dbe7e5;border-radius:10px;background:#f8fafc;color:#334155;padding:0 8px;font-size:12px;font-weight:800}.tag{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#e0f2fe;color:#075985;white-space:nowrap}.tag.gray{background:#f1f5f9;color:#64748b}.staff-form{display:grid;gap:10px}.form-field{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.form-field select,.availability-row select,.availability-row input{width:100%;min-height:40px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:var(--ink);padding:0 10px;outline:0;font:inherit;font-size:13px;font-weight:800}.week-actions{display:grid;grid-template-columns:74px minmax(0,1fr) 74px;gap:7px;align-items:center}.week-actions button{min-height:38px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#334155;font:inherit;font-size:12px;font-weight:900}.week-actions strong{min-width:0;text-align:center;font-size:12px;line-height:1.35}.availability-list,.schedule-list{display:grid;gap:8px}.availability-row,.schedule-row{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:10px;display:grid;gap:8px}.availability-row>div,.schedule-row{min-width:0}.availability-row strong,.schedule-row strong{display:block;font-size:14px}.availability-row span,.schedule-row p{margin:2px 0 0;color:var(--muted);font-size:11px;font-weight:800;line-height:1.35}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.primary-btn{background:linear-gradient(135deg,#0ea5a4,#2ec4b6);color:#fff;box-shadow:0 10px 22px #0ea5a433}.ghost-btn{background:#fff;color:#475569;border:1px solid #dbe7e5}.submitted-card{display:grid;gap:8px}.submit-row{display:flex;justify-content:space-between;gap:10px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;padding:10px}.submit-row strong{font-size:13px}.submit-row span{color:var(--muted);font-size:11px;line-height:1.4;text-align:right}.date-time-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.date-time-pill{border-radius:999px;background:#f1f5f9;color:#475569;padding:3px 7px;font-size:10px;font-weight:800;white-space:nowrap}.toast{position:fixed;left:50%;top:50%;z-index:180;transform:translate(-50%,-50%) scale(.92);width:min(340px,calc(100vw - 42px));min-height:94px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:#0f172af0;color:#fff;padding:22px 22px 20px;display:grid;place-items:center;text-align:center;font-size:17px;line-height:1.42;font-weight:900;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 24px 58px #0f172a57,0 0 0 9999px #0f172a14}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.success-toast:before{content:"";width:34px;height:34px;margin-bottom:9px;border-radius:999px;background:linear-gradient(135deg,#0ea5a4,#22c55e);box-shadow:0 10px 22px #0ea5a447}.success-toast:after{content:"";position:absolute;top:32px;left:50%;width:14px;height:8px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:translate(-50%) rotate(-45deg)}.error-toast{background:#7f1d1df0;box-shadow:0 24px 58px #7f1d1d3d,0 0 0 9999px #0f172a14}.portal-bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:70;transform:translate(-50%);width:min(96vw,440px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:7px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 48px #0f766e33,0 4px 14px #0f172a1f}.portal-bottom-nav a,.portal-bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:15px;color:#64748b;font-size:11px;font-weight:800;text-decoration:none}.portal-bottom-nav button{border:0;background:transparent;font:inherit;cursor:pointer}.portal-bottom-nav a[aria-current=page]{color:#fff;background:linear-gradient(135deg,#0ea5a4,#2ec4b6);box-shadow:0 10px 24px #0ea5a43d}@media(min-width:720px){body{padding-top:22px}.app{width:min(100%,520px)}.portal-bottom-nav{width:min(96vw,520px)}.modal-sheet{width:min(100%,520px)}.day-cell{min-height:126px}}.staff-app{width:min(100%,440px);margin:0 auto;display:grid;gap:10px;padding-bottom:18px}.staff-card{border:1px solid var(--edge);border-radius:22px;background:#fffffff0;box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}.center-card{min-height:260px;align-content:center;text-align:center}.line-loading-app{min-height:calc(100dvh - 116px);align-content:center}.line-loading-card{min-height:330px;justify-items:center;overflow:hidden}.line-loader{position:relative;width:86px;aspect-ratio:1;display:grid;place-items:center}.line-loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(14,165,164,.16);border-top-color:#0ea5a4;border-right-color:#2ec4b6;animation:lineLoaderSpin .9s linear infinite}.line-loader-ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;border:1px solid rgba(14,165,164,.2)}.line-loader-mark{width:52px;min-height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#06c755,#0ea5a4);color:#fff;box-shadow:0 14px 28px #06c75538;font-size:11px;font-weight:900;letter-spacing:.04em}.line-loading-track{width:min(100%,220px);height:5px;border-radius:999px;overflow:hidden;background:#e2e8f0}.line-loading-track span{display:block;width:46%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5a4,#2ec4b6);animation:lineLoaderTrack 1.15s ease-in-out infinite}@keyframes lineLoaderSpin{to{transform:rotate(360deg)}}@keyframes lineLoaderTrack{0%{transform:translate(-120%)}to{transform:translate(230%)}}.staff-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.staff-card h1{margin:7px 0 0;font-size:25px;line-height:1.12}.staff-card h2{font-size:17px}.staff-card p,.staff-card span{color:var(--muted);font-size:12px;line-height:1.45}.staff-card .kicker{color:#075985;font-size:10px;line-height:1.1}@media(prefers-reduced-motion:reduce){.line-loader-ring,.line-loading-track span{animation-duration:2.4s}}.staff-week-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-week-actions button,.staff-primary{min-height:40px;border:0;border-radius:15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.staff-week-actions button{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.staff-primary{background:linear-gradient(135deg,#0ea5a4,#2ec4b6);color:#fff;box-shadow:0 10px 22px #0ea5a433}.staff-primary:disabled{cursor:not-allowed;opacity:.68;box-shadow:none}.bind-card,.bind-status-card{min-height:330px}.bind-form{display:grid;gap:10px;text-align:left}.bind-form label{display:grid;gap:6px}.bind-form label span{color:#64748b;font-size:12px;font-weight:900}.bind-form input{width:100%;min-height:44px;border:1px solid #dbe7e5;border-radius:14px;background:#f8fafc;color:var(--ink);padding:0 12px;outline:0;font:inherit;font-size:15px;font-weight:800}.review-state{width:fit-content;justify-self:center;border-radius:999px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:8px 13px;font-size:12px;font-weight:900}.staff-error{border:1px solid #fecaca;border-radius:16px;background:#fff1f2;color:#b91c1c;padding:11px 13px;font-size:12px;font-weight:800}.staff-identity{gap:6px}.staff-identity span{color:#64748b;font-size:11px;font-weight:900}.staff-identity strong{color:#0f172a;font-size:20px;line-height:1.15}.staff-identity p{margin:0}.staff-toolbar label{display:grid;gap:6px}.staff-empty-note{color:#b45309;font-size:11px;font-weight:800;line-height:1.35}.staff-toolbar label span{font-weight:800}.staff-toolbar select,.availability-row select,.availability-row input{min-height:40px;border:1px solid #dbe7e5;border-radius:14px;background:#f8fafc;color:#334155;padding:0 10px;font-size:13px;font-weight:800}.availability-list{gap:8px}.availability-row{display:grid;grid-template-columns:minmax(86px,.85fr) minmax(0,1.15fr);gap:8px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:10px}.availability-row div{display:grid;align-content:center;gap:2px;min-width:0}.availability-row strong{font-size:13px}.availability-row input{grid-column:1 / -1}.my-schedule{gap:8px}.schedule-row{display:grid;gap:4px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:10px}.schedule-row strong{font-size:13px}@media(max-width:380px){.assignment-controls,.availability-row,.staff-hero{grid-template-columns:1fr}}