:root{--bg: #fdf6f0;--surface: #ffffff;--primary: #f48fb1;--primary-light: #f8bbd0;--primary-dark: #e91e63;--accent: #81d4fa;--accent-dark: #4fc3f7;--warm: #ffe0b2;--warm-dark: #ffb74d;--mint: #a5d6a7;--mint-dark: #66bb6a;--lavender: #ce93d8;--text: #4a3728;--text-muted: #9e8e82;--border: #f3e5dc;--shadow: 0 2px 12px rgba(244, 143, 177, .12)}*{box-sizing:border-box}body{margin:0;font-family:"Rounded Mplus 1c",Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.cal{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--primary);color:#fff}.cal-title{font-weight:700;font-size:1.05rem}.cal-nav{background:transparent;border:none;color:#fff;font-size:1.2rem;padding:.25rem .6rem;border-radius:6px;line-height:1}.cal-nav:hover{background:#ffffff26}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-dow{text-align:center;font-size:.75rem;font-weight:600;padding:.5rem 0 .3rem;color:var(--text-muted);background:#faf8f3;border-bottom:1px solid var(--border)}.cal-dow--sun{color:#c44}.cal-dow--sat{color:#3d6b8c}.cal-cell{min-height:52px;padding:.2rem;border-bottom:1px solid #f0ece4;border-right:1px solid #f0ece4;cursor:pointer;transition:background .15s;position:relative}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:#f5f2eb}.cal-cell--empty{cursor:default;background:#faf8f3}.cal-cell--empty:hover{background:#faf8f3}.cal-cell--today .cal-day{background:var(--primary);color:#fff;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.cal-cell--selected{background:#e8f0eb}.cal-cell--selected:hover{background:#dfe9e2}.cal-cell--sun .cal-day{color:#c44}.cal-cell--sat .cal-day{color:#3d6b8c}.cal-cell--today.cal-cell--sun .cal-day,.cal-cell--today.cal-cell--sat .cal-day{color:#fff}.cal-day{display:block;font-size:.8rem;font-weight:500;text-align:center;line-height:1;margin-bottom:2px}.cal-dots{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}.cal-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cal-dot-more{font-size:.6rem;color:var(--text-muted);line-height:1}.cal-detail{border-top:1px solid var(--border);padding:1rem;background:#faf8f3}.cal-detail-date{margin:0 0 .75rem;font-size:.95rem;color:var(--primary)}.cal-detail-empty{margin:0;font-size:.9rem;color:var(--text-muted)}.cal-detail-list{list-style:none;margin:0;padding:0}.cal-detail-item{padding:.75rem;margin-bottom:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.cal-detail-item:last-child{margin-bottom:0}.cal-detail-type{display:inline-block;font-size:.7rem;color:#fff;padding:.1rem .4rem;border-radius:4px;margin-right:.4rem}.cal-detail-classroom{font-size:.8rem;color:var(--text-muted)}.cal-detail-title{margin:.35rem 0 .15rem;font-size:.95rem}.cal-detail-body{margin:0;font-size:.85rem;color:var(--text-muted);white-space:pre-wrap}.cal-form{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.cal-form-field{display:flex;flex-direction:column;gap:.25rem}.cal-form-field span{font-size:.85rem;color:var(--text-muted)}.cal-form-field input,.cal-form-field select,.cal-form-field textarea{padding:.5rem;border:1px solid var(--border);border-radius:6px}.vcal-child-name{margin:0 0 .75rem;font-size:.95rem;font-weight:700;color:#e91e63}.vcal-month-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.vcal-nav-btn{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#8e24aa;border:1px solid rgba(206,147,216,.25);font-size:1rem;padding:.3rem .75rem;border-radius:12px;font-weight:600;transition:all .2s}.vcal-nav-btn:hover{background:#f3e5f580}.vcal-month-title{font-weight:700;font-size:1.1rem;color:#4a3728}.vcal{position:relative;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:16px;overflow-y:visible;box-shadow:0 4px 20px #0000000a}.vcal-header-wrap{position:-webkit-sticky;position:sticky;top:var(--parent-sticky-top, calc(env(safe-area-inset-top, 0px) + 3.75rem) );z-index:12}.vcal-header-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vcal-header-scroll::-webkit-scrollbar{display:none}.vcal-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.vcal-body{min-width:696px;position:relative;z-index:1}.vcal--ext-billing .vcal-body,.vcal--ext-billing .vcal-header{min-width:768px}.vcal-header{display:flex;align-items:center;flex:0 0 auto;min-width:696px;position:relative;z-index:1;background:linear-gradient(135deg,#fceff7,#f5e9fb);color:#4a3728;font-size:.75rem;font-weight:700;padding:.5rem 0;box-shadow:0 1px #00000014;border-bottom:1px solid rgba(206,147,216,.3)}.vcal-h-date{width:70px;text-align:center;flex-shrink:0}.vcal-h-use{width:40px;text-align:center;flex-shrink:0}.vcal-h-time{flex:1;text-align:center;min-width:72px}.vcal-h-irregular{flex:0 0 auto;width:80px;text-align:center;line-height:1.2;font-size:.66rem}.vcal-irregular{flex:0 0 auto;width:80px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.vcal-h-direct{flex:0 0 auto;width:88px;text-align:center}.vcal-h-solo{flex:0 0 auto;width:56px;text-align:center;line-height:1.2;font-size:.66rem}.vcal-h-transfer{flex:0 0 auto;width:80px;text-align:center}.vcal-h-ext{flex:0 0 auto;width:72px;text-align:center;line-height:1.2;font-size:.66rem;color:#bf360c}.vcal-h-snack{flex:0 0 auto;width:100px;text-align:center;line-height:1.2;font-size:.68rem}.vcal-row{display:flex;align-items:center;flex:0 0 auto;width:100%;border-bottom:1px solid rgba(0,0,0,.04);padding:.35rem 0;min-height:42px;transition:background .15s}.vcal-row:last-child{border-bottom:none}.vcal-row--active{background:#f3e5f526}.vcal-row--sun{background:#ffebee33}.vcal-row--sun.vcal-row--active{background:#ffebee59}.vcal-row--sat{background:#e3f2fd33}.vcal-row--sat.vcal-row--active{background:#e3f2fd59}.vcal-row--today{border-left:3px solid #e91e63;background:#fce4ec1f}.vcal-date{width:70px;flex-shrink:0;display:flex;align-items:center;gap:.3rem;padding-left:.5rem}.vcal-date-num{font-size:.85rem;font-weight:600}.vcal-date-dow{font-size:.7rem;color:var(--text-muted)}.vcal-dow-sun{color:#c44}.vcal-dow-sat{color:#3d6b8c}.vcal-use{width:40px;flex-shrink:0;display:flex;justify-content:center}.vcal-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.vcal-h-dismiss{width:60px;text-align:center;flex-shrink:0}.vcal-dismiss{width:60px;flex-shrink:0;display:flex;justify-content:center}.vcal-dismiss-select{width:56px;padding:.15rem .1rem;border:1px solid var(--border);border-radius:4px;font-size:.75rem;text-align:center;background:var(--surface)}.vcal-dismiss-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2d5a3d26}.vcal-time{flex:1;min-width:80px;display:flex;justify-content:center}.vcal-time-input{width:90px;padding:.2rem .3rem;border:1px solid var(--border);border-radius:4px;font-size:.85rem;text-align:center}.vcal-time-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2d5a3d26}.vcal-solo{flex:0 0 auto;width:56px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.vcal-direct{flex:0 0 auto;width:88px;display:flex;justify-content:center}.vcal-transfer{flex:0 0 auto;width:80px;display:flex;justify-content:center}.vcal-ext{flex:0 0 auto;width:72px;display:flex;justify-content:center;align-items:center;padding:0 .1rem}.vcal-ext-inner{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;max-width:100%}.vcal-ext-lab{display:flex;align-items:center;gap:.2rem;font-size:.68rem;color:#5d4037;cursor:pointer;-webkit-user-select:none;user-select:none}.vcal-ext-lab .vcal-checkbox{width:16px;height:16px}.vcal-snack{flex:0 0 auto;width:100px;flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:0 .15rem}.vcal-snack-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;max-width:100%;min-height:2.5rem}.vcal-snack-inner--readonly{gap:.15rem}.vcal-snack-menu{display:block;max-width:100%;font-size:.65rem;line-height:1.2;color:#5d4037;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcal-snack-menu--empty{color:var(--text-muted);font-size:.62rem}.vcal-date-input{width:100%;max-width:90px;padding:.2rem .25rem;border:1px solid var(--border);border-radius:4px;font-size:.75rem}.vcal-direct-wrap{display:flex;align-items:center;gap:.35rem}.vcal-direct-time{width:80px}.vcal-save-area{position:sticky;bottom:4.5rem;padding:.75rem 0;background:transparent;margin-top:.5rem}.vcal-save-btn{width:100%;padding:.75rem;font-size:1rem;font-weight:700;border-radius:14px;background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;border:none;box-shadow:0 3px 12px #ce93d84d;transition:all .2s}.vcal-save-btn:hover{box-shadow:0 4px 16px #ce93d866;transform:translateY(-1px)}.vcal-save-btn:disabled{opacity:.5;cursor:default;transform:none}.vcal-cancel-btn{width:100%;padding:.6rem;font-size:.95rem;border-radius:14px;margin-bottom:.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(206,147,216,.25);color:#4a3728;font-weight:600}.vcal-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(206,147,216,.15);border-radius:12px;margin-bottom:.75rem}.vcal-status-text{font-size:.9rem;font-weight:600;color:#e91e63}.vcal-edit-btn{padding:.35rem .75rem;font-size:.85rem;border-radius:10px;background:#ffffffb3;border:1px solid rgba(244,143,177,.3);color:#e91e63;font-weight:600;transition:all .2s}.vcal-edit-btn:hover{background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;border-color:transparent}.vcal-row--readonly{cursor:default}.vcal-check-icon{font-size:.75rem;color:var(--text-muted)}.vcal-check-icon--on{color:var(--primary);font-size:.9rem}.vcal-time-text{font-size:.85rem;color:var(--text)}.vcal-bulk{background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:14px;padding:.75rem;margin-bottom:.75rem;box-shadow:0 2px 12px #00000008}.vcal-bulk-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.vcal-bulk-row:last-child{margin-bottom:0}.vcal-bulk-btn{padding:.4rem .75rem;font-size:.8rem;border:none;background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;border-radius:10px;font-weight:600;box-shadow:0 2px 6px #ce93d833;transition:all .2s}.vcal-bulk-btn:hover{box-shadow:0 3px 10px #ce93d84d;transform:translateY(-1px)}.vcal-bulk-btn--sub{background:#ffffffb3;color:var(--text-muted);border:1px solid rgba(206,147,216,.2);box-shadow:none}.vcal-bulk-btn--sub:hover{background:#f3e5f566;color:var(--text);transform:none}.vcal-bulk-field{display:flex;align-items:center;gap:.3rem;font-size:.8rem}.vcal-bulk-field span{color:var(--text-muted);white-space:nowrap}.vcal-mobile-hint{display:none;font-size:.72rem;color:#6d5e54;text-align:center;margin:0 0 .5rem;padding:.45rem .65rem;line-height:1.45;background:#ffffffb8;border-radius:12px;border:1px solid rgba(206,147,216,.28)}@media (max-width: 640px){.vcal-mobile-hint{display:block}.vcal-header .vcal-h-date,.vcal-row .vcal-date{position:sticky;left:0;z-index:1}.vcal-header .vcal-h-date{z-index:5;background:linear-gradient(135deg,#f48fb152,#ce93d852);box-shadow:4px 0 10px -4px #0000001f}.vcal-row .vcal-date{background:#fffdfcf7;box-shadow:4px 0 10px -4px #00000014}.vcal-row--sun .vcal-date{background:#fff8f9fa}.vcal-row--sat .vcal-date{background:#f3f8fffa}.vcal-row--today .vcal-date{background:#fcecf3fa}}.usage-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.usage-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.usage-panel-title{margin:0;font-size:.95rem;color:var(--primary)}.usage-panel-count{margin:.5rem 0 0;font-size:.85rem;font-weight:600;color:var(--primary)}.usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.usage-table th,.usage-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}.usage-table th{background:#faf8f3;font-weight:600;font-size:.8rem;color:var(--text-muted)}.usage-table tr:hover{background:#f5f2eb}@media screen and (orientation: portrait) and (min-width: 600px) and (max-width: 1024px){.rotate-overlay{display:flex!important}}.rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0d47a1;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#fff;text-align:center;padding:2rem}.rotate-overlay__icon{font-size:5rem;animation:rotate-hint 1.8s ease-in-out infinite}.rotate-overlay__title{font-size:1.5rem;font-weight:700;margin:0}.rotate-overlay__body{font-size:1rem;opacity:.85;margin:0;line-height:1.6}@keyframes rotate-hint{0%{transform:rotate(0)}40%{transform:rotate(90deg)}60%{transform:rotate(90deg)}to{transform:rotate(0)}}.entry-page{min-height:100vh;background:linear-gradient(160deg,var(--bg) 0%,#e8e2d8 100%);display:flex;align-items:center;justify-content:center;padding:2rem}.entry-inner{max-width:520px;width:100%}.entry-brand{text-align:center;margin-bottom:.5rem}.entry-logo{max-width:260px;height:auto;display:block;margin:0 auto .25rem}.entry-logo-fallback{display:none;font-size:1.75rem;font-weight:700;color:var(--primary)}.entry-logo-fallback--show{display:block}.entry-tagline{margin:0;font-size:.9rem;color:var(--text-muted)}.entry-title{margin:0 0 .25rem;font-size:1.75rem;color:var(--primary);text-align:center}.entry-sub{margin:0 0 2rem;color:var(--text-muted);text-align:center;font-size:.95rem}.entry-section{margin-bottom:2rem}.entry-section-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.entry-cards{display:flex;flex-wrap:wrap;gap:1rem}.entry-card{flex:1;min-width:140px;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-align:center;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.entry-card:hover{border-color:var(--primary-light);box-shadow:0 4px 12px #2d5a3d1f}.entry-card--pc{border-left:4px solid var(--primary)}.entry-card--mobile{border-left:4px solid var(--accent)}.entry-card-label{display:block;font-weight:700;font-size:1.1rem;color:var(--primary);margin-bottom:.25rem}.entry-card--mobile .entry-card-label{color:var(--accent)}.entry-card-desc{font-size:.85rem;color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014;border:1px solid var(--border)}.login-card--mobile{max-width:340px;padding:1.75rem}.login-header{text-align:center;margin-bottom:1.75rem}.login-header h1{margin:0 0 .25rem;font-size:1.35rem;color:var(--text)}.login-header p{margin:0;font-size:.9rem;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{margin:0;padding:.5rem .75rem;background:#fde8e8;color:#b33;font-size:.9rem;border-radius:8px}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-field span{font-size:.9rem;font-weight:500;color:var(--text)}.login-field input{padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:1rem}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2d5a3d26}.login-submit{margin-top:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem}.login-submit:hover{background:var(--primary-light)}.login-back{margin:1.25rem 0 0;text-align:center;font-size:.9rem}.login-back a{color:var(--text-muted)}.login-back a:hover{color:var(--primary)}.login-page--pc{background:linear-gradient(160deg,#eef2ed,#e0e6dc)}.login-page--hq .login-header h1{color:var(--primary)}.login-page--room .login-header h1{color:#3d6b8c}.login-page--room .login-submit{background:#3d6b8c}.login-page--room .login-submit:hover{background:#4a7a9e}.login-page--mobile{background:linear-gradient(180deg,#f8f6f2,#efe9e0)}@media (max-width: 480px){.login-page--mobile{padding:3rem 1rem 1rem;align-items:flex-start}.login-card--mobile{padding:1.5rem}}.login-page--parent .login-header h1{color:var(--accent)}.login-page--parent .login-submit{background:var(--accent)}.login-page--parent .login-submit:hover{background:#d4926e}.login-page--staff .login-header h1{color:var(--primary)}.mobile-dashboard{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#f3e8ff,#e0f2fe 70%,#ecfdf5);padding-bottom:5rem}.mobile-header{position:sticky;top:0;z-index:10;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:max(.55rem,env(safe-area-inset-top,0px)) 1rem .55rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 12px #f48fb11f;border-bottom:1px solid rgba(244,143,177,.15)}.mobile-header h1{margin:0;font-size:1.05rem;color:#e91e63;flex:1;font-weight:800;letter-spacing:.03em}.mobile-title-kizme{display:flex;align-items:center}.mobile-title-kizme img{max-height:44px;width:auto;max-width:160px;object-fit:contain}.mobile-title-kizme span{font-size:1.25rem!important;font-weight:800!important}.mobile-role{font-size:.7rem;color:#8e24aa;background:linear-gradient(135deg,#f8bbd059,#ce93d84d);padding:.15rem .55rem;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600}.mobile-logout{padding:.25rem .6rem;font-size:.72rem;background:#f48fb11f;border:1px solid rgba(244,143,177,.3);border-radius:20px;color:#e91e63;font-weight:600;transition:all .2s}.mobile-logout:hover{background:#f48fb140;color:#c2185b;border-color:#f48fb180}.mobile-main{padding:1.5rem 1rem}.mobile-welcome{margin:0 0 .5rem;font-weight:600}.mobile-note{margin:0;font-size:.9rem;color:var(--text-muted)}.parent-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.35rem .5rem .55rem;border-top:1px solid rgba(244,143,177,.15);box-shadow:0 -2px 16px #ce93d81a;gap:0}.parent-nav-item{flex:1;text-align:center;padding:.35rem .25rem .2rem;font-size:.85rem;color:#9e8e82;text-decoration:none;border-radius:12px;transition:all .25s ease;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.1rem}.parent-nav-item:hover{color:#e91e63;text-decoration:none}.parent-nav-item--active{color:#e91e63;font-weight:700}.parent-nav-item--active .parent-nav-icon{background:linear-gradient(135deg,#fce4ec,#f3e5f5);border-radius:16px;padding:.2rem .7rem}.parent-nav-item--active:hover{color:#e91e63}.parent-nav-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;padding:.2rem .7rem;border-radius:16px;transition:all .25s ease}.parent-nav-label{display:block;font-size:.65rem;margin-top:.05rem;line-height:1}.staff-nav .parent-nav-item{font-size:.8rem;padding:.35rem .25rem .2rem}.parent-main.parent-main{padding:1rem 1rem 5rem}.mobile-dashboard--staff .parent-main.parent-main{padding-bottom:max(5.5rem,calc(4rem + env(safe-area-inset-bottom,0px)))}.staff-nav-open-btn{position:fixed;bottom:max(1rem,calc(.5rem + env(safe-area-inset-bottom,0px)));right:max(1rem,env(safe-area-inset-right,0px));z-index:101;display:flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ec407a,#ab47bc);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.02em;box-shadow:0 4px 18px #ab47bc6b;cursor:pointer;font-family:inherit}.staff-nav-open-btn:active{transform:scale(.97)}.staff-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0006;opacity:0;pointer-events:none;transition:opacity .28s ease}.staff-drawer-backdrop--open{opacity:1;pointer-events:auto}.staff-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(18rem,88vw);z-index:9999;background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:1px solid rgba(255,255,255,.6);box-shadow:-6px 0 28px #0000002e;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.staff-drawer-panel--open{transform:translate(0)}.staff-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #eceff1;font-weight:800;font-size:1rem;color:#37474f;flex-shrink:0}.staff-drawer-close{border:none;background:#eceff1;color:#455a64;width:2.25rem;height:2.25rem;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.staff-drawer-nav{flex:1;overflow-y:auto;padding:.5rem 0 1rem;display:flex;flex-direction:column;gap:.15rem}.staff-drawer-link{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;margin:0 .5rem;border-radius:10px;text-decoration:none;color:#455a64;font-weight:600;font-size:.92rem;transition:background .15s ease}.staff-drawer-link:hover{background:#f5f5f5;color:#e91e63;text-decoration:none}.staff-drawer-link--active{background:linear-gradient(135deg,#fce4ec,#f3e5f5);color:#e91e63;font-weight:800}.staff-drawer-link-icon{font-size:1.35rem;line-height:1;width:2rem;text-align:center;flex-shrink:0}.staff-drawer-link-label{flex:1;min-width:0}.staff-drawer-badge{display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;border-radius:999px;min-width:1.35rem;height:1.35rem;font-size:.68rem;font-weight:800;padding:0 5px}.mobile-dashboard--parent .parent-main.parent-main{padding-bottom:max(5.5rem,calc(4rem + env(safe-area-inset-bottom,0px)))}.mobile-dashboard--parent{--parent-sticky-top: calc(env(safe-area-inset-top, 0px) + 88px) }.parent-nav-open-btn{position:fixed;bottom:max(1rem,calc(.5rem + env(safe-area-inset-bottom,0px)));right:max(1rem,env(safe-area-inset-right,0px));z-index:101;display:flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ec407a,#ab47bc);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.02em;box-shadow:0 4px 18px #ab47bc6b;cursor:pointer;font-family:inherit}.parent-nav-open-badge{position:absolute;top:-.35rem;right:-.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.66rem;font-weight:800;line-height:1;border:2px solid #fff;box-shadow:0 2px 8px #dc262659}.parent-nav-open-btn:active{transform:scale(.97)}.parent-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0006;opacity:0;pointer-events:none;transition:opacity .28s ease}.parent-drawer-backdrop--open{opacity:1;pointer-events:auto}.parent-drawer-panel{position:fixed;top:0;right:0;bottom:0;width:min(18rem,88vw);z-index:9999;background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:1px solid rgba(255,255,255,.6);box-shadow:-6px 0 28px #0000002e;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.parent-drawer-panel--open{transform:translate(0)}.parent-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #eceff1;font-weight:800;font-size:1rem;color:#37474f;flex-shrink:0}.parent-drawer-close{border:none;background:#eceff1;color:#455a64;width:2.25rem;height:2.25rem;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.parent-drawer-nav{flex:1;overflow-y:auto;padding:.5rem 0 1rem;display:flex;flex-direction:column;gap:.15rem}.parent-drawer-link{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;margin:0 .5rem;border-radius:10px;text-decoration:none;color:#455a64;font-weight:600;font-size:.92rem;transition:background .15s ease}.parent-drawer-link:hover{background:#f5f5f5;color:#e91e63;text-decoration:none}.parent-drawer-link--active{background:linear-gradient(135deg,#fce4ec,#f3e5f5);color:#e91e63;font-weight:800}.parent-drawer-link-icon{font-size:1.35rem;line-height:1;width:2rem;text-align:center;flex-shrink:0}.parent-drawer-link-label{flex:1;min-width:0}.parent-drawer-badge{display:inline-flex;align-items:center;justify-content:center;background:#dc2626;color:#fff;border-radius:999px;min-width:1.35rem;height:1.35rem;font-size:.68rem;font-weight:800;padding:0 5px}.parent-top-date{text-align:center;padding:.55rem .75rem;margin-bottom:.75rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;font-weight:700;color:#e65100;font-size:.92rem;box-shadow:0 2px 12px #ffb74d1f;border:1px solid rgba(255,224,130,.5)}.parent-top-children{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.parent-child-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.5);overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.parent-child-card:active{transform:scale(.99)}.parent-child-header{padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.04)}.parent-child-info{display:flex;align-items:center;gap:.4rem}.parent-child-icon{font-size:1.3rem}.parent-child-name{font-weight:800;font-size:1.05rem;color:#4a3728}.parent-child-grade{font-size:.76rem;color:#8d6e63;margin-left:.15rem}.parent-child-course{display:inline-block;margin-left:.25rem;font-size:.78rem;color:#6a1b9a;font-weight:600}.parent-child-status{padding:3px 12px;border-radius:20px;font-size:.73rem;font-weight:700;box-shadow:0 1px 4px #0000000d}.parent-child-detail{padding:.55rem .85rem;font-size:.85rem;color:#5d4037}.parent-child-times{margin-bottom:.3rem;display:flex;gap:.75rem;background:#f3e5f580;padding:.35rem .6rem;border-radius:10px}.parent-child-tags{display:flex;flex-wrap:wrap;gap:.35rem}.parent-child-tag{display:inline-block;border-radius:20px;padding:2px 10px;font-size:.76rem;font-weight:600}.parent-child-noplan{color:#bdbdbd;font-size:.82rem}.parent-child-snack{margin-top:.45rem;padding:.4rem .55rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;background:#fff8e18c;border-radius:10px;border:1px solid rgba(255,224,130,.35);font-size:.8rem;color:#5d4037}.parent-child-snack-label{font-weight:800;color:#e65100}.parent-child-snack-value{font-weight:600;color:#4e342e}.parent-child-snack-allergen{font-size:.74rem;font-weight:700;color:#c62828}.parent-absence-area{padding:.5rem .85rem .75rem;border-top:1px dashed rgba(248,187,208,.5)}.parent-absence-confirm{display:flex;flex-direction:column;gap:.4rem}.parent-absence-label{font-size:.82rem;color:#ad1457;font-weight:700;text-align:center;padding:.3rem;background:#fce4ec80;border-radius:10px}.parent-absence-reasons{display:flex;gap:.35rem}.parent-absence-reason-btn{flex:1;padding:.55rem .25rem;border-radius:14px;border:none;background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;font-weight:700;font-size:.78rem;cursor:pointer;box-shadow:0 2px 8px #ce93d840;transition:transform .15s,opacity .15s}.parent-absence-reason-btn:active{transform:scale(.97)}.parent-absence-reason-btn:disabled{opacity:.6}.parent-absence-cancel-btn{padding:.35rem;border-radius:10px;border:1px solid rgba(248,187,208,.5);background:#ffffffb3;color:#ad1457;font-size:.8rem;cursor:pointer;font-weight:600;transition:background .15s}.parent-absence-cancel-btn:hover{background:#fce4ec4d}.parent-absence-btn{width:100%;padding:.6rem;border-radius:14px;border:none;background:linear-gradient(135deg,#f8bbd0,#ce93d8);color:#ad1457;font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:0 2px 10px #ce93d833;transition:transform .15s}.parent-absence-btn:active{transform:scale(.98)}.parent-absence-done{padding:.6rem .85rem;border-top:1px dashed rgba(248,187,208,.5);text-align:center;color:#ad1457;font-weight:800;font-size:.88rem;background:linear-gradient(135deg,#fce4ec66,#f3e5f566);border-radius:0 0 20px 20px}.parent-child-requests{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.parent-child-req-btn{flex:1;min-width:90px;padding:.35rem .5rem;border-radius:999px;border:1px solid rgba(206,147,216,.7);background:#ede7f699;color:#6a1b9a;font-size:.78rem;font-weight:600;cursor:pointer}.parent-child-req-btn--warn{border-color:#ef5350b3;background:#ffcdd2b3;color:#c62828}.parent-child-req-btn--sub{border-color:#81d4fab3;background:#e1f5feb3;color:#0277bd}.parent-top-snack{padding:.65rem .85rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,224,130,.4);margin-bottom:.75rem;box-shadow:0 2px 12px #ffb74d14}.parent-top-snack-title{font-weight:800;color:#e65100;font-size:.88rem;margin-bottom:.15rem}.parent-top-snack-name{font-size:.95rem;font-weight:700;color:#4e342e}.parent-top-snack-allergen{display:inline-block;background:#fce4ec99;color:#c62828;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700;margin-top:.3rem}.parent-top-links{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.75rem}.parent-top-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .75rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:20px;text-decoration:none;color:inherit;box-shadow:0 4px 16px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.parent-top-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ce93d826;text-decoration:none}.parent-top-card:active{transform:scale(.97)}.parent-top-card-icon{font-size:1.8rem;margin-bottom:.15rem}.parent-top-card-title{display:block;font-weight:700;font-size:.92rem;color:var(--text);margin-bottom:.15rem}.parent-top-card-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.parent-page-title{margin:0 0 1rem;font-size:1.05rem;font-weight:800;color:#4a3728;display:flex;align-items:center;gap:.4rem}.parent-page-title:before{content:"";display:inline-block;width:4px;height:1.1em;background:linear-gradient(180deg,#f48fb1,#ce93d8);border-radius:2px}.parent-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.parent-filter{display:flex;align-items:center;gap:.5rem}.parent-filter span{font-size:.9rem;color:var(--text-muted)}.parent-filter select,.parent-filter input{padding:.35rem .5rem;border:1px solid var(--border);border-radius:6px}.parent-schedule-list{list-style:none;margin:0;padding:0}.parent-schedule-item{padding:1rem;margin-bottom:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.parent-schedule-date{font-size:.85rem;color:var(--text-muted);margin-right:.5rem}.parent-schedule-type{font-size:.75rem;background:var(--bg);padding:.15rem .4rem;border-radius:4px;margin-right:.5rem}.parent-schedule-classroom{font-size:.85rem;color:var(--text-muted)}.parent-schedule-title{margin:.5rem 0 .25rem;font-size:1rem}.parent-schedule-body{margin:0;font-size:.9rem;color:var(--text-muted);white-space:pre-wrap}.parent-empty{color:var(--text-muted);font-size:.95rem}.parent-btn{padding:.55rem 1.2rem;border-radius:14px;font-size:.9rem;border:1px solid rgba(206,147,216,.3);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem;font-weight:600;color:#4a3728;transition:all .2s ease}.parent-btn:hover{background:#ffffffe6;box-shadow:0 2px 12px #ce93d826}.parent-btn.primary{background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;border:none;box-shadow:0 3px 12px #ce93d84d}.parent-btn.primary:hover{box-shadow:0 4px 16px #ce93d866;transform:translateY(-1px)}.parent-btn.primary:active{transform:scale(.98)}.parent-msg-form{padding:1rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:18px;margin-bottom:1rem;box-shadow:0 2px 12px #0000000a}.parent-msg-field{display:block;margin-bottom:.75rem}.parent-msg-field span{display:block;font-size:.82rem;margin-bottom:.3rem;color:var(--text-muted);font-weight:600}.parent-msg-field select,.parent-msg-field textarea{width:100%;padding:.55rem .75rem;border:1px solid rgba(244,143,177,.2);border-radius:12px;font:inherit;background:#fffc;transition:border-color .2s,box-shadow .2s}.parent-msg-field select:focus,.parent-msg-field textarea:focus{outline:none;border-color:#f48fb1;box-shadow:0 0 0 3px #f48fb11f}.parent-msg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.parent-msg-item{padding:.7rem .9rem;margin-bottom:0;max-width:85%;border:none;position:relative}.parent-msg-item--sent{background:linear-gradient(135deg,#f8bbd0,#f3e5f5);border-radius:18px 18px 4px;align-self:flex-end;box-shadow:0 2px 8px #f48fb126}.parent-msg-item--received{background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px 18px 18px 4px;align-self:flex-start;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(255,255,255,.5)}.parent-msg-meta{font-size:.72rem;color:var(--text-muted);display:block;margin-bottom:.25rem}.parent-msg-body{margin:0 0 .35rem;font-size:.9rem;white-space:pre-wrap;line-height:1.5}.parent-msg-badge{font-size:.68rem;background:linear-gradient(135deg,#81d4fa,#4fc3f7);color:#fff;padding:.1rem .45rem;border-radius:8px;font-weight:600}.parent-msg-badge.received{background:linear-gradient(135deg,#a5d6a7,#66bb6a)}.parent-invoice-list{list-style:none;margin:0;padding:0}.parent-invoice-item{padding:.9rem 1rem;margin-bottom:.6rem;background:#ffffffe6;border-radius:12px;border:1px solid rgba(207,216,220,.8);box-shadow:0 2px 8px #9e9e9e26}.parent-invoice-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.parent-invoice-title{display:flex;flex-direction:column;gap:.1rem}.parent-invoice-month{font-weight:700;font-size:.98rem}.parent-invoice-child{font-size:.85rem;color:var(--text-muted)}.parent-invoice-amount{font-weight:800;color:#2e7d32;font-size:1rem}.parent-invoice-meta{margin-top:.35rem;display:flex;gap:.5rem;font-size:.78rem;align-items:center;flex-wrap:wrap}.parent-invoice-status{padding:.15rem .45rem;border-radius:999px;font-weight:600;font-size:.75rem}.parent-invoice-status--draft{background:#fff3e0;color:#ef6c00}.parent-invoice-status--confirmed{background:#e3f2fd;color:#1565c0}.parent-invoice-status--paid{background:#ede7f6;color:#6a1b9a}.parent-invoice-status--received{background:#e8f5e9;color:#2e7d32}.parent-invoice-paidat{color:#78909c}.parent-invoice-viewed{color:#5c6bc0}.parent-note{font-size:.82rem;color:var(--text-muted);margin-top:-.4rem;margin-bottom:.7rem}.parent-snack-page{padding:.5rem}.parent-snack-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:800;color:#4a3728;display:flex;align-items:center;gap:.4rem}.parent-snack-month-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.parent-snack-nav-btn{padding:.35rem .85rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(206,147,216,.25);border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;color:#8e24aa;transition:all .2s}.parent-snack-nav-btn:hover{background:#f3e5f580}.parent-snack-month-label{font-size:1.1rem;font-weight:700;color:#4a3728}.parent-snack-empty{text-align:center;padding:2rem;color:#999;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px}.parent-snack-empty-icon{font-size:2rem;margin-bottom:.5rem}.parent-snack-calendar{display:grid;grid-template-columns:repeat(7,1fr);border-radius:16px;overflow:hidden;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000a}.parent-snack-dow{text-align:center;padding:.4rem;font-weight:700;font-size:.73rem;background:#f3e5f566;border-bottom:1px solid rgba(206,147,216,.12);color:#455a64}.parent-snack-dow--sun{color:#c62828}.parent-snack-dow--sat{color:#1565c0}.parent-snack-cell{min-height:65px;padding:.2rem;border-right:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03);transition:background .15s}.parent-snack-cell--out{opacity:.3}.parent-snack-cell--today{background:#fff8e1b3}.parent-snack-cell--sun{background:#fff8f880}.parent-snack-cell--sat{background:#f8f8ff80}.parent-snack-cell--clickable{cursor:pointer}.parent-snack-cell--clickable:hover{background:#f3e5f54d}.parent-snack-day{font-size:.72rem;font-weight:600;margin-bottom:.1rem}.parent-snack-day-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%}.parent-snack-day-num--today{background:#ff9800;color:#fff;font-weight:700}.parent-snack-day-num--sun{color:#c62828}.parent-snack-day-num--sat{color:#1565c0}.parent-snack-cell-content{background:#fff3e099;border-radius:6px;padding:.1rem .2rem;border:1px solid rgba(255,224,178,.5)}.parent-snack-cell-name{font-size:.65rem;font-weight:700;color:#e65100;line-height:1.2}.parent-snack-cell-allergen{font-size:.55rem;color:#c62828;font-weight:600}.parent-snack-today-highlight{margin-top:.75rem;padding:.75rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(255,224,130,.4);box-shadow:0 2px 12px #ffb74d14}.parent-snack-today-label{font-weight:700;color:#e65100;margin-bottom:.3rem;font-size:.88rem}.parent-snack-today-name{font-size:1rem;font-weight:700;color:#455a64}.parent-snack-today-allergen{display:inline-block;background:#ffebeeb3;color:#c62828;border-radius:8px;padding:1px 8px;font-size:.78rem;font-weight:600;margin-top:.3rem}.parent-snack-published{margin-top:1rem}.parent-snack-published-label{font-weight:700;color:#455a64;font-size:.86rem;margin-bottom:.5rem}.parent-snack-published-list{display:flex;flex-wrap:wrap;gap:.4rem}.parent-snack-published-btn{padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;background:#fff9;color:#455a64}.parent-snack-published-btn--active{background:linear-gradient(135deg,#f48fb1,#ce93d8);color:#fff;box-shadow:0 2px 8px #ce93d840}.parent-snack-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.parent-snack-modal{background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;width:90%;max-width:400px;box-shadow:0 12px 48px #00000026;overflow:hidden;border:1px solid rgba(255,255,255,.5)}.parent-snack-modal-header{padding:.75rem 1rem;background:linear-gradient(135deg,#fff3e099,#ffe0b266)}.parent-snack-modal-title{font-weight:700;color:#e65100;font-size:.9rem}.parent-snack-modal-body{padding:1rem}.parent-snack-modal-name{font-size:1.1rem;font-weight:700;color:#455a64;margin-bottom:.5rem}.parent-snack-modal-allergen{display:inline-block;background:#ffebeeb3;color:#c62828;border-radius:8px;padding:2px 10px;font-size:.82rem;font-weight:600;margin-bottom:.5rem}.parent-snack-modal-cost{font-size:.88rem;color:#78909c}.parent-snack-modal-close{margin-top:1rem;padding:.45rem 1.5rem;background:#f3e5f566;border:1px solid rgba(206,147,216,.25);border-radius:12px;cursor:pointer;font-weight:600;color:#4a3728;transition:all .2s}.parent-snack-modal-close:hover{background:#f3e5f599}.parent-loading{text-align:center;padding:2rem;color:#f48fb1;font-weight:600}