@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{--color-primary:#8a283c;--color-primary-light:#b83d56;--color-primary-lighter:#c76b7d;--color-primary-dark:#5a1624;--color-primary-bg:#faf0f2b3;--color-primary-bg-hover:#f3e2e6cc;--gradient-primary:linear-gradient(135deg, #6a1b2a 0%, #8a283c 50%, #a13659 100%);--gradient-header:linear-gradient(160deg, #54121fd9 0%, #7e2537d9 40%, #9b3b5bd9 100%);--gradient-card:linear-gradient(135deg, #8a283c, #b83d66);--gradient-surface:linear-gradient(145deg, #fff 0%, #fcfcfd 100%);--color-accent:#e8a530;--color-accent-light:#e8c17d;--color-success:#2bab81;--color-danger:#df3a3a;--color-warning:#f4a825;--color-info:#3577d4;--color-bg:#f3f4f6;--color-surface:#ffffffd9;--color-surface-solid:#fff;--color-surface-hover:#fffffff2;--color-surface-active:#e7e7e9;--color-border:#c8ccd480;--color-border-light:#dce0e666;--color-text:#21212c;--color-text-secondary:#6a6a7c;--color-text-tertiary:#93939f;--color-text-inverse:#fff;--font-primary:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", "Noto Sans JP", sans-serif;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:50%;--radius-pill:100px;--shadow-xs:0 2px 4px #00000005;--shadow-sm:0 4px 12px #00000008, 0 1px 2px #00000005;--shadow-md:0 8px 24px #0000000a, 0 2px 6px #00000008;--shadow-lg:0 16px 48px #0000000f, 0 4px 12px #0000000a;--shadow-xl:0 24px 64px #00000014;--shadow-colored:0 12px 32px #8a283c40, 0 4px 12px #8a283c26;--shadow-colored-hover:0 16px 40px #8a283c59, 0 6px 16px #8a283c33;--shadow-card-hover:0 12px 32px #0000000f, 0 4px 12px #00000008;--blur-md:blur(12px);--blur-lg:blur(24px);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.6s cubic-bezier(.34, 1.56, .64, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--header-height:0px;--hero-height:180px;--bottom-nav-height:80px;--max-content-width:640px;--admin-max-width:1024px;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-modal-backdrop:30;--z-modal:40;--z-toast:50}[data-theme=dark]{--color-bg:#0c0c0e;--color-surface:#18181cbf;--color-surface-solid:#17171c;--color-surface-hover:#202026d9;--color-surface-active:#2f2f37;--color-border:#ffffff14;--color-border-light:#ffffff0a;--color-text:#ececef;--color-text-secondary:#a1a1aa;--color-text-tertiary:#76767f;--color-primary-bg:#32151b80;--color-primary-bg-hover:#3e1e2499;--color-primary-light:#d2798b;--gradient-header:linear-gradient(160deg, #3b0c16d9 0%, #571926d9 40%, #6f2a41d9 100%);--gradient-surface:linear-gradient(145deg, #1c1c21 0%, #131316 100%);--shadow-sm:0 4px 12px #0006;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-card-hover:0 12px 32px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0c0c0e;--color-surface:#18181cbf;--color-surface-solid:#17171c;--color-surface-hover:#202026d9;--color-surface-active:#2f2f37;--color-border:#ffffff14;--color-border-light:#ffffff0a;--color-text:#ececef;--color-text-secondary:#a1a1aa;--color-text-tertiary:#76767f;--color-primary-bg:#32151b80;--color-primary-bg-hover:#3e1e2499;--gradient-header:linear-gradient(160deg, #3b0c16d9 0%, #571926d9 40%, #6f2a41d9 100%);--gradient-surface:linear-gradient(145deg, #1c1c21 0%, #131316 100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulseRipple{0%{box-shadow:0 0 #8a283c66}70%{box-shadow:0 0 0 12px #8a283c00}to{box-shadow:0 0 #8a283c00}}.animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.stagger-1{opacity:0;animation-delay:50ms}.stagger-2{opacity:0;animation-delay:.1s}.stagger-3{opacity:0;animation-delay:.15s}.stagger-4{opacity:0;animation-delay:.2s}.stagger-5{opacity:0;animation-delay:.25s}.glass{background:var(--color-surface);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--color-primary-dark);font-size:16px}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}button{font-family:var(--font-primary);cursor:pointer;font-size:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-primary);outline:none;font-size:16px}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}#app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:var(--z-sticky);background:var(--gradient-header);-webkit-backdrop-filter:var(--blur-md);color:var(--color-text-inverse);padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-direction:row;justify-content:space-between;align-items:center;min-height:64px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001a}.app-header:before{content:"";background:#ffffff0d;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-40px}.app-header:after{content:"";background:#ffffff08;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px;left:-30px}.app-header__top{z-index:2;justify-content:space-between;align-items:center;margin-bottom:auto;display:flex;position:relative}.app-header__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);letter-spacing:.02em;z-index:2;font-size:.95rem;font-weight:700;display:flex;position:relative}.app-header__logo-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-header__actions{align-items:center;gap:var(--space-sm);z-index:2;margin-left:auto;display:flex;position:relative}.app-header__btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-inverse);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff14;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:relative}.app-header__btn:hover{background:#ffffff38;transform:scale(1.05)}.app-header__btn .badge{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;border:2px solid var(--color-primary-dark);justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.app-main{padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));max-width:var(--max-content-width);width:100%;z-index:var(--z-base);flex:1;margin:0 auto;position:relative}.app-main--admin{max-width:var(--admin-max-width)}.bottom-nav{bottom:calc(env(safe-area-inset-bottom,24px) + 10px);-webkit-backdrop-filter:saturate(180%)blur(24px);width:calc(100% - 48px);max-width:400px;height:64px;z-index:var(--z-sticky);background:#ffffffd9;border:1px solid #0000000d;border-radius:32px;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000014}[data-theme=dark] .bottom-nav{background:#1e1e1ed9;border:1px solid #ffffff1a;box-shadow:0 12px 36px #0006}.bottom-nav__item{height:48px;color:var(--color-text-tertiary);transition:all var(--transition-bounce);letter-spacing:.02em;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-size:.65rem;font-weight:600;display:flex;position:relative}.bottom-nav__item:hover{background:var(--color-surface-hover);transform:scale(1.02)}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__item--active:before{content:"";background:var(--color-primary-bg);z-index:-1;border-radius:24px;position:absolute;inset:0 10%}.bottom-nav__icon{transition:transform var(--transition-spring);font-size:1.35rem;line-height:1}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__item .badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.58rem;font-weight:700;animation:2s infinite badgePulse;display:flex;position:absolute;top:0;right:4px}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-border-light);transform:translateY(-2px)}.card--glass{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #fff6}[data-theme=dark] .card--glass{background:#141216bf;border:1px solid #ffffff0f}.card--urgent{border:1px solid var(--color-danger);background:#e1293d08;box-shadow:0 0 16px #e1293d26}.card--notice{cursor:pointer;padding:0}.card--notice:active{transform:scale(.98)}.notice-card{gap:var(--space-md);padding:var(--space-md) calc(var(--space-md) + 2px);display:flex}.notice-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.notice-card__icon--normal{background:var(--color-primary-bg);color:var(--color-primary)}.notice-card__icon--urgent{color:var(--color-danger);background:#fbe5e5}.notice-card__content{flex:1;min-width:0}.notice-card__title{align-items:center;gap:var(--space-xs);margin-bottom:3px;font-size:.94rem;font-weight:600;line-height:1.35;display:flex}.notice-card__title .unread-dot{border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;width:8px;height:8px;animation:2s infinite dotPulse}.notice-card__excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.notice-card__meta{color:var(--color-text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.7rem;display:flex}.notice-card__tag{border-radius:var(--radius-pill);letter-spacing:.03em;align-items:center;padding:2px 8px;font-size:.64rem;font-weight:700;display:inline-flex}.notice-card__tag--urgent{background:var(--color-danger);color:#fff}.notice-card__tag--new{background:var(--color-primary);color:#fff}.preview-btn{opacity:0;transition:opacity .2s,background .2s}.notice-card:hover .preview-btn{opacity:1}.preview-btn:hover{color:var(--color-primary);background:var(--color-surface)!important;border-color:var(--color-primary)!important}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:.02em;font-size:.92rem;font-weight:600;font-family:var(--font-heading);padding:12px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.btn:active:after{opacity:.2}.btn--primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-colored);border:1px solid #c683}.btn--primary:hover{box-shadow:var(--shadow-colored-hover);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-bg)}.btn--ghost{color:var(--color-text-secondary);padding:10px 16px}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{background:linear-gradient(135deg, var(--color-danger), #d94426);color:#fff;box-shadow:0 4px 14px #df3a3a40}.btn--full{width:100%}.btn--sm{border-radius:var(--radius-sm);padding:9px 18px;font-size:.82rem}.btn--lg{border-radius:var(--radius-lg);padding:16px 36px;font-size:1rem}#logout-btn{background:var(--color-surface);color:var(--color-danger)!important;border-color:var(--color-danger)!important;border-radius:var(--radius-md)!important}#logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #df3a3a1a;color:var(--color-danger)!important;border-color:var(--color-danger)!important;background:#df3a3a14!important}#logout-btn:active{transform:translateY(0)}[data-theme=dark] #logout-btn{background:#1e1e1ed9}[data-theme=dark] #logout-btn:hover{background:#df3a3a26!important}.form-group{margin-bottom:var(--space-md)}.form-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-input{box-sizing:border-box;width:100%;padding:14px var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-base);font-size:.95rem;display:block;box-shadow:inset 0 2px 4px #00000003}input[type=date].form-input,input[type=datetime-local].form-input{appearance:none;min-height:48px;display:block;box-sizing:border-box!important;width:100%!important}.form-input:focus{background:var(--color-surface-solid);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg), inset 0 2px 4px #00000005;outline:none}.form-input::placeholder{color:var(--color-text-tertiary)}.form-select{width:100%;padding:14px var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);appearance:none;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23888'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px;box-shadow:inset 0 2px 4px #00000003}.form-select:focus{background-color:var(--color-surface-solid);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg);outline:none}.form-textarea{width:100%;padding:14px var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical;min-height:120px;transition:all var(--transition-base);box-shadow:inset 0 2px 4px #00000003}.form-textarea:focus{background:var(--color-surface-solid);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg);outline:none}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md) calc(var(--space-md) + 2px);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{margin-bottom:var(--space-sm);font-size:1.6rem}.stat-card__value{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.stat-card__label{color:var(--color-text-secondary);margin-top:4px;font-size:.72rem;font-weight:500}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.section-header__title{align-items:center;gap:var(--space-sm);font-size:1.05rem;font-weight:700;display:flex}.section-header__controls{gap:var(--space-sm);align-items:center;display:flex}@media (width<=576px){.section-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.section-header__controls{justify-content:space-between;gap:var(--space-sm);width:100%}.section-header__controls .search-bar{flex:1}.section-header__controls .search-bar input{width:100%!important}}.section-header__action{color:var(--color-primary);transition:opacity var(--transition-fast);font-size:.82rem;font-weight:600}.section-header__action:hover{opacity:.7}.page-title{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;display:flex}.list{flex-direction:column;gap:10px;display:flex}.list-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast);display:flex}.list-item:hover{background:var(--color-surface-hover)}.toast-container{top:var(--space-lg);right:var(--space-md);left:var(--space-md);z-index:var(--z-toast);gap:var(--space-sm);max-width:var(--max-content-width);pointer-events:none;flex-direction:column;margin:0 auto;display:flex;position:fixed}.toast{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md) calc(var(--space-md) + 4px);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);align-items:center;gap:var(--space-md);pointer-events:auto;animation:toastIn var(--transition-bounce) forwards;display:flex}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-danger)}.toast--info{border-left:4px solid var(--color-info)}.toast__icon{flex-shrink:0;font-size:1.2rem}.toast__message{flex:1;font-size:.88rem;font-weight:500}.toast__close{color:var(--color-text-tertiary);padding:4px;font-size:1.1rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) forwards;background:#00000073;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90dvh;z-index:var(--z-modal);animation:slideUp var(--transition-base) forwards;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.modal__handle{background:var(--color-border);width:40px;height:4px;margin:10px auto var(--space-md);border-radius:2px}.modal__header{padding:0 var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:1.1rem;font-weight:700}.modal__body{padding:var(--space-lg)}.login-page{min-height:100dvh;padding:var(--space-xl);background:var(--gradient-header);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:350px;height:350px;position:absolute;top:-100px;right:-100px}.login-page:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-60px;left:-80px}.login-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);width:100%;max-width:380px;box-shadow:var(--shadow-xl);z-index:1;background:#fffffff7;border:1px solid #ffffff4d;padding-bottom:260px;position:relative;overflow:hidden}[data-theme=dark] .login-card{background:#121014f7;border-color:#ffffff0f}.login-card__logo{text-align:center;margin-bottom:var(--space-xl)}.login-card__logo-icon{width:72px;height:72px;margin:0 auto var(--space-md);background:var(--gradient-card);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-colored);justify-content:center;align-items:center;font-size:2rem;display:flex}.login-card__title{color:var(--color-text);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.login-card__subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:.82rem}.login-card__school-name{color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:2px;font-size:1.1rem;font-weight:600}.login-wave{pointer-events:none;height:232px;position:absolute;bottom:-2px;left:-2px;right:-2px}.login-wave>svg{z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.login-mascot{z-index:2;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.login-mascot img,.login-mascot svg{filter:drop-shadow(0 -4px 12px #0000001a);width:180px;height:auto;display:block}#mascot-pupil-left,#mascot-pupil-right{will-change:transform;transition:transform 80ms cubic-bezier(.25,.46,.45,.94)}.login-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.demo-buttons{flex-direction:column;gap:10px;display:flex}.demo-btn{align-items:center;gap:var(--space-md);padding:14px var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-base);text-align:left;width:100%;display:flex}.demo-btn:hover{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-btn:active{transform:scale(.98)}.demo-btn__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.demo-btn__icon--user{color:#2d72d2;background:linear-gradient(135deg,#e2ebf8,#d0def1)}.demo-btn__icon--admin{background:linear-gradient(135deg, var(--color-primary-bg), #edd4d9);color:var(--color-primary)}.demo-btn__text{flex:1}.demo-btn__title{color:var(--color-text);font-size:.92rem;font-weight:600}.demo-btn__desc{color:var(--color-text-secondary);margin-top:1px;font-size:.72rem}.demo-btn__arrow{color:var(--color-text-tertiary);transition:transform var(--transition-fast);font-size:1.15rem}.demo-btn:hover .demo-btn__arrow{transform:translate(3px)}.lang-switch{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;padding:2px;font-size:.72rem;display:inline-flex}.app-main .lang-switch,.login-card .lang-switch{background:var(--color-surface-hover)}.lang-switch__btn{color:#fff9;transition:all var(--transition-fast);border-radius:7px;padding:4px 12px;font-weight:600}.app-main .lang-switch__btn,.login-card .lang-switch__btn{color:var(--color-text-secondary)}.lang-switch__btn--active{color:#fff;box-shadow:var(--shadow-xs);background:#fff3}.app-main .lang-switch__btn--active,.login-card .lang-switch__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-tertiary)}.empty-state__icon{margin-bottom:var(--space-md);opacity:.4;font-size:3.5rem}.empty-state__text{font-size:.92rem;font-weight:500}.badge-pill{border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-pill--primary{background:var(--color-primary-bg);color:var(--color-primary)}.badge-pill--danger{color:var(--color-danger);background:#fbe5e5}.badge-pill--success{color:var(--color-success);background:#e3f7f0}.badge-pill--info{color:var(--color-info);background:#e7eef9}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;padding:10px var(--space-md);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--color-border);font-size:.7rem;font-weight:700}.data-table td{padding:10px var(--space-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.admin-nav{display:none}@media (width>=768px){.admin-layout{min-height:calc(100dvh - var(--hero-height));grid-template-columns:250px 1fr;display:grid}.admin-nav{padding:var(--space-md);background:var(--color-surface);border-right:1px solid var(--color-border-light);flex-direction:column;gap:2px;display:flex}.admin-nav__item{align-items:center;gap:var(--space-sm);padding:11px var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.88rem;font-weight:500;display:flex}.admin-nav__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-nav__item--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.admin-nav__icon{text-align:center;width:24px;font-size:1.1rem}.admin-nav__item--logout{color:var(--color-danger);border-top:1px solid var(--color-border-light);margin-top:var(--space-sm);padding-top:14px}.admin-nav__item--logout:hover{color:var(--color-danger);background:#fceded}}.tabs{background:var(--color-surface-hover);border-radius:var(--radius-md);margin-bottom:var(--space-lg);gap:2px;padding:3px;display:flex}.tab{padding:9px var(--space-md);text-align:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);flex:1;font-size:.82rem;font-weight:600}.tab--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.progress-bar{background:var(--color-surface-hover);border-radius:3px;height:6px;overflow:hidden}.progress-bar__fill{background:var(--gradient-card);height:100%;transition:width var(--transition-slow);border-radius:3px}.success-overlay{z-index:var(--z-modal);animation:fadeIn var(--transition-fast) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .success-overlay{background:#08060af5}.success-overlay__check{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-success), #3c9);color:#fff;width:88px;height:88px;animation:checkmark var(--transition-bounce) forwards;margin-bottom:var(--space-lg);justify-content:center;align-items:center;font-size:2.8rem;display:flex;box-shadow:0 8px 24px #2bab814d}.success-overlay__text{color:var(--color-text);font-size:1.15rem;font-weight:700}.success-overlay__sub{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.85rem}.notice-detail__header{margin-bottom:var(--space-lg)}.notice-detail__priority{margin-bottom:var(--space-sm)}.notice-detail__title{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.notice-detail__meta{color:var(--color-text-secondary);gap:var(--space-sm);flex-wrap:wrap;font-size:.8rem;display:flex}.notice-detail__body{white-space:pre-wrap;font-size:.95rem;line-height:1.85}.notice-detail__attachment{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--color-surface-hover);border-radius:var(--radius-sm);color:var(--color-primary);margin-top:var(--space-sm);transition:background var(--transition-fast);font-size:.85rem;display:flex}.notice-detail__attachment:hover{background:var(--color-primary-bg)}.survey-card{padding:var(--space-md)}.survey-card__title{margin-bottom:3px;font-size:.95rem;font-weight:600}.survey-card__deadline{color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-size:.72rem}.survey-card__status{justify-content:space-between;align-items:center;display:flex}.survey-question{margin-bottom:var(--space-lg)}.survey-question__text{margin-bottom:var(--space-sm);font-size:.95rem;font-weight:600}.survey-question__required{color:var(--color-danger);margin-left:var(--space-xs);font-size:.75rem}.survey-option{padding:12px var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:10px;font-size:.92rem;display:flex}.survey-option:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.survey-option--selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.survey-option__radio{border-radius:var(--radius-full);border:2px solid var(--color-border);width:22px;height:22px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.survey-option--selected .survey-option__radio{border-color:var(--color-primary)}.survey-option--selected .survey-option__radio:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:11px;height:11px;animation:scaleIn var(--transition-spring) forwards}.profile-avatar{border-radius:var(--radius-full);background:var(--gradient-card);color:#fff;width:80px;height:80px;margin:0 auto var(--space-md);box-shadow:var(--shadow-colored);justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.profile-name{text-align:center;letter-spacing:-.01em;margin-bottom:2px;font-size:1.25rem;font-weight:800}.profile-role{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:.82rem}.settings-group{margin-bottom:var(--space-lg)}.settings-group__title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--space-md);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:700}.settings-item{align-items:center;gap:var(--space-md);padding:14px var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast);cursor:pointer;display:flex}.settings-item:first-of-type{border-radius:var(--radius-md) var(--radius-md) 0 0}.settings-item:last-of-type{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.settings-item:hover{background:var(--color-surface-hover)}.settings-item__icon{text-align:center;width:28px;font-size:1.2rem}.settings-item__text{flex:1;font-size:.92rem;font-weight:500}.settings-item__value{color:var(--color-text-secondary);font-size:.82rem}.settings-item__arrow{color:var(--color-text-tertiary)}.toggle{width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__slider{cursor:pointer;background:var(--color-border);transition:background var(--transition-base);border-radius:13px;position:absolute;inset:0}.toggle__slider:before{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--transition-spring);box-shadow:var(--shadow-sm);background:#fff;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle__slider{background:var(--color-primary)}.toggle input:checked+.toggle__slider:before{transform:translate(22px)}.skeleton{background:linear-gradient(90deg, var(--color-surface-hover) 25%, var(--color-surface) 50%, var(--color-surface-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton--text{width:80%;height:14px;margin-bottom:var(--space-xs)}.skeleton--title{width:60%;height:18px;margin-bottom:var(--space-sm)}.skeleton--circle{border-radius:var(--radius-full);width:40px;height:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes checkmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.15)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-in{animation:fadeInUp var(--transition-base) both}.animate-in-delay-1{animation-delay:60ms}.animate-in-delay-2{animation-delay:.12s}.animate-in-delay-3{animation-delay:.18s}.animate-in-delay-4{animation-delay:.24s}.animate-in-delay-5{animation-delay:.3s}.attach-zone{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-lg);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg);flex-direction:column;display:flex}.attach-zone:hover{border-color:var(--color-primary-lighter);background:var(--color-primary-bg)}.attach-list{margin-top:var(--space-sm)}.attach-summary{color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:500}.attach-item{align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);border-radius:var(--radius-xs);background:var(--color-surface-hover);margin-bottom:4px;font-size:.82rem;display:flex}.attach-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.attach-item__size{color:var(--color-text-tertiary);flex-shrink:0;font-size:.72rem}.attach-item__remove{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.attach-item__remove:hover{color:var(--color-danger);background:#fbe5e5}.compose-priority{gap:var(--space-xs);display:flex}.compose-priority__btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:8px 20px;font-size:.82rem;font-weight:600}.compose-priority__btn:hover{border-color:var(--color-primary-lighter)}.compose-priority__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.compose-schedule-panel{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-primary-bg);border-radius:var(--radius-md);border:1px solid var(--color-primary-bg-hover)}.read-tabs{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.read-tab{padding:10px var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);flex:1;font-size:.85rem;font-weight:600;display:flex}.read-tab:hover{border-color:var(--color-primary-lighter)}.read-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.report-question{margin-bottom:2px;font-size:.95rem;font-weight:600}.report-question-type{color:var(--color-text-tertiary);margin-bottom:var(--space-md);font-size:.72rem}.report-chart{gap:var(--space-sm);flex-direction:column;display:flex}.report-bar-row{align-items:center;gap:var(--space-md);display:flex}.report-bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:100px;max-width:160px;font-size:.82rem;font-weight:500;overflow:hidden}.report-bar-track{background:var(--color-bg);border-radius:var(--radius-xs);flex:1;height:24px;overflow:hidden}.report-bar-fill{background:var(--gradient-card);border-radius:var(--radius-xs);min-width:2px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.report-bar-value{text-align:right;min-width:70px;color:var(--color-text-secondary);font-size:.78rem;font-weight:600}.report-text-list{gap:var(--space-sm);flex-direction:column;display:flex}.report-text-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5;display:flex}.btn--xs{border-radius:var(--radius-xs);padding:6px 10px;font-size:.78rem}.user-sidebar{display:none}@media (width<=375px){:root{--space-md:12px;--space-lg:18px}}@media (width<=767px){.app-header{width:100%;height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box;position:fixed;top:0;left:0;right:0}.app-main{padding-top:calc(64px + env(safe-area-inset-top,0px) + var(--space-lg))}}@media (width>=768px){.bottom-nav{display:none!important}#app:has(.user-sidebar) .app-header{display:none!important}.user-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-light);width:240px;z-index:var(--z-sticky);padding:0 0 var(--space-lg) 0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.user-sidebar__logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);background:var(--gradient-header);color:#fff;box-sizing:border-box;border-radius:0;width:100%;padding:16px 20px;display:flex}.user-sidebar__logo-icon{background:var(--gradient-card);border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-colored);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.user-sidebar__logo-text{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.user-sidebar__nav{gap:var(--space-xs);padding:0 var(--space-md);flex-direction:column;flex-grow:1;display:flex}.user-sidebar__item{align-items:center;gap:var(--space-md);padding:12px var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left;width:100%;font-size:.92rem;font-weight:500;display:flex;position:relative}.user-sidebar__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.user-sidebar__item--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.user-sidebar__item--active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.user-sidebar__icon{text-align:center;justify-content:center;align-items:center;width:24px;font-size:1.2rem;display:flex}.user-sidebar__label{flex:1}.user-sidebar__badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex}.user-sidebar__footer{border-top:1px solid var(--color-border-light);padding:var(--space-md) var(--space-md) 0 var(--space-md);margin-top:var(--space-sm)}.user-sidebar__item--logout{color:var(--color-danger)}.user-sidebar__item--logout:hover{color:var(--color-danger);background:#fdf2f2}#app:has(.user-sidebar){padding-left:240px}#app:has(.user-sidebar) .app-main{max-width:800px;padding-bottom:var(--space-xl);padding-top:var(--space-xl);padding-left:var(--space-xl);padding-right:var(--space-xl)}.app-main--admin{max-width:var(--admin-max-width)}.login-page{min-height:100dvh}}.tt-calendar-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tt-calendar-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.tt-calendar-nav{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.tt-calendar-nav:hover{background:var(--color-surface-hover);color:var(--color-text)}.tt-calendar-month{color:var(--color-text);text-align:center;min-width:120px;font-size:1.05rem;font-weight:700}.tt-calendar-view-toggle{background:var(--color-surface-hover);border-radius:var(--radius-sm);gap:2px;margin-left:auto;padding:2px;display:flex}.tt-view-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.tt-view-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #0000001a}.tt-cal-day-headers{margin-bottom:var(--space-xs);grid-template-columns:repeat(7,1fr);display:grid}.tt-cal-dayname{text-align:center;color:var(--color-text-tertiary);text-transform:uppercase;padding:4px 0;font-size:.7rem;font-weight:600}.tt-cal-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.tt-cal-days--week{grid-template-columns:repeat(7,1fr)}.tt-cal-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .15s;display:flex;position:relative}.tt-cal-cell:hover{background:var(--color-surface-hover)}.tt-cal-cell--empty{pointer-events:none}.tt-cal-cell--weekend{opacity:.5}.tt-cal-cell--today{background:var(--color-primary-bg)}.tt-cal-cell--today .tt-cal-date{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.tt-cal-cell--change{background:#b3424a14}.tt-cal-date{color:var(--color-text);font-size:.8rem;font-weight:500}.tt-cal-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px}.tt-cal-cell--week{aspect-ratio:auto;min-height:60px;padding:var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.tt-cal-event{color:var(--color-primary);background:var(--color-primary-bg);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:100%;padding:2px 4px;font-size:.6rem;font-weight:600;line-height:1.2;overflow:hidden}.tt-section-title{color:var(--color-text);margin-bottom:var(--space-md);align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:700;display:flex}.tt-changes-section,.tt-grid-section{margin-bottom:var(--space-lg)}.timetable-grid-wrapper{margin-top:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.timetable-grid-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.timetable-grid{border-collapse:collapse;width:100%;min-width:500px;font-size:.75rem}.timetable-grid th{color:var(--color-text-secondary);text-align:center;border-bottom:2px solid var(--color-border);background:var(--color-surface-hover);padding:8px 6px;font-size:.72rem;font-weight:700}.timetable-grid td{border:1px solid var(--color-border-light);text-align:center;vertical-align:top;min-height:60px;color:var(--color-text);padding:8px 6px;line-height:1.4}.timetable-period{color:var(--color-text-secondary);background:var(--color-surface-hover);width:30px;font-weight:700}.timetable-grid tbody tr:hover td{background:var(--color-primary-bg)}.admin-layout{position:relative}.admin-layout:after{content:"";opacity:.8;pointer-events:none;z-index:0;background:url(/icons/mascot.svg) bottom/contain no-repeat;width:120px;height:140px;position:fixed;bottom:0;right:0}@media (width<=768px){.admin-layout:after{display:none}.login-mascot img{width:140px}}.tt-week-integrated{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tt-week-table{border-collapse:collapse;width:100%;min-width:500px;font-size:.75rem}.tt-week-table th{text-align:center;border-bottom:2px solid var(--color-border);background:var(--color-surface);padding:8px 4px}.tt-week-period-header{width:30px}.tt-week-dayheader{min-width:80px}.tt-week-dayheader--today .tt-week-datenum{background:var(--color-primary);color:#fff;border-radius:50%;width:20px;height:20px;line-height:20px;display:inline-block}.tt-week-dayname{color:var(--color-text-secondary);font-size:.7rem;display:block}.tt-week-datenum{color:var(--color-text);margin-top:2px;font-size:.85rem;font-weight:600;display:inline-block}.tt-week-dayheader--change{position:relative}.tt-week-table td{border:1px solid var(--color-border-light);text-align:center;vertical-align:middle;min-height:60px;padding:6px;line-height:1.4}.tt-week-period{color:var(--color-text-secondary);background:var(--color-surface-hover);font-weight:700}.tt-week-cell{background:var(--color-surface);position:relative}.tt-week-cell--changed{background:#b3424a0d}.tt-week-cell-original{color:var(--color-text-tertiary);margin-bottom:2px;font-size:.7rem;text-decoration:line-through}.tt-week-cell-change{color:var(--color-primary);justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex}