:root{--rose:#bd5858;--rose-dark:#a34a4a;--coral:#f0985c;--coral-dark:#e37e3d;--pink-bg:#fdf2f4;--pink-soft:#fbe3e8;--petal:#f7c9d3;--green:#7bab7e;--blue:#6fa8c9;--amber:#e6b45a;--purple:#a98bc0;--text:#3a3a3a;--muted:#7f7676;--line:#efdfe2;--card:#fff;--shadow:0 10px 30px #bd58581f;--shadow-sm:0 4px 14px #bd58581a;--radius:22px;--radius-sm:14px;--font:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, "Yu Gothic", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--pink-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.btn{color:#fff;background:linear-gradient(135deg, var(--coral), var(--rose));box-shadow:var(--shadow-sm);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 30px;font-size:20px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.03);box-shadow:var(--shadow);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--block{width:100%}.btn--ghost{color:var(--rose);border:2px solid var(--petal);box-shadow:none;background:#fff}.btn--lg{padding:20px 34px;font-size:22px}.login-wrap{background:radial-gradient(120% 90% at 10% 0%, #fff 0%, var(--pink-soft) 55%, var(--petal) 120%);place-items:center;min-height:100%;padding:32px 18px;display:grid;position:relative;overflow:hidden}.petal{opacity:.55;pointer-events:none;font-size:26px;animation:9s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(18px)rotate(20deg)}}.login-card{background:var(--card);width:100%;max-width:460px;box-shadow:var(--shadow);z-index:2;border-radius:28px;padding:38px 34px 30px;position:relative}.brand{justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.brand__logo{place-items:center;width:46px;height:46px;font-size:30px;display:grid}.brand__name{color:var(--rose);letter-spacing:.5px;font-size:24px;font-weight:900}.login-title{text-align:center;margin:14px 0 4px;font-size:22px;font-weight:900}.login-sub{text-align:center;color:var(--muted);margin:0 0 22px;font-size:15px}.field{margin-bottom:18px}.field__label{align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:800;display:flex}.field__hint{color:var(--muted);font-size:13px;font-weight:600}.field__icon{font-size:22px}.input{border:2px solid var(--line);border-radius:var(--radius-sm);background:#fffafb;width:100%;padding:15px 16px;font-size:18px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--coral);outline:none;box-shadow:0 0 0 4px #f0985c2e}.checkline{align-items:center;gap:10px;margin:6px 0 16px;font-size:16px;display:flex}.checkline input{width:22px;height:22px;accent-color:var(--rose)}.hint-box{background:var(--pink-bg);border:2px dashed var(--petal);border-radius:var(--radius-sm);color:var(--muted);margin:4px 0 20px;padding:12px 14px;font-size:14px}.hint-box b{color:var(--rose)}.login-links{text-align:center;margin-top:18px;font-size:15px}.login-links a{color:var(--rose);margin:0 8px;font-weight:700}.app{min-height:100vh;display:flex}.sidebar{border-right:2px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar__brand{flex-shrink:0;align-items:center;gap:10px;padding:6px 8px 20px;display:flex}.sidebar__brand .brand__name{font-size:20px}.nav{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:6px;margin-bottom:6px;display:flex}.nav-group__label{color:var(--muted);letter-spacing:.5px;padding:8px 12px 2px;font-size:12px;font-weight:800}.nav-group__toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;font-family:inherit;display:flex}.nav-group__chevron{color:var(--muted);font-size:14px;transition:transform .15s}.nav-group__chevron.open{transform:rotate(180deg)}.nav a{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:14px;padding:14px 16px;font-size:18px;font-weight:800;transition:background .12s,color .12s;display:flex}.nav a .nav__emoji{font-size:26px}.nav a:hover{background:var(--pink-bg)}.nav a.active{background:linear-gradient(135deg, var(--coral), var(--rose));color:#fff;box-shadow:var(--shadow-sm)}.sidebar__logout{border:2px solid var(--petal);width:100%;color:var(--rose);border-radius:var(--radius-sm);background:#fff;flex-shrink:0;margin-top:22px;padding:12px;font-size:16px;font-weight:800}.main{flex:1;min-width:0}.topbar{border-bottom:2px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.topbar__title{align-items:center;gap:12px;font-size:24px;font-weight:900;display:flex}.topbar__title .big-emoji{font-size:30px}.user-pill{background:var(--pink-bg);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-weight:800;display:flex}.role-badge{color:var(--rose);border:1.5px solid var(--petal);background:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.avatar{background:linear-gradient(135deg, var(--coral), var(--rose));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.content{max-width:1200px;padding:28px}.page-lead{color:var(--muted);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:12px;margin:0 0 22px;padding:14px 20px;font-size:18px;display:flex}.page-lead .big-emoji{font-size:28px}.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.tile{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #0000;flex-direction:column;gap:8px;padding:26px 22px;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex}.tile:hover{box-shadow:var(--shadow);border-color:var(--petal);transform:translateY(-4px)}.tile__icon{border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:6px;font-size:36px;display:grid}.tile__title{font-size:22px;font-weight:900}.tile__desc{color:var(--muted);font-size:15px}.tile__badge{background:var(--pink-soft);color:var(--rose);border-radius:999px;align-self:flex-start;margin-top:8px;padding:4px 14px;font-size:14px;font-weight:800}.c-rose{background:#fbe3e8}.c-coral{background:#fde7d6}.c-green{background:#e2f0e3}.c-blue{background:#dcecf4}.c-amber{background:#f7ecd3}.c-purple{background:#ece2f3}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:26px;display:grid}.stat{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:16px;padding:20px 22px;display:flex}.stat__emoji{font-size:40px}.stat__num{font-size:32px;font-weight:900;line-height:1.1}.stat__label{color:var(--muted);font-size:15px;font-weight:700}.card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:22px;padding:22px 24px}.card__head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.card__head h2{margin:0;font-size:20px;font-weight:900}.card__head .big-emoji{font-size:26px}.list{flex-direction:column;gap:12px;display:flex}.person{border:2px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:16px;padding:14px 18px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.person:hover{border-color:var(--petal);box-shadow:var(--shadow-sm);transform:translate(3px)}.person__ava{border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.person__name{font-size:20px;font-weight:900}.person__meta{color:var(--muted);font-size:15px}.person__go{color:var(--rose);margin-left:auto;font-size:24px;font-weight:900}.tag{border-radius:999px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.tag--green{color:#4f7a52;background:#e2f0e3}.tag--amber{color:#99762c;background:#f7ecd3}.tag--rose{color:var(--rose);background:#fbe3e8}.tag--blue{color:#37718e;background:#dcecf4}.easy-table{border-collapse:separate;border-spacing:0 10px;width:100%}.easy-table th{text-align:left;color:var(--muted);padding:0 16px 4px;font-size:15px;font-weight:800}.easy-table td{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff;padding:16px;font-size:17px;font-weight:600}.easy-table tr td:first-child{border-left:2px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.easy-table tr td:last-child{border-right:2px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.money{color:var(--rose);font-weight:900}.back-link{color:var(--rose);align-items:center;gap:8px;margin-bottom:18px;font-size:17px;font-weight:800;display:inline-flex}.profile{align-items:center;gap:20px;display:flex}.profile__ava{border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;font-size:44px;display:grid}.profile__name{font-size:30px;font-weight:900}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.info-item{background:var(--pink-bg);border-radius:var(--radius-sm);padding:14px 18px}.info-item .k{color:var(--muted);font-size:14px;font-weight:800}.info-item .v{margin-top:2px;font-size:19px;font-weight:800}.shift-grid{grid-template-columns:120px repeat(7,1fr);gap:8px;min-width:720px;display:grid}.shift-cell{text-align:center;border:2px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-weight:800}.shift-head{background:var(--pink-soft);color:var(--rose)}.shift-name{text-align:left;align-items:center;gap:8px;display:flex}.shift-work{color:#4f7a52;background:#e2f0e3}.shift-off{color:var(--muted)}.scroll-x{padding-bottom:8px;overflow-x:auto}.helper{border:2px solid var(--petal);border-radius:var(--radius-sm);color:var(--muted);background:#fff8f9;align-items:flex-start;gap:12px;margin-top:8px;padding:14px 16px;font-size:15px;display:flex}.helper .big-emoji{font-size:24px}.login-error,.form-error{color:#b23b3b;border-radius:var(--radius-sm);background:#fdecec;border:2px solid #e79a9a;margin:4px 0 14px;padding:12px 14px;font-size:15px;font-weight:800}.btn:disabled{opacity:.6;cursor:default;transform:none}.loading{text-align:center;color:var(--muted);padding:40px 0;font-size:18px;font-weight:800}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.form-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn--danger{color:#c0392b;box-shadow:none;background:#fff;border:2px solid #edc3c3}.select,select.input{appearance:auto}.chip-add{background:linear-gradient(135deg, var(--coral), var(--rose));color:#fff;box-shadow:var(--shadow-sm);border:none;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:12px 22px;font-size:17px;font-weight:800;display:inline-flex}.week-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.week-label{font-size:20px;font-weight:900}.shift-btn{cursor:pointer;font-size:15px;transition:transform .1s,filter .1s}.shift-btn:hover{filter:brightness(1.02);transform:scale(1.03)}.shift-work{color:#4f7a52;background:#e2f0e3;border-color:#bfe0c2}.shift-off{color:var(--muted);background:#fff}.print-wrap{max-width:820px;margin:0 auto;padding:20px}.print-toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.paper{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ddd;border-radius:8px;padding:40px 44px}.paper__title{text-align:center;letter-spacing:4px;margin:0 0 24px;font-size:26px;font-weight:900}.paper__meta{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:16px;display:flex}.paper__k{color:var(--muted);margin-right:10px;font-weight:800;display:inline-block}.paper__table{border-collapse:collapse;width:100%}.paper__table th,.paper__table td{text-align:left;vertical-align:top;border:1px solid #bbb;padding:12px 14px;font-size:15px}.paper__table th{white-space:nowrap;background:#f6f6f6;width:30%;font-weight:800}.paper__table td{white-space:pre-wrap;min-height:40px}.paper__foot{color:#333;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:30px;font-size:14px;display:flex}@media print{body{background:#fff}.no-print{display:none!important}.print-wrap{max-width:none;padding:0}.paper{box-shadow:none;border:none;padding:0}}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.filter-bar .input{flex:1;min-width:200px;margin:0}.uke-preview{color:#d4d4d4;white-space:pre;background:#1e1e1e;border-radius:10px;max-height:320px;margin:14px 0;padding:14px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.kasan-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.kasan-row .input{margin:0}.kasan-row>.input:first-child{flex:1}.calc-preview{background:var(--pink-bg);border:2px solid var(--petal);border-radius:var(--radius-sm);margin-top:18px;padding:8px 18px}.calc-row{border-bottom:1px dashed var(--petal);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;display:flex}.calc-row:last-child{border-bottom:none}.calc-row--main{font-size:19px;font-weight:900}.calc-row--main .money{font-size:24px}.jump-row{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.jump-chip{border:2px solid var(--petal);color:var(--rose);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:15px;font-weight:800;transition:transform .12s,background .12s;display:inline-flex}.jump-chip:hover{background:var(--pink-bg);transform:translateY(-2px)}.out-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.out-card{border:2px solid var(--line);border-radius:var(--radius-sm);background:#fff;flex-direction:column;padding:16px 18px;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.out-card:hover{border-color:var(--petal);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.out-card__body{flex:1}.out-card__name{font-size:19px;font-weight:900}.out-card__easy{color:var(--rose);margin:6px 0;font-size:15px;font-weight:800}.out-card__desc{color:var(--muted);font-size:13.5px;line-height:1.6}.out-btn{background:linear-gradient(135deg, var(--coral), var(--rose));color:#fff;box-shadow:var(--shadow-sm);border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:14px;padding:10px 20px;font-size:16px;font-weight:800;transition:transform .12s,filter .12s;display:inline-flex}.out-btn:hover{filter:brightness(1.03);transform:translateY(-2px)}.out-btn__fmt{letter-spacing:.5px;background:#ffffff47;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:900}.toast{border:2px solid var(--green);color:var(--text);box-shadow:var(--shadow);z-index:40;text-align:center;background:#fff;border-radius:999px;max-width:92vw;padding:14px 24px;font-size:15px;font-weight:800;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@media (width<=820px){.sidebar{z-index:20;box-shadow:var(--shadow);transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:grid!important}.content{padding:18px}.topbar{padding:14px 16px}.topbar__title{font-size:20px}}.menu-btn{border:2px solid var(--petal);width:46px;height:46px;color:var(--rose);background:#fff;border-radius:12px;place-items:center;font-size:24px;display:none}.overlay{display:none}.overlay.show{z-index:15;background:#00000040;display:block;position:fixed;inset:0}