@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#4a372d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-panel:#fffaf4bd;--bg-panel-strong:#fff8efe6;--bg-soft:#7b5c3f0f;--bg-soft-strong:#7b5c3f1a;--line-soft:#7e60471f;--line-strong:#7e604738;--text-main:#4a372d;--text-sub:#6b5445;--text-muted:#907567;--accent:#b77952;--accent-strong:#8d5837;--accent-olive:#7d8b61;--accent-cream:#fff5e6;--accent-blush:#d7ab93;--shadow:0 28px 70px #70533829;--shadow-soft:0 16px 30px #7053381f;--frame-max-width:1180px;--mobile-surface:linear-gradient(180deg, #fffdf9eb, #f4e8d6f5), var(--bg-panel);--topbar-surface:linear-gradient(180deg, #fff9f1fa, #f2e2ccf5), radial-gradient(circle at top right, #b4926c24, transparent 34%);--stage-surface:linear-gradient(180deg, #fff6, #fffaf3ad), #fffaf3b8;--tabbar-surface:linear-gradient(180deg, #fffaf3f2, #efdfc9fa);--card-surface:linear-gradient(180deg, #ffffff8f, #fdf7efe6), var(--bg-panel-strong);--soft-surface:#fffbf6db;--button-surface:linear-gradient(135deg, #f6dfbd, #e7ba8d);--button-text:#4d3426;--tab-active-surface:linear-gradient(135deg, #f3ddbc, #e3ba8e);--tab-active-text:#4d3426;--subtab-active-surface:linear-gradient(135deg, #f4dfc0, #e4bc90);--subtab-active-text:#4d3426;--badge-surface:#8d5837;--badge-text:#fff9f1;--status-surface:#d7ab932e;--status-text:#8e5f49;--icon-active-surface:#b7795214;--pill-surface:#7d8b611f;--pill-text:#5d6a47;--pill-warning-surface:#b779521f;--pill-warning-text:#8d5837;background:radial-gradient(circle at 0 0,#fff4e0f2,#0000 30%),radial-gradient(circle at 100% 100%,#c6ab8a47,#0000 32%),linear-gradient(145deg,#f7efe2 0%,#eadcc7 45%,#d9c0a1 100%);font-family:Manrope,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 12% 14%,#fff8eac7,#0000 20%),radial-gradient(circle at 86% 18%,#cdb89833,#0000 18%),radial-gradient(circle at 75% 84%,#a98e712e,#0000 24%),linear-gradient(#ffffff40,#ffffff05);min-height:100vh;padding:32px 20px 120px;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.app-shell:before{background:radial-gradient(circle,#ffffff7a,#0000 68%);width:280px;height:280px;top:32px;right:-90px}.app-shell:after{background:radial-gradient(circle,#fff0d8b8,#0000 66%);width:220px;height:220px;bottom:24px;left:-60px}.vine{pointer-events:none;opacity:.72;z-index:0;object-fit:contain;filter:drop-shadow(0 8px 10px #584c2c14);width:88px;height:auto;position:absolute;top:-4px}.vine-left{left:10px}.vine-right{right:10px;transform:scaleX(-1)}.ambient{filter:blur(42px);opacity:.52;pointer-events:none;border-radius:50%;width:380px;height:380px;animation:22s ease-in-out infinite floatGlow;position:absolute}.ambient-left{background:radial-gradient(circle,#ffefd3db,#0000 66%);top:-70px;left:-150px}.ambient-right{background:radial-gradient(circle,#b8977457,#0000 68%);animation-delay:-7s;bottom:180px;right:-140px}.ambient-top{background:radial-gradient(circle,#fffaef99,#0000 70%);width:260px;height:260px;animation-delay:-12s;top:120px;right:8%}.ambient-bottom{background:radial-gradient(circle,#af90713d,#0000 72%);width:300px;height:300px;animation-delay:-15s;bottom:50px;left:7%}.petal{pointer-events:none;opacity:.22;background:linear-gradient(135deg,#fffbf6e6,#bda07d33);border-radius:999px;animation:linear infinite driftPetal;position:absolute;box-shadow:0 12px 30px #7f5f3d14}.petal-one{width:22px;height:44px;animation-duration:24s;top:14%;left:9%;transform:rotate(-16deg)}.petal-two{width:16px;height:38px;animation-duration:28s;animation-delay:-8s;top:32%;right:14%;transform:rotate(14deg)}.petal-three{width:18px;height:40px;animation-duration:26s;animation-delay:-14s;top:70%;left:16%;transform:rotate(-8deg)}.phone-frame{z-index:1;width:min(100%, var(--frame-max-width));gap:20px;margin:0 auto;display:grid;position:relative}.panel{border:1px solid var(--line-soft);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card,.login-card,.mobile-app{border-radius:32px}.eyebrow,.section-kicker,.mini-label{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:700}.signature-name{color:var(--accent-strong);letter-spacing:.01em;margin-left:4px;font-family:Fraunces,Cormorant Garamond,serif;font-size:1.2em;font-weight:600;line-height:.9;display:inline-block}.login-card{padding:28px}.single-screen{background:linear-gradient(180deg, #ffffff85, #fffaf4a8), var(--bg-panel);max-width:540px;margin:0 auto}.theme-cat-paw{color:#6d4556;--bg-panel:#fff7fbc7;--bg-panel-strong:#fff8fbf0;--bg-soft:#b66e8e12;--bg-soft-strong:#b66e8e1f;--line-soft:#b9829729;--line-strong:#b9829747;--text-main:#6d4556;--text-sub:#8b6272;--text-muted:#b27b92;--accent:#de7fa6;--accent-strong:#c45a86;--accent-olive:#de7fa6;--accent-cream:#fff3f8;--accent-blush:#f2a3c0;--shadow:0 28px 70px #b66d8e33;--shadow-soft:0 16px 30px #b66d8e24;--frame-max-width:1260px;--mobile-surface:linear-gradient(180deg, #fff9fcfa, #fce6effa), var(--bg-panel);--topbar-surface:radial-gradient(circle at top right, #ffd1e0b8, transparent 34%), linear-gradient(180deg, #fff5fafa, #f8dce9f5);--stage-surface:radial-gradient(circle at top left, #fff5f9eb, transparent 30%), linear-gradient(180deg, #ffffff80, #fff1f7c7), #fff4f8c7;--tabbar-surface:linear-gradient(180deg, #fff3f8f5, #f5d6e2fa);--card-surface:radial-gradient(circle at top right, #ffe0eab8, transparent 42%), linear-gradient(180deg, #ffffffb8, #fff0f7f2), var(--bg-panel-strong);--soft-surface:radial-gradient(circle at top right, #ffe0ea8c, transparent 44%), #fff9fceb;--button-surface:linear-gradient(135deg, #ffd6e4, #f3aac4);--button-text:#7a3b57;--tab-active-surface:linear-gradient(135deg, #ffd9e6, #f1aac4);--tab-active-text:#7c3f59;--subtab-active-surface:linear-gradient(135deg, #ffe0eb, #f4b4cd);--subtab-active-text:#7c3f59;--badge-surface:#c45a86;--badge-text:#fff8fb;--status-surface:#e89abc2e;--status-text:#9f5270;--icon-active-surface:#d67a9f1f;--pill-surface:#f1c0d352;--pill-text:#91516c;--pill-warning-surface:#ffcbdd6b;--pill-warning-text:#a04f72;background:radial-gradient(circle at 14% 10%,#ffebf4f2,#0000 28%),radial-gradient(circle at 88% 14%,#ffd0e18c,#0000 24%),radial-gradient(circle at 78% 84%,#e8b9c961,#0000 28%),linear-gradient(155deg,#fff7fb 0%,#ffeaf2 40%,#f4c8d8 100%)}.theme-cat-paw .vine{display:none}.theme-cat-paw .app-topbar:before,.theme-cat-paw .screen-stage:before{content:"";pointer-events:none;opacity:.3;background-repeat:no-repeat;position:absolute}.theme-cat-paw .app-topbar:before{background-image:radial-gradient(circle at 50% 78%,#f4b0c9e6 0 18px,#0000 19px),radial-gradient(circle at 18% 30%,#f4b0c9d1 0 8px,#0000 9px),radial-gradient(circle at 40% 12%,#f4b0c9d1 0 8px,#0000 9px),radial-gradient(circle at 62% 12%,#f4b0c9d1 0 8px,#0000 9px),radial-gradient(circle at 84% 30%,#f4b0c9d1 0 8px,#0000 9px);width:86px;height:70px;top:16px;right:72px}.theme-cat-paw .screen-stage:before{background-image:radial-gradient(circle at 50% 78%,#f7c2d675 0 22px,#0000 23px),radial-gradient(circle at 18% 30%,#f7c2d66b 0 10px,#0000 11px),radial-gradient(circle at 40% 12%,#f7c2d66b 0 10px,#0000 11px),radial-gradient(circle at 62% 12%,#f7c2d66b 0 10px,#0000 11px),radial-gradient(circle at 84% 30%,#f7c2d66b 0 10px,#0000 11px);width:116px;height:116px;top:18px;right:18px}.paw-print{pointer-events:none;opacity:.3;filter:drop-shadow(0 14px 24px #d284a424);width:120px;height:120px;position:absolute;transform:rotate(-14deg)}.paw-print-one{top:76px;left:40px}.paw-print-two{top:230px;right:48px;transform:rotate(18deg)scale(.92)}.paw-print-three{bottom:120px;left:76px;transform:rotate(-20deg)scale(.86)}.paw-pad,.paw-toe{background:linear-gradient(#ffd4e3d9,#efa8c4eb);display:block;position:absolute;box-shadow:inset 0 1px #ffffff80}.paw-pad{border-radius:44px 44px 34px 34px;width:62px;height:54px;bottom:16px;left:29px}.paw-toe{border-radius:50%;width:22px;height:28px;top:22px}.toe-one{left:16px;transform:rotate(-18deg)}.toe-two{left:38px}.toe-three{right:38px}.toe-four{right:16px;transform:rotate(18deg)}.section-heading{gap:10px;margin-bottom:0;display:grid}.section-heading h2,.app-topbar h2,.today-shift h3,.split-header h3,.salary-request-card h3{letter-spacing:.01em;font-family:Cormorant Garamond,Noto Serif JP,serif}.section-heading h2{color:#433025;margin:0;font-size:1.9rem;line-height:1}.login-form{gap:16px;display:grid}.login-form label,.amount-field,.select-field{gap:8px;display:grid}.login-form span,.amount-field span,.select-field span{color:var(--text-sub);font-size:.9rem}input,select{border:1px solid var(--line-soft);width:100%;color:var(--text-main);background:#fffcf7e0;border-radius:18px;padding:15px 16px;box-shadow:inset 0 1px #ffffff73}input::placeholder,select::placeholder{color:var(--text-muted)}select{appearance:none}.login-actions,.action-row,.stat-row{flex-wrap:wrap;gap:12px;display:flex}.action-row{justify-content:flex-end;align-items:center;margin-top:6px}.primary-button,.text-button,.day-card button,.tab{transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.primary-button{color:#4d3426;background:linear-gradient(135deg,#f6dfbd,#e7ba8d);border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:inset 0 1px #ffffff9e,0 8px 18px #996f4529}.text-button{color:var(--text-main);background:#fffcf7ad;border:1px solid #876a4f1a;border-radius:999px;padding:14px 18px}.text-button.compact{padding:10px 14px}.invite-note,.helper-text{color:var(--text-muted);line-height:1.6}.screen-card{gap:18px;display:grid}.mobile-app{background:var(--mobile-surface);flex-direction:column;width:min(100%,430px);height:min(860px,100vh - 40px);margin:0 auto;padding:18px;display:flex;overflow:hidden}.app-topbar{isolation:isolate;z-index:3;background:var(--topbar-surface);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-end;gap:16px;margin:-18px -18px 16px;padding:18px 18px 20px;display:flex;position:relative}.app-topbar>:not(.vine){z-index:1;position:relative}.app-topbar h2{color:#3f2b22;margin:4px 0 0;font-size:2.15rem;line-height:.96}.theme-cat-paw .app-topbar h2,.theme-cat-paw .section-heading h2,.theme-cat-paw .split-header h3,.theme-cat-paw .today-shift h3,.theme-cat-paw .salary-request-card h3{color:#7d3f5d}.icon-button{width:62px;height:62px;color:var(--text-main);box-shadow:none;background:0 0;border:0;border-radius:22px;position:relative}.icon-button.active{background:var(--icon-active-surface)}.icon-bell{width:30px;height:30px;display:block}.icon-badge{background:var(--badge-surface);min-width:40px;height:40px;color:var(--badge-text);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:1.05rem;font-weight:700;display:inline-flex;position:absolute;top:-10px;right:-2px;box-shadow:0 8px 16px #78482933}.screen-stage{background:var(--stage-surface);overscroll-behavior:contain;border:1px solid #876a4f1f;border-radius:28px;flex:auto;min-height:0;padding:10px 18px 18px;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffffa8}.notification-drawer{background:var(--bg-panel-strong);border:1px solid #8d583724;border-radius:24px;gap:14px;margin-bottom:16px;padding:18px;display:grid}.today-shift,.banner-card,.profile-header,.confirmed-card,.history-row,.profile-row,.day-card,.salary-request-card,.payslip-card{border:1px solid var(--line-soft);background:var(--card-surface);box-shadow:var(--shadow-soft);border-radius:24px}.today-shift,.banner-card,.profile-header,.confirmed-card,.history-row,.profile-row,.day-card{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.today-shift h3,.split-header h3,.salary-request-card h3{margin:0}.today-shift h3{color:#402c22;font-size:2rem}.today-shift p{color:var(--text-sub);margin:6px 0 0}.pill,.status-badge{border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.pill{background:var(--pill-surface);color:var(--pill-text)}.pill.warning{background:var(--pill-warning-surface);color:var(--pill-warning-text)}.soft-card,.mini-shift-card,.notice-card,.sub-tab{border:1px solid var(--line-soft);background:var(--soft-surface);border-radius:22px;flex:1;min-width:0;padding:16px;box-shadow:0 10px 22px #81604314}.soft-card strong,.payslip-card strong{margin-top:6px;font-size:1.2rem;display:block}.soft-card.accent{background:var(--soft-surface)}.section-split{gap:14px;display:grid}.split-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.split-header h3{color:#473227;font-size:1.45rem}.split-header span{color:var(--text-muted);font-size:.84rem}.week-list,.notification-list,.shift-day-list,.confirmed-stack,.history-list,.profile-list{gap:12px;display:grid}.shift-day-list{padding-inline:6px}.mini-shift-card{gap:8px;display:grid}.mini-shift-card div{align-items:baseline;gap:8px;display:flex}.mini-shift-card span,.mini-shift-card p,.notice-card p,.history-row p,.profile-row span{color:var(--text-sub);margin:0}.mini-shift-card em{color:var(--accent-strong);font-style:normal}.notice-card.alert{background:var(--bg-panel-strong);border-color:#b779523d}.notice-card strong{margin-bottom:6px;display:block}.sub-tab-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sub-tab{min-height:48px;color:var(--text-sub);background:#fffaf5e0}.sub-tab.active{color:var(--subtab-active-text);background:var(--subtab-active-surface);font-weight:700;box-shadow:inset 0 1px #ffffff94}.day-card{border-radius:20px;align-items:center;width:calc(100% - 6px);margin-inline:auto;padding:14px 16px}.day-card>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.day-card p,.confirmed-card p{color:var(--text-sub);margin:0}.day-card button{min-width:68px;color:var(--text-main);background:#fffaf5eb;border:1px solid #8d583714;border-radius:999px;padding:9px 12px}.day-card.active{border-color:#b7795242}.salary-request-card,.payslip-card{padding:18px}.amount-input{align-items:center;gap:10px;display:flex}.amount-input b{color:var(--text-sub)}.status-badge{background:var(--status-surface);min-height:32px;color:var(--status-text);padding:0 11px}.history-row span{color:var(--accent-strong)}.payslip-grid{gap:12px;margin-top:18px;display:grid}.payslip-grid div{border-top:1px solid var(--line-soft);justify-content:space-between;gap:16px;padding-top:12px;display:flex}.payslip-grid span{color:var(--text-sub)}.profile-row strong{text-align:right;max-width:58%}.tab-bar{border-top:1px solid var(--line-soft);background:var(--tabbar-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 -18px -18px;padding:10px 0 0;display:grid}.tab{min-height:60px;color:var(--text-muted);background:0 0;border-radius:22px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}.tab-icon-wrap{justify-content:center;align-items:center;display:inline-flex}.tab-paw{display:none}.tab-svg-icon{width:38px;height:38px}.tab-svg-fill{fill:currentColor}.tab-svg-stroke,.tab-svg-clock{stroke:currentColor}.tab-svg-cutout{fill:#f7eee0f5}.tab-svg-face{fill:#fff9f0;stroke:currentColor;stroke-width:3px}.profile-ring{fill:#d6b69b}.profile-body{fill:#fff7eb}.salary-bag,.salary-mark{stroke:currentColor}.bell-fill{fill:currentColor;stroke:currentColor}.tab.active{color:var(--tab-active-text);background:var(--tab-active-surface);font-weight:700;box-shadow:inset 0 1px #ffffff94,0 10px 18px #a4784d1f}.theme-cat-paw .primary-button{color:var(--button-text);background:var(--button-surface);box-shadow:inset 0 1px #ffffff9e,0 10px 20px #c45a862e}.theme-cat-paw .text-button,.theme-cat-paw .day-card button{color:#7c3f59;background:#fff7fbeb;border-color:#c9779a24}.theme-cat-paw .icon-button{color:#9b5473}.theme-cat-paw .tab{color:#c1889f;min-height:100px;box-shadow:none;background:0 0;position:relative}.theme-cat-paw .profile-ring{fill:#f0bfd2}.theme-cat-paw .profile-body,.theme-cat-paw .tab-svg-face{fill:#fff7fb}.theme-cat-paw .tab-icon-wrap{display:none}.theme-cat-paw .tab-paw{justify-content:center;align-items:center;width:98px;height:86px;display:inline-flex;position:relative}.theme-cat-paw .tab-paw-pad,.theme-cat-paw .tab-paw-toe{background:#e9afc86b;border:2.5px solid #b06d8c8f;display:block;position:absolute}.theme-cat-paw .tab-paw-pad{border-radius:28px 28px 20px 20px;height:48px;bottom:8px;left:14px;right:14px}.theme-cat-paw .tab-paw-toe{border-radius:50%;width:18px;height:26px;top:2px}.theme-cat-paw .tab-paw .toe-one{left:10px;transform:rotate(-16deg)}.theme-cat-paw .tab-paw .toe-two{left:31px}.theme-cat-paw .tab-paw .toe-three{right:31px}.theme-cat-paw .tab-paw .toe-four{right:10px;transform:rotate(16deg)}.theme-cat-paw .tab-paw-label{z-index:1;color:#793f5cd1;letter-spacing:.02em;text-align:center;word-break:keep-all;width:68px;font-size:.68rem;font-weight:700;line-height:1.02;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.theme-cat-paw .tab.active{box-shadow:none;background:0 0}.theme-cat-paw .tab.active .tab-paw-pad,.theme-cat-paw .tab.active .tab-paw-toe{background:#f4bad2b8;border-color:#b0587fb8}.theme-cat-paw .tab.active .tab-paw-label{color:#742b4cf2}.primary-button:hover,.text-button:hover,.day-card button:hover,.icon-button:hover,.sub-tab:hover,.tab:hover{transform:translateY(-1px)}.primary-button:hover,.icon-button:hover,.tab.active:hover{box-shadow:inset 0 1px #ffffff9e,0 12px 22px #a4784d29}input:focus-visible,select:focus-visible,button:focus-visible{outline-offset:2px;outline:2px solid #8d583752}@keyframes floatGlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-12px)scale(1.04)}}@keyframes driftPetal{0%{opacity:0;transform:translate(0,0)rotate(-10deg)}12%{opacity:.18}50%{opacity:.24;transform:translate(26px,110px)rotate(10deg)}to{opacity:0;transform:translate(-14px,240px)rotate(20deg)}}@media (width<=900px){.app-shell{padding:20px 14px 110px}.paw-print{width:92px;height:92px}.paw-print-one{left:18px}.paw-print-two{right:20px}}@media (width<=560px){.vine{opacity:.5;width:64px}.vine-left{left:10px}.vine-right{right:10px}.leaf{width:22px;height:18px}.login-card,.mobile-app{border-radius:24px;padding:18px}.mobile-app{height:calc(100vh - 28px)}.paw-print{opacity:.22;width:74px;height:74px}.paw-print-one{top:92px;left:8px}.paw-print-two{top:264px;right:10px}.paw-print-three{bottom:178px;left:22px}.theme-cat-paw .app-topbar:before{width:72px;height:58px;top:18px;right:64px}.theme-cat-paw .screen-stage:before{width:92px;height:92px;top:16px;right:14px}.paw-pad{width:38px;height:34px;bottom:10px;left:18px}.paw-toe{width:14px;height:18px;top:14px}.toe-one{left:8px}.toe-two{left:22px}.toe-three{right:22px}.toe-four{right:8px}.app-topbar{margin:-18px -18px 14px;padding-bottom:18px}.app-topbar h2{font-size:1.8rem}.icon-button{border-radius:20px;width:56px;height:56px}.icon-badge{min-width:34px;height:34px;font-size:1rem}.today-shift,.banner-card,.profile-header,.confirmed-card,.history-row,.profile-row,.split-header,.action-row{flex-direction:column;align-items:flex-start}.shift-day-list{padding-inline:2px}.shift-day-list .day-card{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 4px);display:flex}.shift-day-list .day-card>div{flex-wrap:nowrap;align-items:baseline;gap:8px;display:flex}.shift-day-list .day-card p{white-space:nowrap}.shift-day-list .day-card button{flex-shrink:0;align-self:center}.profile-row strong{text-align:left;max-width:100%}.tab-bar{gap:8px;margin:0 -18px -18px}.tab{font-size:1.2rem}.theme-cat-paw .tab{min-height:96px}.theme-cat-paw .tab-paw{width:92px;height:80px}.theme-cat-paw .tab-paw-pad{height:44px;bottom:8px;left:13px;right:13px}.theme-cat-paw .tab-paw-toe{width:16px;height:23px}.theme-cat-paw .tab-paw .toe-two{left:29px}.theme-cat-paw .tab-paw .toe-three{right:29px}.theme-cat-paw .tab-paw-label{width:64px;font-size:.64rem;bottom:20px}}