@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#06c755;--color-primary-hover:#05b34c;--color-primary-light:#e8f8ee;--color-primary-dark:#049840;--color-accent:#ffb800;--color-accent-light:#fff3d6;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-hover:#f8f9fb;--color-border:#e5e7eb;--color-border-light:#f0f1f3;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-urgent:#ef4444;--color-urgent-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-praise:#f59e0b;--color-praise-bg:#fffbeb;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-error:#ef4444;--color-error-bg:#fef2f2;--font-family:"Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #06c75526;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--header-height:64px;--max-content-width:1200px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.container{max-width:var(--max-content-width);padding:0 var(--space-6);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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 slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-bounce{animation:2s infinite bounce}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-weight:600;line-height:1.25;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 8px #06c7554d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #06c75566}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-lg);width:40px;height:40px;padding:0}.btn-line{color:#fff;font-size:var(--text-base);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);background:#06c755;box-shadow:0 4px 14px #06c75559}.btn-line:hover:not(:disabled){background:#05b34c;transform:translateY(-2px);box-shadow:0 6px 20px #06c75573}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);color:var(--color-text);font-weight:700}.card-glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #06c7551a}.input::placeholder{color:var(--color-text-tertiary)}.textarea{resize:vertical;min-height:120px;line-height:1.6}.select{appearance:none;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 fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600;line-height:1.5;display:inline-flex}.badge-urgent{background:var(--color-urgent-bg);color:var(--color-urgent)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-praise{background:var(--color-praise-bg);color:var(--color-praise)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.toast-container{top:var(--space-4);right:var(--space-4);z-index:9999;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-primary);animation:slideInRight var(--transition-spring) forwards;pointer-events:auto;max-width:380px;display:flex}.toast-error{border-left-color:var(--color-error)}.toast-success{border-left-color:var(--color-success)}.toast-text{font-size:var(--text-sm);color:var(--color-text);flex:1;font-weight:500}.avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border-light);width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{border-width:3px;width:96px;height:96px}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:36px;height:36px}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{width:120px;height:120px;animation:3s ease-in-out infinite float}.empty-state-title{font-size:var(--text-xl);color:var(--color-text);font-weight:700}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-light);z-index:50;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);display:flex}.sidebar-nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-link-icon{font-size:var(--text-lg);text-align:center;width:24px}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light)}.admin-main{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.admin-header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:0 var(--space-8);z-index:40;background:#f5f7facc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-header-title{font-size:var(--text-xl);font-weight:700}.admin-content{padding:var(--space-8);animation:fadeIn var(--transition-base) ease-out}.friendly-login-page{min-height:100dvh;padding:var(--space-6);background:radial-gradient(circle at top,#ffb80024,#0000 30%),linear-gradient(#fbfdfb 0%,#f1f7f3 100%);justify-content:center;align-items:center;display:flex}.friendly-login-card{width:min(100%,430px);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;align-items:center;display:flex}.friendly-login-image{width:min(68vw,240px);height:auto;margin-bottom:var(--space-4);filter:drop-shadow(0 18px 28px #23352724)}.friendly-login-image,.liff-state-brand{border-radius:24px}.friendly-login-greeting{margin-bottom:var(--space-2);font-size:var(--text-base);color:#0b8f45;font-weight:700}.friendly-login-title{font-size:var(--text-3xl);color:#122117;font-weight:800;line-height:1.15}.friendly-login-description{max-width:340px;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.8}.friendly-login-button{width:100%;max-width:340px;min-height:54px;margin-top:var(--space-6);border-radius:var(--radius-full)}.friendly-login-alert{width:100%;max-width:340px;margin-top:var(--space-5);padding:var(--space-4);background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-sm);white-space:pre-line;border:1px solid #ef444429;border-radius:16px;font-weight:650}.friendly-login-spinner{border-color:#fff #ffffff4d #ffffff4d}.friendly-login-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary)}.announce-form{gap:var(--space-6);flex-direction:column;display:flex}.announce-type-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.announce-type-option{align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);flex-direction:column;display:flex}.announce-type-option:hover{border-color:var(--color-text-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.announce-type-option.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px #06c7551a}.announce-type-option[data-type=urgent].selected{border-color:var(--color-urgent);background:var(--color-urgent-bg);box-shadow:0 0 0 3px #ef44441a}.announce-type-option[data-type=praise].selected{border-color:var(--color-praise);background:var(--color-praise-bg);box-shadow:0 0 0 3px #f59e0b1a}.announce-type-emoji{font-size:var(--text-3xl)}.announce-type-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.announce-preview{padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.announce-preview-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-weight:600}.announce-split-layout{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:1024px){.announce-split-layout{gap:var(--space-8);grid-template-columns:minmax(0,55%) minmax(0,45%)}}.announce-preview-sticky{top:calc(var(--header-height) + var(--space-6));position:sticky}.announce-dropzone{width:100%;max-width:100%;padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);border:2px dashed var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.announce-dropzone:hover,.announce-dropzone.drag-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.announce-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.announce-section-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{padding:var(--space-5)}.stat-icon{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.stat-value{font-size:var(--text-3xl);color:var(--color-text);font-weight:800;line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.announcement-list{gap:var(--space-3);flex-direction:column;display:flex}.announcement-item{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.announcement-item:hover{background:var(--color-surface-hover)}.announcement-emoji{font-size:var(--text-xl);text-align:center;flex-shrink:0;width:32px}.announcement-content{flex:1;min-width:0}.announcement-text{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.announcement-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.admin-layout{grid-template-columns:var(--admin-sidebar-width) minmax(0, 1fr);--admin-sidebar-width:272px;--admin-sidebar-collapsed-width:84px;--admin-accent:#18a957;--admin-accent-strong:#0b8f45;--admin-accent-soft:#eefbf3;--admin-accent-soft-strong:#dcfce7;--admin-ink:#122117;--admin-muted:#66756b;--admin-line:#11182712;--admin-surface:#fff;--admin-page-bg:#f8fbf8;--admin-sidebar-bg:#fff;--admin-sidebar-muted:#6f7d73;--admin-resource:#0f9f6e;--admin-purple:#7c3aed;--admin-blue:#2563eb;--admin-amber:#d97706;--admin-orange:#ea580c;--admin-slate:#334155;background:var(--admin-page-bg);min-height:100vh;transition:grid-template-columns var(--transition-base);display:grid}.admin-layout.sidebar-collapsed{grid-template-columns:var(--admin-sidebar-collapsed-width) minmax(0, 1fr)}.sidebar{width:var(--admin-sidebar-width);background:var(--admin-sidebar-bg);min-width:0;height:100dvh;color:var(--admin-ink);z-index:10;border-right:1px solid var(--admin-line);transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-top{padding:var(--space-5);border-bottom:1px solid var(--admin-line)}.sidebar-account{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex;position:relative}.sidebar-account-main{align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;min-width:0;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;margin:-6px;padding:6px;display:flex}.sidebar-account-main:hover{border-color:var(--admin-line);background:#f8faf9}.sidebar-account-dropdown{border:1px solid var(--admin-line);z-index:100;background:#fff;border-radius:12px;flex-direction:column;gap:4px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 10px 25px #0000000f}.admin-layout.sidebar-collapsed .sidebar-account-dropdown{top:0;left:calc(100% + 16px)}.sidebar-account-dropdown-header{border-bottom:1px solid var(--admin-line);margin-bottom:4px;padding:8px 12px}.sidebar-account-dropdown-name{color:var(--admin-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-account-dropdown-role{color:var(--admin-sidebar-muted);font-size:.8rem}.sidebar-account-dropdown-item{cursor:pointer;color:var(--admin-ink);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:500;display:flex}.sidebar-account-dropdown-item:hover{background:#f4f5f5}.sidebar-account-dropdown-item.danger{color:#dc2626}.sidebar-account-dropdown-item.danger:hover{background:#fef2f2}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--admin-line);justify-content:flex-end;align-items:center;display:flex}.sidebar-icon-button{width:36px;height:36px;color:var(--admin-sidebar-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-icon-button:hover{color:var(--admin-ink);background:#eef3f0}.sidebar-logout-button:hover{color:var(--admin-orange);background:#ea580c1a}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-nav-group{flex-direction:column;gap:4px;display:flex;position:relative}.sidebar-link,.sidebar-section-button{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);width:100%;font-size:var(--text-sm);color:#365244;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;font-family:inherit;font-weight:700;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-section-button:hover{background:var(--admin-accent-soft);color:var(--admin-ink)}.sidebar-link.active,.sidebar-section-button.active{color:#fff;background:var(--admin-accent);box-shadow:none}.sidebar-link-icon,.sidebar-subnav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sidebar-link-label,.sidebar-user-copy,.sidebar-section-chevron{transition:opacity var(--transition-fast), max-width var(--transition-base)}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-section-chevron{color:currentColor;opacity:.65;transition:transform var(--transition-fast), opacity var(--transition-fast);align-items:center;margin-left:auto;display:flex;transform:rotate(90deg)}.sidebar-section-button[aria-expanded=true] .sidebar-section-chevron{opacity:1;transform:rotate(-90deg)}.sidebar-subnav{padding-left:var(--space-3);border-left:1px solid #11182714;flex-direction:column;gap:2px;margin-left:1.45rem;display:flex}.sidebar-subnav[hidden]{display:none}.sidebar-subnav-link,.sidebar-flyout-link{align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);color:#486154;font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);border-radius:12px;font-weight:650;text-decoration:none;display:flex}.sidebar-subnav-link:hover,.sidebar-flyout-link:hover{background:var(--admin-accent-soft);color:var(--admin-ink)}.sidebar-subnav-link.active,.sidebar-flyout-link.active{color:var(--admin-accent-strong);background:var(--admin-accent-soft)}.sidebar-flyout{width:232px;padding:var(--space-3);border:1px solid var(--admin-line);z-index:120;background:#fff;border-radius:18px;position:absolute;top:0;left:calc(100% + 12px);box-shadow:0 18px 42px #11182724}.sidebar-flyout:before{content:"";width:14px;height:100%;position:absolute;top:0;left:-14px}.sidebar-flyout-title{padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--admin-sidebar-muted);font-weight:800}.sidebar-flyout-list{flex-direction:column;gap:3px;display:flex}.sidebar-user-avatar{border:1px solid #06c7551f;width:42px;height:42px}.sidebar-user-fallback{color:var(--admin-accent-strong);background:#06c7551a;justify-content:center;align-items:center;display:flex}.sidebar-user-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user-name{font-size:var(--text-sm);color:var(--admin-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--admin-sidebar-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-main{background:var(--admin-page-bg);width:100%;min-width:0;min-height:100vh;margin-left:0}.admin-layout.sidebar-collapsed .sidebar{width:var(--admin-sidebar-collapsed-width);overflow:visible}.admin-layout.sidebar-collapsed .admin-main{width:100%;margin-left:0}.admin-layout.sidebar-collapsed .sidebar-top{padding:var(--space-4) 0 var(--space-2)}.admin-layout.sidebar-collapsed .sidebar-account{justify-content:center;gap:var(--space-2);flex-direction:column}.admin-layout.sidebar-collapsed .sidebar-link-label,.admin-layout.sidebar-collapsed .sidebar-user-copy,.admin-layout.sidebar-collapsed .sidebar-section-chevron{opacity:0;pointer-events:none;max-width:0;display:none;overflow:hidden}.admin-layout.sidebar-collapsed .sidebar-account-main{border-radius:14px;flex:none;justify-content:center;gap:0;width:44px;height:44px;margin:0;padding:0}.admin-layout.sidebar-collapsed .sidebar-user-avatar{width:44px;height:44px}.admin-layout.sidebar-collapsed .sidebar-footer{padding:var(--space-3) 0 var(--space-4);justify-content:center}.admin-layout.sidebar-collapsed .sidebar-icon-button{border-color:var(--admin-line);background:#fff;border-radius:14px;width:44px;height:44px}.admin-layout.sidebar-collapsed .sidebar-nav{width:100%;padding:var(--space-3) 0;align-items:center;gap:6px;overflow:visible}.admin-layout.sidebar-collapsed .sidebar-nav-group{align-items:center;gap:0;width:100%;padding:0}.admin-layout.sidebar-collapsed .sidebar-nav-group+.sidebar-nav-group{margin-top:6px}.admin-layout.sidebar-collapsed .sidebar-nav-group.active:after{content:"";background:var(--admin-accent);border-radius:999px;width:3px;height:24px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.admin-layout.sidebar-collapsed .sidebar-link,.admin-layout.sidebar-collapsed .sidebar-section-button{border-color:#0000;border-radius:14px;justify-content:center;gap:0;width:44px;height:44px;min-height:44px;margin:0 auto;padding:0}.admin-layout.sidebar-collapsed .sidebar-link:hover,.admin-layout.sidebar-collapsed .sidebar-section-button:hover{transform:none}.admin-layout.sidebar-collapsed .sidebar-link.active,.admin-layout.sidebar-collapsed .sidebar-section-button.active{background:var(--admin-accent);color:#fff}.admin-layout.sidebar-collapsed .sidebar-link-icon,.admin-layout.sidebar-collapsed .sidebar-link-icon svg{width:20px;height:20px}.admin-layout.sidebar-collapsed .sidebar-subnav{display:none}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:auto;padding:var(--space-6) var(--space-6) 0;z-index:0;background:0 0;border-bottom:none;display:flex;position:relative}.admin-header-context{flex-direction:column;gap:2px;display:flex}.admin-header-context-label{letter-spacing:.08em;text-transform:uppercase;color:var(--admin-accent-strong);font-size:.72rem;font-weight:700}.admin-header-title{font-size:var(--text-xl);color:var(--admin-ink);font-weight:780}.admin-header-actions{align-items:center;gap:var(--space-3);display:flex}.admin-shell{width:100%;max-width:1360px;margin:0 auto}.admin-content{padding:var(--space-5) var(--space-6) var(--space-8)}.admin-page{gap:var(--space-5);animation:fadeIn var(--transition-base) ease-out;flex-direction:column;display:flex}.admin-page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.admin-page-header-main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.admin-page-title-row{align-items:flex-start;gap:var(--space-3);display:flex}.admin-page-icon{width:40px;height:40px;color:var(--admin-accent-strong);background:var(--admin-accent-soft);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-page-eyebrow,.admin-panel-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--admin-accent-strong);margin-bottom:.15rem;font-size:.72rem;font-weight:700}.admin-page-title{color:var(--admin-ink);font-size:clamp(1.55rem,2.4vw,2.15rem);font-weight:800;line-height:1.15}.admin-page-description{max-width:680px;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.75}.admin-page-header-actions{flex-shrink:0}.admin-back-link,.admin-inline-link{font-size:var(--text-sm);color:var(--admin-accent-strong);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.admin-stats-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.admin-stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.admin-stat-card,.admin-panel,.admin-tabbar,.admin-message-banner{background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:22px;box-shadow:0 12px 28px #2335270e}.admin-stat-card{padding:var(--space-4)}.admin-stat-icon{color:#fff;background:var(--admin-accent);width:34px;height:34px;margin-bottom:var(--space-3);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.admin-stat-card:nth-child(2) .admin-stat-icon{background:var(--admin-blue)}.admin-stat-card:nth-child(3) .admin-stat-icon{background:var(--admin-purple)}.admin-stat-card:nth-child(4) .admin-stat-icon{background:var(--admin-amber)}.admin-stat-card:nth-child(5) .admin-stat-icon{background:var(--admin-slate)}.admin-stat-card:nth-child(6) .admin-stat-icon{background:var(--admin-resource)}.admin-stat-value{color:var(--admin-ink);font-size:clamp(1.45rem,2.4vw,2rem);font-weight:800;line-height:1}.admin-stat-label{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-dashboard-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);display:grid}.admin-panel{padding:var(--space-5)}.admin-panel-emphasis{background:var(--admin-surface)}.admin-panel-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.admin-panel-title{font-size:var(--text-lg);color:var(--admin-ink);font-weight:760}.admin-action-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-action-card{gap:var(--space-2);min-height:136px;padding:var(--space-5);background:var(--admin-accent);border:1px solid var(--admin-accent);color:#fff;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:22px;flex-direction:column;display:flex;box-shadow:0 14px 28px #18a9572e}.admin-action-card:first-child,.admin-action-card:nth-child(5){background:var(--admin-accent);border-color:var(--admin-accent);box-shadow:0 14px 28px #18a9572e}.admin-action-card:nth-child(2){background:var(--admin-blue);border-color:var(--admin-blue);box-shadow:0 14px 28px #2563eb2e}.admin-action-card:nth-child(3),.admin-action-card:nth-child(4){background:var(--admin-purple);border-color:var(--admin-purple);box-shadow:0 14px 28px #7c3aed2e}.admin-action-card:nth-child(6),.admin-action-card:nth-child(7){background:var(--admin-resource);border-color:var(--admin-resource);box-shadow:0 14px 28px #0f9f6e2e}.admin-action-card:hover{transform:translateY(-1px);box-shadow:0 18px 36px #23352729}.admin-action-icon{color:#fff;background:#ffffff2e;border-radius:16px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.admin-action-card:nth-child(2) .admin-action-icon,.admin-action-card:nth-child(3) .admin-action-icon,.admin-action-card:nth-child(4) .admin-action-icon,.admin-action-card:nth-child(6) .admin-action-icon,.admin-action-card:nth-child(7) .admin-action-icon{background:#ffffff2e}.admin-action-title,.admin-action-card .admin-action-title{font-size:var(--text-base);color:#fff;font-weight:700}.admin-planned-row-title,.admin-feed-title,.admin-empty-title,.admin-settings-card-title,.admin-person-name{font-size:var(--text-base);color:var(--admin-ink);font-weight:700}.admin-action-card .admin-action-copy{color:#ffffffd1}.admin-action-copy,.admin-planned-row-copy,.admin-feed-text,.admin-empty-copy,.admin-table-muted,.admin-toolbar-copy,.admin-person-subcopy{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}.admin-planned-list,.admin-feed-list,.admin-list{gap:var(--space-3);flex-direction:column;display:flex}.admin-planned-row,.admin-feed-item,.admin-list-row,.admin-empty-panel{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--admin-line);background:#fffc;border-radius:16px;display:flex}.admin-feed-copy,.admin-list-row-copy{flex:1;min-width:0}.admin-feed-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0}.admin-empty-panel{align-items:center}.admin-empty-panel.compact{padding:var(--space-5)}.admin-empty-icon{background:var(--admin-accent-soft);width:42px;height:42px;color:var(--admin-accent-strong);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-tabbar{gap:var(--space-2);width:fit-content;box-shadow:none;padding:.5rem;display:inline-flex}.admin-tab{min-height:44px;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:.45rem;padding:0 1rem;font-weight:700;display:inline-flex}.admin-tab.active{background:var(--admin-accent-soft);color:var(--admin-accent-strong)}.admin-data-table-wrap{overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.admin-data-table thead th{padding:0 0 var(--space-4);text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);border-bottom:1px solid #11182714;font-size:.72rem;font-weight:700}.admin-data-table tbody td{padding:var(--space-4) 0;color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #11182714}.admin-data-table tbody tr:last-child td{border-bottom:none}.admin-data-table th.align-right,.admin-data-table td.align-right{text-align:right}.admin-data-table th.align-center,.admin-data-table td.align-center,.admin-data-table .align-center{text-align:center}.admin-data-table tr.row-muted{opacity:.55}.admin-table-state{text-align:center;padding:var(--space-8) var(--space-4)!important}.admin-table-nowrap{white-space:nowrap}.admin-table-truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:220px;display:inline-block;overflow:hidden}.admin-table-subtext{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.admin-table-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-person-cell{align-items:center;gap:var(--space-3);display:flex}.admin-person-avatar-fallback{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-secondary);background:#1118270f;justify-content:center;align-items:center;display:flex}.employee-directory-toolbar{gap:var(--space-4);margin-bottom:var(--space-3);flex-direction:column;display:flex}.admin-search-bar.employee-search-bar{padding:var(--space-3) var(--space-4);border:1px solid var(--admin-line);background:#ffffffc2;border-radius:16px}.employee-directory-filters{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.employee-role-tabs{flex:1;padding:0}.admin-form-input.employee-directory-select{max-width:220px;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);flex-shrink:0}.employee-directory-summary{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.employee-table-wrap{background:#ffffff94;border:1px solid #11182714;border-radius:18px}.employee-table{min-width:980px}.employee-table thead th{padding:var(--space-3) var(--space-4)}.employee-table tbody td{padding:var(--space-4)}.employee-person-cell{min-width:240px}.employee-person-copy{min-width:0}.employee-person-name{flex-direction:column;gap:.12rem;display:flex}.employee-line-name{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.employee-person-tags{margin-top:var(--space-2)}.employee-person-tags .admin-status-chip{padding:.22rem .55rem;font-size:.68rem}.employee-structure-cell{flex-direction:column;gap:.18rem;min-width:180px;display:flex}.employee-structure-title,.employee-manager-name{color:var(--admin-ink);font-weight:650}.employee-date-cell{white-space:nowrap}.employee-action-cell .btn{min-width:76px}.employee-editor-modal{max-width:560px}.employee-editor-title{min-width:0}.employee-editor-title p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:.2rem}.employee-editor-profile{align-items:center;gap:var(--space-3);padding:var(--space-4);background:#1118270a;border-radius:16px;display:flex}.employee-editor-avatar{width:48px;height:48px}.employee-editor-role-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--admin-line);border-radius:16px;display:flex}.employee-editor-role-row .admin-form-label{margin-bottom:var(--space-2)}.employee-editor-check{align-items:center;gap:var(--space-2);width:fit-content;font-size:var(--text-sm);color:var(--admin-ink);font-weight:650;display:flex}.admin-panel-count{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--admin-accent-strong);background:var(--admin-accent-soft);font-size:var(--text-xs);align-items:center;font-weight:800;display:inline-flex}.admin-document-alert{--document-alert-tone:var(--admin-accent-strong);--document-alert-bg:var(--admin-accent-soft);--document-alert-border:#06c7553d;top:var(--space-5);right:var(--space-5);z-index:1000;align-items:flex-start;gap:var(--space-3);width:min(420px,100vw - 32px);padding:var(--space-4);border:1px solid var(--document-alert-border);border-left:5px solid var(--document-alert-tone);background:#fffffff5;border-radius:18px;grid-template-columns:42px minmax(0,1fr) 32px;animation:.22s cubic-bezier(.22,1,.36,1) adminDocumentAlertIn;display:grid;position:fixed;box-shadow:0 22px 48px #2335272e}.admin-document-alert.success{--document-alert-tone:var(--admin-accent-strong);--document-alert-bg:var(--admin-accent-soft);--document-alert-border:#06c7553d}.admin-document-alert.error{--document-alert-tone:#b42318;--document-alert-bg:#ef44441a;--document-alert-border:#ef44443d}.admin-document-alert-icon{width:42px;height:42px;color:var(--document-alert-tone);background:var(--document-alert-bg);border-radius:14px;place-items:center;display:grid}.admin-document-alert-copy{flex-direction:column;gap:.2rem;min-width:0;padding-top:1px;display:flex}.admin-document-alert-copy strong{color:var(--admin-ink);font-size:var(--text-sm);font-weight:800;line-height:1.35}.admin-document-alert-copy span{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.admin-document-alert-close{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.admin-document-alert-close:hover{color:var(--admin-ink);background:#1118270f}@keyframes adminDocumentAlertIn{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.row-inactive td{opacity:.52}.doc-title-cell{align-items:flex-start;gap:var(--space-3);display:flex}.doc-file-icon{width:36px;height:36px;color:var(--admin-accent-strong);background:var(--admin-accent-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.doc-title-cell>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--admin-ink);font-size:var(--text-sm);font-weight:700;display:block;overflow:hidden}.doc-desc{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:var(--text-xs);display:block;overflow:hidden}.doc-filename{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--color-text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;display:block;overflow:hidden}.admin-status-chip.chip-danger{color:#b42318;background:#ef44441a}.admin-status-chip.chip-info{color:#1d4ed8;background:#2563eb1a}.admin-status-chip.chip-success{color:var(--admin-accent-strong);background:var(--admin-accent-soft)}.admin-status-chip.chip-neutral{color:var(--color-text-secondary);background:#1118270f}.admin-document-modal-overlay{z-index:300}.admin-document-modal{flex-direction:column;max-width:560px;max-height:min(90vh,760px);display:flex;overflow:hidden}.admin-document-form{flex-direction:column;min-height:0;display:flex}.admin-document-modal .admin-modal-body{overflow-y:auto}.admin-document-form-row{gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(120px,.5fr);display:grid}.admin-form-hint{margin-left:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:500}.admin-required{color:#dc2626}.admin-document-file-drop{align-items:center;gap:var(--space-3);min-height:86px;padding:var(--space-4);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffc2;border:1.5px dashed #11182729;border-radius:18px;grid-template-columns:44px minmax(0,1fr);display:grid;position:relative}.admin-document-file-drop:hover,.admin-document-file-drop:focus-within{background:var(--admin-accent-soft);border-color:#06c7556b;box-shadow:0 0 0 3px #06c75514}.admin-document-file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-document-file-icon{width:44px;height:44px;color:var(--admin-accent-strong);background:var(--admin-accent-soft);border-radius:14px;place-items:center;display:grid}.admin-document-file-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.admin-document-file-title{text-overflow:ellipsis;white-space:nowrap;color:var(--admin-ink);font-size:var(--text-sm);font-weight:750;overflow:hidden}.admin-document-file-description{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.45}@media (max-width:640px){.admin-document-alert{top:var(--space-4);right:var(--space-4);left:var(--space-4);width:auto;padding:var(--space-3);grid-template-columns:38px minmax(0,1fr) 30px}.admin-document-alert-icon{border-radius:12px;width:38px;height:38px}.admin-document-form-row{grid-template-columns:1fr}.admin-document-modal{max-height:calc(100vh - 32px)}}.admin-message-banner{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:600}.admin-message-banner.success{color:var(--admin-accent-strong);background:var(--admin-accent-soft)}.admin-message-banner.error{color:#b42318;background:#ef44441a}.admin-toolbar,.admin-inline-form-actions,.admin-row-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.admin-inline-form{gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);background:#ffffffb8;border:1px solid #1118270f;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}.admin-org-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.admin-org-stack{gap:var(--space-6);flex-direction:column;display:flex}.admin-org-form,.admin-org-edit-grid{gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);background:#ffffffb8;border:1px solid #1118270f;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.admin-org-filters{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.admin-org-filters-wide .input-group,.admin-org-filters .input-group{flex:180px;min-width:180px}.admin-org-meta{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;margin-top:.25rem;display:flex}.admin-org-row-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.admin-inline-edit{gap:var(--space-2);align-items:center;display:flex}.admin-toggle{border-radius:var(--radius-full);cursor:pointer;background:#11182724;border:none;width:46px;height:26px;position:relative}.admin-toggle.active{background:#b68946cc}.admin-toggle-handle{border-radius:var(--radius-full);width:20px;height:20px;transition:left var(--transition-fast);background:#fff;position:absolute;top:3px;left:3px}.admin-toggle.active .admin-toggle-handle{left:23px}.admin-list-row{align-items:center}.admin-list-row.muted{opacity:.58}.meeting-card-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;display:flex}.meeting-resend-wrap{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.meeting-resend-btn{align-items:center;gap:var(--space-1);font-family:var(--font-family);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:.3rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.meeting-resend-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.meeting-resend-btn:disabled{opacity:.6;cursor:not-allowed}.meeting-resend-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.7s linear infinite spin;display:inline-block}.meeting-resend-result{white-space:nowrap;align-items:center;gap:4px;font-size:.68rem;font-weight:700;animation:.2s ease-out fadeIn;display:inline-flex}.meeting-resend-result.success{color:var(--color-success,#16a34a)}.meeting-resend-result.error{color:var(--color-error,#dc2626)}.meeting-resend-result.partial{color:#d97706}.admin-list-row-badge{width:56px;min-width:56px;height:56px;color:var(--admin-accent-strong);background:var(--admin-accent-soft);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-list-row-badge.neutral{color:var(--color-text-secondary);background:#1118270f}.admin-list-row-day{font-size:var(--text-lg);font-weight:800;line-height:1}.admin-list-row-month{text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.admin-list-row-title{font-size:var(--text-base);color:#122117;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.admin-list-row-meta{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;margin-top:.25rem;display:flex}.admin-status-chip{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;width:fit-content;padding:.35rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.admin-status-chip.success{color:var(--admin-accent-strong);background:#b6894629}.admin-status-chip.danger{color:#dc2626;background:#ef44441f}.admin-status-chip.warning{color:#9a6700;background:#f59e0b29}.admin-status-chip.info{color:#2563eb;background:#3b82f61f}.admin-status-chip.neutral{color:#5c6678;background:#11182712}.admin-settings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-settings-card{gap:var(--space-3);padding:var(--space-4);background:#ffffffd1;border:1px solid #1118270f;border-radius:18px;flex-direction:column;display:flex}.admin-settings-cover{aspect-ratio:1.51;background:#1118270d;border:1px solid #11182714;border-radius:16px;position:relative;overflow:hidden}.admin-settings-cover-empty{width:100%;height:100%;font-size:var(--text-sm);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.admin-upload-button{min-height:42px;padding:0 var(--space-4);color:#122117;font-size:var(--text-sm);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:14px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.liff-page{min-height:100dvh;padding-bottom:calc(86px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0,#ffb8001f,#0000 28%),linear-gradient(#f8fbf8 0%,#f3f6f2 100%);position:relative;overflow-x:hidden}.liff-page-centered{padding:calc(env(safe-area-inset-top) + var(--space-8)) var(--space-5) calc(96px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.liff-shell{width:min(100%,480px);padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-5) calc(86px + env(safe-area-inset-bottom) + var(--space-6));margin:0 auto}.liff-subpage{padding-top:calc(env(safe-area-inset-top) + var(--space-3))}.liff-appbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.liff-appbar-left{align-items:center;gap:var(--space-3);display:flex}.liff-appbar-profile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.liff-note-bubble{max-width:180px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--transition-fast), transform var(--transition-fast);background:#fffffff5;border:1px solid #1118271a;border-radius:12px 12px 12px 2px;padding:.32rem .6rem;position:relative;box-shadow:0 4px 12px #1118271a}.liff-note-bubble:active{transform:scale(.97)}.liff-note-bubble-text{color:#122117;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.72rem;font-weight:650;line-height:1.4;display:block;overflow:hidden}.liff-note-add{border-radius:var(--radius-full);font:inherit;color:var(--color-text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1.5px dashed #11182733;align-items:center;padding:.28rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.liff-note-add:hover{color:#0b8f45;border-color:#0b8f4566}.liff-note-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;align-items:flex-end;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.liff-note-sheet{width:100%;max-width:480px;padding:var(--space-3) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));gap:var(--space-3);background:#fff;border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;animation:.2s cubic-bezier(.32,.72,0,1) both slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.liff-note-sheet-handle{width:36px;height:4px;margin-bottom:var(--space-2);background:#11182724;border-radius:2px;align-self:center}.liff-note-sheet-title{font-size:var(--text-lg);color:#122117;margin:0;font-weight:800}.liff-note-sheet-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.liff-note-sheet-input-row{align-items:center;gap:var(--space-2);padding:.6rem var(--space-3);transition:border-color var(--transition-fast);background:#f8fbf8e6;border:1.5px solid #1118271f;border-radius:14px;display:flex}.liff-note-sheet-input-row:focus-within{border-color:#06c75580;box-shadow:0 0 0 3px #06c7551a}.liff-note-sheet-input{font:inherit;font-size:var(--text-base);color:#122117;background:0 0;border:none;outline:none;flex:1;min-width:0}.liff-note-sheet-input::placeholder{color:var(--color-text-tertiary)}.liff-note-sheet-count{color:var(--color-text-tertiary);text-align:right;flex-shrink:0;min-width:20px;font-size:.72rem;font-weight:700}.liff-note-sheet-count--warn{color:#dc2626}.liff-note-sheet-actions{gap:var(--space-3);margin-top:var(--space-1);display:flex}.liff-note-sheet-btn{min-height:48px;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;border-radius:14px;flex:1;font-weight:800}.liff-note-sheet-btn:active{transform:scale(.98)}.liff-note-sheet-btn:disabled{opacity:.6;cursor:not-allowed}.liff-note-sheet-btn--primary{color:#fff;background:linear-gradient(135deg,#0b8f45 0%,#06c755 100%)}.liff-note-sheet-btn--primary:hover{opacity:.92}.liff-note-sheet-btn--ghost{color:var(--color-text-secondary);background:#1118270f}.liff-note-sheet-btn--ghost:hover{background:#1118271a}.liff-appbar-avatar,.liff-profile-strip-avatar,.liff-profile-avatar{border-radius:var(--radius-full);object-fit:cover;box-shadow:0 12px 26px #1118271f}.liff-avatar-fallback{border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--text-lg);background:linear-gradient(135deg,#0b8f45 0%,#06c755 100%);justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 12px 26px #1118271f}.liff-hero-card{gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,#fffffff0 0%,#f6f9f4fa 100%);border:1px solid #ffffffc7;border-radius:28px;grid-template-columns:minmax(0,1fr) 104px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #2335271a}.liff-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#06c7551a,#0000 40%),radial-gradient(circle at 80% 0,#ffb8001f,#0000 35%);position:absolute;inset:0}.liff-hero-copy,.liff-hero-visual{z-index:1;position:relative}.liff-hero-copy{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.liff-hero-eyebrow,.liff-section-eyebrow,.liff-subheader-label{letter-spacing:.08em;text-transform:uppercase;color:#0b8f45;font-size:.72rem;font-weight:700}.liff-home-hero .liff-hero-eyebrow,.liff-nav-hero .liff-hero-eyebrow{color:#ffffffb8}.liff-hero-title{color:#122117;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:800;line-height:1.05}.liff-hero-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.liff-hero-pills,.liff-profile-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-pill{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);background:#1118270f;align-items:center;padding:.4rem .7rem;font-weight:600;display:inline-flex}.liff-home-hero .badge,.liff-home-hero .liff-pill{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e}.status-picker-wrap{margin-top:var(--space-2);z-index:20;position:relative}.status-pill{border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;align-items:center;gap:6px;max-width:100%;padding:.38rem .72rem;font-weight:700;display:inline-flex;overflow:hidden}.status-pill:active{transform:scale(.97)}.status-working{color:#166534;background:#22c55e24;border-color:#22c55e47}.status-away{color:#92400e;background:#f59e0b24;border-color:#f59e0b47}.status-on-leave{color:#5b21b6;background:#8b5cf624;border-color:#8b5cf647}.status-offline{color:#475569;background:#94a3b824;border-color:#94a3b847}.status-pill--locked{cursor:default}.status-pill--locked:active{transform:none}.status-pill-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.status-pill-label{white-space:nowrap;font-weight:800}.status-pill-note{opacity:.75;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:500;overflow:hidden}.status-pill-chevron{opacity:.6;flex-shrink:0;font-size:.6rem}.status-pill-spinner{border:2px solid #00000026;border-top-color:currentColor;border-radius:999px;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite spin}.status-dropdown{min-width:220px;padding:var(--space-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#fffffff7;border:1px solid #1118271a;border-radius:20px;animation:.15s both fadeSlideDown;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 50px #11182724,0 6px 16px #11182714}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.status-option{align-items:center;gap:var(--space-3);width:100%;padding:.55rem var(--space-3);font:inherit;font-size:var(--text-sm);color:#122117;cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;text-align:left;background:0 0;border:none;border-radius:14px;display:flex}.status-option:hover{background:#1118270d}.status-option:active{background:#11182717}.status-option--active{background:#06c75517;font-weight:700}.status-option-label{flex:1;font-weight:650}.status-option--active .status-option-label{font-weight:800}.status-option-check{color:#0b8f45;font-size:var(--text-sm);font-weight:800}.status-option-icon{opacity:.35;font-size:.65rem}.status-dot-mini{border-radius:999px;flex-shrink:0;width:9px;height:9px}.status-dropdown-hint{margin:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-tertiary);padding-top:var(--space-2);border-top:1px solid #1118270f;font-size:.68rem;line-height:1.5}.status-dropdown-error{margin:var(--space-2) var(--space-3);font-size:var(--text-xs);color:#dc2626;font-weight:600}.status-note-panel{gap:var(--space-2);padding:var(--space-2) var(--space-1);flex-direction:column;display:flex}.status-note-header{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.status-note-back{font:inherit;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.status-note-title{font-size:var(--text-sm);color:#122117;flex:1;align-items:center;gap:6px;font-weight:800;display:flex}.status-note-input{width:100%;padding:.55rem var(--space-3);font:inherit;font-size:var(--text-sm);color:#122117;transition:border-color var(--transition-fast);box-sizing:border-box;background:#ffffffe6;border:1.5px solid #1118271f;border-radius:12px;outline:none}.status-note-input:focus{border-color:#06c75580;box-shadow:0 0 0 3px #06c7551f}.status-note-error{font-size:var(--text-xs);color:#dc2626;padding:0 var(--space-2);font-weight:600}.status-note-confirm{width:100%;padding:.6rem var(--space-4);color:#fff;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);background:linear-gradient(135deg,#0b8f45 0%,#06c755 100%);border:none;border-radius:14px;font-weight:800}.status-note-confirm:hover{opacity:.92}.status-note-confirm:active{transform:scale(.98)}.status-note-confirm:disabled{opacity:.6;cursor:not-allowed}.liff-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.liff-hero-visual-ring{background:linear-gradient(#fff3 0%,#ffffffa6 100%),linear-gradient(135deg,#06c75524 0%,#ffb8001f 100%);border-radius:26px;position:absolute;inset:8px}.liff-hero-mascot{border-radius:24px;width:100%;height:auto;position:relative}.liff-home-hero{gap:var(--space-4);padding:var(--space-5);color:#fff;background:#0f9f6e;border:1px solid #0f9f6e;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;display:grid;box-shadow:0 18px 38px #0f9f6e38}.liff-home-hero-copy{align-self:center;min-width:0}.liff-home-hero-title{margin-top:var(--space-1);font-size:var(--text-3xl);color:#fff;font-weight:850;line-height:1.05}.liff-home-hero-description{margin-top:var(--space-2);color:#ffffffd1;font-size:var(--text-sm);line-height:1.65}.liff-home-hero-summary{gap:var(--space-3);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.liff-home-hero-mascot{pointer-events:none;filter:drop-shadow(0 18px 26px #052e1638);z-index:10;place-self:start end;width:clamp(220px,65vw,400px);margin:-80px -60px -60px -80px;position:relative}.liff-home-hero-mascot img{object-fit:contain;width:100%;height:auto}.liff-home-hero-summary>div{min-width:0;padding:var(--space-3);background:#ffffff24;border:1px solid #fff3;border-radius:16px}.liff-home-hero-summary strong,.liff-home-hero-summary span{display:block}.liff-home-hero-summary strong{color:#fff;font-size:var(--text-2xl);font-weight:850;line-height:1}.liff-home-hero-summary span{margin-top:var(--space-1);color:#ffffffc7;font-size:var(--text-xs);font-weight:700}.liff-home-action-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.liff-home-action-card{align-items:flex-start;gap:var(--space-3);min-height:118px;padding:var(--space-4);border:1px solid var(--tone-border,#1118270f);background:var(--tone-bg,#fff);box-shadow:0 12px 26px var(--tone-shadow,#0f172a14);color:inherit;font-family:var(--font-family);text-align:left;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.liff-home-action-card:active{transform:scale(.99)}.liff-home-action-card:hover{box-shadow:0 14px 30px #0f172a17}.liff-home-action-card .liff-service-arrow,.liff-home-agenda-item .liff-service-arrow,.liff-home-activity-item .liff-service-arrow{color:var(--tone-accent,#fff);background:#ffffff2e}.liff-home-agenda-item .badge{color:#fff;background:#ffffff2e;border:1px solid #ffffff3d}.liff-home-action-card.tone-service,.liff-home-agenda-item.tone-service,.liff-home-activity-item.tone-service{--tone-bg:#18a957;--tone-border:#18a957;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#18a95738}.liff-home-action-card.tone-resource,.liff-home-agenda-item.tone-resource,.liff-home-activity-item.tone-resource{--tone-bg:#0f9f6e;--tone-border:#0f9f6e;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#0f9f6e38}.liff-home-action-card.tone-photo,.liff-home-agenda-item.tone-photo,.liff-home-activity-item.tone-photo{--tone-bg:#7c3aed;--tone-border:#7c3aed;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#7c3aed38}.liff-home-action-card.tone-meeting,.liff-home-agenda-item.tone-meeting,.liff-home-activity-item.tone-meeting{--tone-bg:#2563eb;--tone-border:#2563eb;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#2563eb38}.liff-home-action-card.tone-leave,.liff-home-agenda-item.tone-leave,.liff-home-activity-item.tone-leave{--tone-bg:#d97706;--tone-border:#d97706;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#d9770638}.liff-home-action-card.tone-approval,.liff-home-agenda-item.tone-approval,.liff-home-activity-item.tone-approval{--tone-bg:#ea580c;--tone-border:#ea580c;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#ea580c38}.liff-home-action-card.tone-danger,.liff-home-agenda-item.tone-danger,.liff-home-activity-item.tone-danger{--tone-bg:#dc2626;--tone-border:#dc2626;--tone-accent:#fff;--tone-icon-bg:#ffffff2e;--tone-title:#fff;--tone-text:#ffffffd1;--tone-shadow:#dc262638}.liff-home-action-icon{width:40px;height:40px;color:var(--tone-accent,#0b8f45);background:var(--tone-icon-bg,#06c7551a);border-radius:12px;place-items:center;display:grid}.liff-home-action-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.liff-home-action-title{color:var(--tone-title,#122117);font-size:var(--text-sm);font-weight:800;line-height:1.25}.liff-home-action-description{-webkit-line-clamp:2;line-clamp:2;color:var(--tone-text,var(--color-text-secondary));font-size:var(--text-xs);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.liff-home-agenda-list,.liff-home-activity-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-mini-calendar{gap:var(--space-2);padding:2px 0 var(--space-3);margin-bottom:var(--space-2);scrollbar-width:none;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.liff-mini-calendar::-webkit-scrollbar{display:none}.liff-mini-calendar-day{min-height:92px;padding:var(--space-2);color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a12;border-radius:16px;grid-template-rows:auto auto 1fr auto;justify-items:center;gap:4px;display:grid;box-shadow:0 8px 18px #0f172a0e}.liff-mini-calendar-day.active{color:#fff;background:#0f9f6e;border-color:#0f9f6e;box-shadow:0 12px 24px #0f9f6e38}.liff-mini-calendar-weekday{color:var(--color-text-secondary);font-size:.68rem;font-weight:760}.liff-mini-calendar-date{color:#122117;font-size:var(--text-lg);font-weight:850;line-height:1}.liff-mini-calendar-dots{align-items:center;gap:4px;min-height:10px;display:inline-flex}.liff-mini-calendar-dots .dot{border-radius:999px;width:6px;height:6px}.liff-mini-calendar-dots .work{background:#16a34a}.liff-mini-calendar-dots .assigned{background:#f59e0b}.liff-mini-calendar-dots .away{background:#64748b}.liff-mini-calendar-count{min-height:18px;color:var(--color-text-secondary);font-size:.68rem;font-weight:740}.liff-mini-calendar-day.active .liff-mini-calendar-weekday,.liff-mini-calendar-day.active .liff-mini-calendar-count{color:#ffffffc7}.liff-mini-calendar-day.active .liff-mini-calendar-date{color:#fff}.liff-mini-calendar-day.active .liff-mini-calendar-dots .dot{background:#ffffffd6}.liff-mini-calendar-day.sunday{background:#fff5f5;border-color:#dc262626}.liff-mini-calendar-day.sunday .liff-mini-calendar-weekday{color:#dc2626;font-weight:800}.liff-mini-calendar-day.sunday .liff-mini-calendar-date{color:#dc2626}.liff-mini-calendar-day.sunday.active{background:#dc2626;border-color:#dc2626;box-shadow:0 12px 24px #dc262638}.liff-mini-calendar-day.sunday.active .liff-mini-calendar-weekday,.liff-mini-calendar-day.sunday.active .liff-mini-calendar-count{color:#ffffffc7}.liff-mini-calendar-day.sunday.active .liff-mini-calendar-date{color:#fff}.liff-home-agenda-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--tone-border,#11182712);background:var(--tone-bg,#fff);box-shadow:0 10px 22px var(--tone-shadow,#0f172a0f);color:inherit;font:inherit;text-align:left;border-radius:18px;grid-template-columns:76px minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.liff-home-agenda-item.assigned{box-shadow:0 10px 24px #0f172a12}.liff-home-agenda-item.interactive{cursor:pointer}.liff-home-agenda-item.interactive:active{transform:translateY(1px)}.liff-home-agenda-time{color:var(--tone-accent,#0b8f45);font-size:var(--text-xs);white-space:nowrap;font-weight:800}.liff-home-agenda-copy,.liff-home-activity-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.liff-home-agenda-title{align-items:center;gap:var(--space-2);color:var(--tone-title,#122117);font-size:var(--text-sm);flex-wrap:wrap;font-weight:760;line-height:1.35;display:flex}.liff-home-agenda-person{align-items:center;gap:var(--space-2);min-width:0;color:var(--tone-text,var(--color-text-secondary));font-size:var(--text-xs);display:inline-flex}.liff-home-activity-item{align-items:center;gap:var(--space-3);width:100%;min-height:70px;padding:var(--space-3) var(--space-4);border:1px solid var(--tone-border,#11182712);background:var(--tone-bg,#fff);box-shadow:0 10px 22px var(--tone-shadow,#0f172a0f);color:inherit;font-family:var(--font-family);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;grid-template-columns:40px minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.liff-home-activity-icon{width:40px;height:40px;color:var(--tone-accent,#0b8f45);background:var(--tone-icon-bg,#06c7551a);border-radius:12px;place-items:center;display:grid}.liff-home-activity-title{color:var(--tone-title,#122117);font-size:var(--text-sm);font-weight:760;line-height:1.3}.liff-home-activity-meta{color:var(--tone-text,var(--color-text-secondary));font-size:var(--text-xs);font-weight:650}.liff-home-empty-action{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);background:#ffffffa3;border:1px dashed #1118271f;border-radius:20px;font-weight:650;display:flex}.liff-section{margin-top:var(--space-6)}.liff-section-head{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.liff-section-title{font-size:var(--text-xl);color:#122117;font-weight:750;line-height:1.2}.liff-section-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.liff-alert{align-items:center;gap:var(--space-3);color:#92400e;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:14px;padding:14px 16px;display:flex}.liff-alert.warning{color:#92400e;background:#fff7ed;border-color:#fdba74}.liff-alert>svg,.liff-alert>.icon{color:#ea580c;flex-shrink:0}.liff-alert-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.liff-alert-body strong{font-size:var(--text-sm);color:#7c2d12;font-weight:700;line-height:1.4}.liff-alert-body p{color:#b45309;margin:0;font-size:12px;line-height:1.5}.liff-service-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.liff-service-launcher{gap:var(--space-3);flex-direction:column;display:flex}.liff-service-card{align-items:stretch;gap:var(--space-4);text-align:left;padding:var(--space-5);color:inherit;background:#ffffffe6;border:1px solid #11182712;border-radius:24px;flex-direction:column;display:flex;box-shadow:0 12px 30px #2335270f}.liff-service-card.interactive{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.liff-service-card.interactive:active{transform:scale(.985)}.liff-service-card.active{background:linear-gradient(#fff 0%,#f5fcf7 100%);border-color:#06c75540}.liff-service-tile{--service-bg:#18a957;--service-border:#18a957;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#18a95738;align-items:center;gap:var(--space-3);width:100%;min-height:82px;padding:var(--space-4);border:1px solid var(--service-border);background:var(--service-bg);box-shadow:0 14px 28px var(--service-shadow);color:inherit;font-family:var(--font-family);text-align:left;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;display:grid}.liff-service-tile.interactive{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.liff-service-tile.interactive:hover{box-shadow:0 18px 36px var(--service-shadow)}.liff-service-tile.interactive:active{transform:scale(.99)}.liff-service-tile:disabled{cursor:not-allowed;opacity:.68}.liff-service-tile.active{border-color:var(--service-border)}.liff-service-tile.tone-service,.liff-activity-card.tone-service,.liff-nav-hero.tone-service{--service-bg:#18a957;--service-border:#18a957;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#18a95738}.liff-service-tile.tone-resource,.liff-activity-card.tone-resource,.liff-nav-hero.tone-resource{--service-bg:#0f9f6e;--service-border:#0f9f6e;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#0f9f6e38}.liff-service-tile.tone-leave,.liff-activity-card.tone-leave,.liff-nav-hero.tone-leave{--service-bg:#d97706;--service-border:#d97706;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#d9770638}.liff-service-tile.tone-activity,.liff-activity-card.tone-activity,.liff-nav-hero.tone-activity{--service-bg:#2563eb;--service-border:#2563eb;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#2563eb38}.liff-service-tile.tone-approval,.liff-activity-card.tone-approval,.liff-nav-hero.tone-approval{--service-bg:#ea580c;--service-border:#ea580c;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#ea580c38}.liff-service-tile.tone-meeting,.liff-activity-card.tone-meeting,.liff-nav-hero.tone-meeting{--service-bg:#7c3aed;--service-border:#7c3aed;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#7c3aed38}.liff-service-icon,.liff-info-card-icon,.liff-edit-intro-icon,.liff-notice-icon{width:44px;height:44px;color:var(--service-text,#0b8f45);background:var(--service-icon-bg,#06c7551a);border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center;display:flex}.liff-service-body,.liff-roadmap-content{gap:var(--space-3);flex-direction:column;display:flex}.liff-service-heading{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.liff-service-tile .liff-service-body{gap:var(--space-1);flex:1;min-width:0}.liff-service-tile .liff-service-heading{flex-direction:row;justify-content:space-between;align-items:center}.liff-service-title,.liff-notice-title,.liff-info-card-title,.liff-roadmap-title,.liff-edit-title{font-size:var(--text-base);color:var(--service-text,#122117);font-weight:700;line-height:1.35}.liff-service-status{border-radius:var(--radius-full);align-items:center;gap:.35rem;width:fit-content;padding:.32rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.liff-service-status.success{color:#0b8f45;background:#06c7551a}.liff-service-status.neutral{color:#54606f;background:#11182712}.liff-service-status.accent{color:#8a6400;background:#ffb8002e}.liff-service-tile .liff-service-status.success,.liff-service-tile .liff-service-status.neutral,.liff-service-tile .liff-service-status.accent{color:#fff;background:#fff3}.liff-status-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.liff-service-description,.liff-service-detail,.liff-notice-description,.liff-notice-point-copy,.liff-roadmap-description,.liff-edit-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}.liff-service-tile .liff-service-description{-webkit-line-clamp:2;line-clamp:2;color:var(--service-muted,var(--color-text-secondary));-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.liff-service-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.liff-service-access{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.liff-service-action{font-size:var(--text-xs);color:var(--service-text,#0b8f45);white-space:nowrap;font-weight:700}.liff-service-arrow,.liff-profile-strip-arrow{border-radius:var(--radius-full);width:28px;height:28px;color:var(--service-text,#0b8f45);background:#ffffff2e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.liff-notice-card,.liff-profile-strip,.liff-info-card,.liff-edit-panel,.liff-state-card,.liff-profile-identity,.liff-edit-intro{background:#ffffffeb;border:1px solid #11182712;border-radius:24px;box-shadow:0 16px 40px #23352714}.liff-notice-card{padding:var(--space-5)}.liff-notice-header{gap:var(--space-4);align-items:flex-start;display:flex}.liff-notice-points{gap:var(--space-3);margin-top:var(--space-5);display:grid}.liff-notice-point{padding-top:var(--space-3);border-top:1px solid #11182714;flex-direction:column;gap:.35rem;display:flex}.liff-notice-point-title,.liff-profile-strip-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.liff-roadmap{gap:var(--space-3);display:grid}.liff-roadmap-item{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#ffffffc2;border:1px solid #1118270f;border-radius:20px;grid-template-columns:36px minmax(0,1fr);align-items:start;display:grid}.liff-roadmap-step{width:36px;height:36px;font-size:var(--text-sm);color:#0b8f45;background:#06c7551a;border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:flex}.liff-profile-strip{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;border:1px solid #11182712;display:flex}.liff-profile-strip:active{transform:scale(.99)}.liff-profile-strip-leading{align-items:center;gap:var(--space-4);min-width:0;display:flex}.liff-profile-strip-leading>div{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-profile-strip-name,.liff-profile-name{font-size:var(--text-lg);color:#122117;font-weight:750;line-height:1.2}.liff-profile-strip-meta,.liff-profile-secondary{font-size:var(--text-sm);color:var(--color-text-secondary)}.liff-subheader{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.liff-subheader-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-subheader-title{font-size:var(--text-lg);color:#122117;font-weight:750}.liff-back-btn,.liff-subheader-action{min-height:44px;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffeb;border:1px solid #11182714}.liff-back-btn{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.liff-subheader-action{padding:0 var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.liff-profile-identity,.liff-edit-intro,.liff-edit-panel{padding:var(--space-5)}.liff-profile-identity{align-items:center;gap:var(--space-4);display:flex}.liff-profile-identity-copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.liff-info-card{margin-top:var(--space-4);padding:var(--space-5)}.liff-info-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.liff-info-list{flex-direction:column;display:flex}.liff-info-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid #11182714;display:flex}.liff-info-row:first-child{border-top:none;padding-top:0}.liff-info-row:last-child{padding-bottom:0}.liff-info-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.liff-info-value{text-align:right;max-width:58%;font-size:var(--text-sm);color:var(--color-text);font-weight:650;line-height:1.5}.liff-info-value.empty{color:var(--color-text-tertiary);font-weight:500}.liff-chip-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-chip{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;padding:.48rem .8rem;font-weight:700;display:inline-flex}.liff-chip.active{color:#0b8f45;background:#06c7551a}.liff-chip.coming-soon{color:#586274;background:#11182712}.liff-chip.planned{color:#8a6400;background:#ffb8002e}.liff-edit-intro{gap:var(--space-4);align-items:flex-start;display:flex}.liff-edit-panel{margin-top:var(--space-4)}.liff-edit-form{gap:var(--space-5);flex-direction:column;display:flex}.liff-edit-group{gap:var(--space-2);flex-direction:column;display:flex}.liff-edit-label{font-size:var(--text-sm);color:#122117;font-weight:700}.liff-edit-input{width:100%;padding:var(--space-4);font-family:var(--font-family);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background:#fff;border:1px solid #1118271f;border-radius:18px;outline:none;font-size:16px}.liff-edit-input:focus{border-color:#06c7558c;box-shadow:0 0 0 4px #06c7551a}.liff-edit-input::placeholder{color:var(--color-text-tertiary)}.liff-edit-input:disabled{color:var(--color-text-tertiary);background:#f5f7f3}.liff-custom-select,.liff-date-picker{width:100%;position:relative}.liff-picker-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-4);font-family:var(--font-family);text-align:left;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#fff;border:1px solid #1118271f;border-radius:18px;outline:none;font-size:16px;line-height:1.35;display:flex;box-shadow:0 2px 8px #11182708}.liff-picker-trigger:focus-visible,.liff-custom-select.open .liff-picker-trigger,.liff-date-picker.open .liff-picker-trigger{border-color:#06c7558c;box-shadow:0 0 0 4px #06c7551a}.liff-picker-trigger:disabled{color:var(--color-text-tertiary);background:#f5f7f3}.liff-picker-value,.liff-picker-placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.liff-picker-placeholder{color:var(--color-text-tertiary)}.liff-picker-chevron,.liff-picker-calendar-icon{color:var(--color-primary-dark);flex:none}.liff-custom-select.open .liff-picker-chevron{transform:rotate(180deg)}.liff-picker-popover{z-index:50;max-height:292px;padding:var(--space-2);animation:scaleIn var(--transition-fast) ease-out;background:#fffffffa;border:1px solid #1118271a;border-radius:20px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #11182729}.liff-select-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3);font-family:var(--font-family);text-align:left;color:var(--color-text);background:0 0;border:0;border-radius:14px;display:flex}.liff-select-option span{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-select-option strong,.liff-select-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liff-select-option strong{font-size:var(--text-sm);font-weight:700}.liff-select-option small{font-size:var(--text-xs);color:var(--color-text-tertiary)}.liff-select-option.selected{color:var(--color-primary-dark);background:var(--color-primary-light)}.liff-select-option:focus-visible,.liff-select-option:hover{background:var(--color-surface-hover);outline:none}.liff-select-option:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.liff-picker-empty{padding:var(--space-5);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.liff-calendar-popover{max-height:none;overflow:visible}.liff-calendar-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-3);display:flex}.liff-calendar-head strong{font-size:var(--text-sm);color:#122117}.liff-calendar-nav-btn{width:36px;height:36px;color:var(--color-primary-dark);background:var(--color-primary-light);border:0;border-radius:12px;place-items:center;display:grid}.liff-calendar-nav-btn:focus-visible{outline:3px solid #06c7552e}.liff-calendar-weekdays,.liff-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.liff-calendar-weekdays{padding-bottom:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);text-align:center;font-weight:700}.liff-calendar-day{aspect-ratio:1;min-width:0;font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;font-weight:700;display:grid}.liff-calendar-day.muted{color:var(--color-text-tertiary)}.liff-calendar-day.today{border-color:#06c75559}.liff-calendar-day.selected{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 6px 14px #06c75538}.liff-calendar-day:focus-visible,.liff-calendar-day:hover:not(:disabled){background:var(--color-primary-light);outline:none}.liff-calendar-day.selected:hover{color:var(--color-text-inverse);background:var(--color-primary-hover)}.liff-calendar-day:disabled{color:#d1d5db;cursor:not-allowed}.liff-edit-hint,.liff-passcode-error{font-size:var(--text-xs);line-height:1.6}.liff-edit-hint{color:var(--color-text-tertiary)}.liff-passcode-error{color:var(--color-error)}.liff-edit-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.liff-edit-actions .btn{border-radius:18px;flex:1;min-height:52px}.liff-state-card{text-align:center;align-items:center;gap:var(--space-4);width:min(100%,420px);padding:var(--space-8) var(--space-6);flex-direction:column;display:flex}.liff-state-title{font-size:var(--text-2xl);color:#122117;font-weight:800;line-height:1.15}.liff-state-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.liff-state-spinner{border-color:#0b8f45 #1118271f #1118271f}.liff-loading-screen{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-8) var(--space-6);text-align:center;background:radial-gradient(circle at 50% 30%,#06c75514,#0000 34%),linear-gradient(#fbfdfb 0%,#f3f7f4 100%);flex-direction:column;display:flex}.liff-loading-mascot{object-fit:contain;width:clamp(86px,24vw,112px);height:auto;animation:2.8s ease-in-out infinite liff-loading-float}.liff-loading-mark{width:56px;height:28px;margin-bottom:var(--space-1);justify-content:center;align-items:center;gap:7px;display:inline-flex}.liff-loading-mark span{background:#0b8f45;border-radius:999px;width:9px;height:9px;animation:1.05s ease-in-out infinite liff-loading-pulse}.liff-loading-mark span:nth-child(2){animation-delay:.14s}.liff-loading-mark span:nth-child(3){animation-delay:.28s}.liff-loading-title{margin:var(--space-2) 0 0;color:#122117;font-size:var(--text-xl);font-weight:820;line-height:1.25}.liff-loading-description{max-width:300px;color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.7}@keyframes liff-loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes liff-loading-pulse{0%,80%,to{opacity:.28;transform:translateY(0)scale(.82)}40%{opacity:1;transform:translateY(-5px)scale(1)}}.liff-passcode-page{background:radial-gradient(circle at top,#06c75529,#0000 35%),linear-gradient(#f4faf5 0%,#eef3ef 100%)}.liff-passcode-card{text-align:left;align-items:stretch}.liff-passcode-button{width:100%;margin-top:var(--space-2)}.liff-setup-steps{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.liff-setup-step{width:32px;height:32px;font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.liff-setup-step--done{color:#fff;background:#0b8f45}.liff-setup-step--active{color:#0b8f45;background:#06c75526;box-shadow:0 0 0 3px #06c75533}.liff-setup-step-line{background:#1118271f;border-radius:2px;flex:1;height:2px}.liff-setup-step-line--done{background:#0b8f45}.liff-required-mark{color:var(--color-error);margin-left:2px}.liff-bottomnav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:100;background:#fff;border:1px solid #0f172a14;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;width:min(100% - 24px,460px);padding:.38rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 38px #0f172a29}.liff-bottomnav-item{min-width:0;min-height:50px;padding:0 var(--space-1);color:#64748b;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;font-weight:700;display:inline-flex}.liff-bottomnav-item:active{transform:scale(.985)}.liff-bottomnav-item.active{color:#fff;background:#0f9f6e;font-weight:800;box-shadow:0 10px 20px #0f9f6e3d}.liff-bottomnav-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.liff-bottomnav-item.active .liff-bottomnav-icon{background:#ffffff2e}.liff-bottomnav-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:100%;font-size:.68rem;overflow:hidden}.liff-nav-hero{--service-bg:#18a957;--service-border:#18a957;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#18a95738;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--service-bg);border:1px solid var(--service-border);box-shadow:0 18px 38px var(--service-shadow);color:var(--service-text);border-radius:24px;grid-template-columns:minmax(0,1fr) 56px;display:grid}.liff-nav-hero-title{margin-top:var(--space-1);font-size:var(--text-3xl);color:var(--service-text,#122117);font-weight:800;line-height:1.05}.liff-nav-hero-description{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--service-muted,var(--color-text-secondary));line-height:1.65}.liff-nav-hero-icon{width:56px;height:56px;color:var(--service-text,#0b8f45);background:var(--service-icon-bg,#06c7551a);border-radius:16px;place-items:center;display:grid}.liff-service-empty{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);background:#fff;border:1px solid #0f172a14;border-radius:18px;font-weight:650;display:flex}.liff-activity-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-activity-card{--service-bg:#2563eb;--service-border:#2563eb;--service-text:#fff;--service-muted:#ffffffd1;--service-icon-bg:#ffffff2e;--service-shadow:#2563eb38;align-items:center;gap:var(--space-3);width:100%;min-height:76px;padding:var(--space-4);border:1px solid var(--service-border);background:var(--service-bg);box-shadow:0 14px 28px var(--service-shadow);color:inherit;font-family:var(--font-family);text-align:left;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;display:grid}.liff-activity-card:active{transform:scale(.99)}.liff-activity-card:hover{box-shadow:0 18px 36px var(--service-shadow)}.liff-activity-icon{width:44px;height:44px;color:var(--service-text,#0b8f45);background:var(--service-icon-bg,#06c7551a);border-radius:14px;place-items:center;display:grid}.liff-activity-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.liff-activity-title{font-size:var(--text-base);color:var(--service-text,#122117);font-weight:750;line-height:1.25}.liff-activity-description{-webkit-line-clamp:2;line-clamp:2;color:var(--service-muted,var(--color-text-secondary));font-size:var(--text-sm);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.liff-doc-error{margin-top:var(--space-4)}.liff-doc-row:active{transform:scale(.99)}.liff-doc-row.tone-service{--doc-tone:#18a957;--doc-tone-rgb:24, 169, 87}.liff-doc-row.tone-activity{--doc-tone:#2563eb;--doc-tone-rgb:37, 99, 235}.liff-doc-row.tone-danger{--doc-tone:#ea580c;--doc-tone-rgb:234, 88, 12}.liff-doc-row.tone-neutral{--doc-tone:#64748b;--doc-tone-rgb:100, 116, 139}.liff-doc-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-doc-row{--doc-tone:#18a957;--doc-tone-rgb:24, 169, 87;align-items:center;gap:var(--space-3);width:100%;min-height:78px;padding:var(--space-4);color:inherit;font-family:var(--font-family);text-align:left;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#fffffff0;border:1px solid #11182712;border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;display:grid;box-shadow:0 12px 28px #2335270e}.liff-doc-row:hover{border-color:rgba(var(--doc-tone-rgb), .24);box-shadow:0 16px 36px #23352716}.liff-doc-row:disabled{cursor:not-allowed;opacity:.68}.liff-doc-icon{width:44px;height:44px;color:var(--doc-tone);background:rgba(var(--doc-tone-rgb), .1);border-radius:14px;place-items:center;display:grid}.liff-doc-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.liff-doc-title{-webkit-line-clamp:2;line-clamp:2;color:#122117;font-size:var(--text-base);-webkit-box-orient:vertical;font-weight:760;line-height:1.3;display:-webkit-box;overflow:hidden}.liff-doc-desc{-webkit-line-clamp:1;line-clamp:1;color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.liff-doc-meta{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:700;display:flex}.liff-doc-meta span+span:before{content:"";width:4px;height:4px;margin-right:var(--space-2);border-radius:var(--radius-full);opacity:.45;vertical-align:middle;background:currentColor;display:inline-block}.liff-doc-row .liff-service-arrow{color:var(--doc-tone);background:rgba(var(--doc-tone-rgb), .1)}.liff-doc-spinner{width:15px;height:15px}.liff-view-enter{animation:.32s cubic-bezier(.22,1,.36,1) forwards liffSlideIn}@keyframes liffSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.liff-toast{left:50%;bottom:calc(98px + env(safe-area-inset-bottom));max-width:min(100% - 32px,420px);font-size:var(--text-sm);color:var(--color-text-inverse);z-index:200;border-radius:18px;align-items:center;gap:.55rem;padding:.82rem 1rem;font-weight:600;animation:.3s ease-out forwards liffToastIn;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 36px #11182733}.liff-toast-indicator{border-radius:var(--radius-full);opacity:.9;background:currentColor;flex-shrink:0;width:8px;height:8px}.liff-toast.success{background:#0b8f45}.liff-toast.error{background:#c63f3f}@keyframes liffToastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.liff-skeleton{border-radius:var(--radius-md);pointer-events:none;background:linear-gradient(-45deg,#1118270a 25%,#11182714 50%,#1118270a 75%) 0 0/200% 200%;animation:1.5s ease-in-out infinite liffSkeletonShimmer;color:#0000!important}.liff-skeleton *,.liff-skeleton:before,.liff-skeleton:after{visibility:hidden}@keyframes liffSkeletonShimmer{0%{background-position:100%}to{background-position:0}}.liff-dialog-backdrop{-webkit-backdrop-filter:blur(4px);z-index:300;background:#00000073;animation:.2s ease-out liffFadeIn;position:fixed;inset:0}.liff-dialog{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));width:min(100% - 32px,400px);padding:var(--space-6);z-index:301;gap:var(--space-4);background:#fff;border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) liffDialogIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 24px 64px #11182733}.liff-dialog-header{align-items:center;gap:var(--space-3);display:flex}.liff-dialog-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.liff-dialog-icon.danger{color:#c63f3f;background:#c63f3f1a}.liff-dialog-title{font-size:var(--text-lg);color:#122117;font-weight:750;line-height:1.3}.liff-dialog-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.liff-dialog-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.liff-dialog-actions .btn{border-radius:16px;flex:1;min-height:50px}@keyframes liffFadeIn{0%{opacity:0}to{opacity:1}}@keyframes liffDialogIn{0%{opacity:0;transform:translate(-50%)translateY(32px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:1180px){.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}}@media (max-width:980px){.employee-directory-filters{flex-direction:column;align-items:stretch}.admin-form-input.employee-directory-select{max-width:none}.admin-data-table.employee-table{min-width:0}.admin-data-table.employee-table thead{display:none}.admin-data-table.employee-table,.admin-data-table.employee-table tbody,.admin-data-table.employee-table tr,.admin-data-table.employee-table td{width:100%;display:block}.admin-data-table.employee-table tbody tr{padding:var(--space-4);border-bottom:1px solid #11182714}.admin-data-table.employee-table tbody tr:last-child{border-bottom:none}.admin-data-table.employee-table tbody td{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:none;grid-template-columns:132px minmax(0,1fr);align-items:start;display:grid}.admin-data-table.employee-table tbody td:before{content:attr(data-label);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:700}.admin-data-table.employee-table tbody td:first-child{display:block}.admin-data-table.employee-table tbody td:first-child:before,.admin-data-table.employee-table tbody td.admin-table-state:before{content:none}.admin-data-table.employee-table td.align-right{text-align:left}.employee-action-cell{justify-items:stretch}.employee-action-cell .btn{width:fit-content}.employee-date-cell{white-space:normal}}@media (max-width:768px){.friendly-login-page{padding:var(--space-4)}.friendly-login-title{font-size:var(--text-2xl)}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;height:auto;min-height:auto;position:relative}.admin-layout.sidebar-collapsed .sidebar{width:100%}.admin-layout,.admin-layout.sidebar-collapsed{display:block}.admin-main,.admin-layout.sidebar-collapsed .admin-main{width:100%;margin-left:0}.sidebar-collapse-button{display:none}.admin-layout.sidebar-collapsed .sidebar-link-label,.admin-layout.sidebar-collapsed .sidebar-user-copy,.admin-layout.sidebar-collapsed .sidebar-section-chevron{opacity:1;pointer-events:auto;max-width:none;display:flex}.admin-layout.sidebar-collapsed .sidebar-link,.admin-layout.sidebar-collapsed .sidebar-section-button{width:auto;padding:0 var(--space-3);justify-content:flex-start;gap:var(--space-3)}.admin-layout.sidebar-collapsed .sidebar-account{justify-content:space-between;gap:var(--space-2);flex-direction:row}.admin-layout.sidebar-collapsed .sidebar-account-main{flex:1}.admin-layout.sidebar-collapsed .sidebar-footer{padding:var(--space-4);justify-content:flex-end}.admin-layout.sidebar-collapsed .sidebar-icon-button{background:0 0;border-color:#0000;width:36px;height:36px}.admin-layout.sidebar-collapsed .sidebar-user-avatar{width:42px;height:42px}.admin-layout.sidebar-collapsed .sidebar-nav{align-items:stretch;gap:var(--space-2);overflow-y:auto}.admin-layout.sidebar-collapsed .sidebar-nav-group{align-items:stretch}.admin-layout.sidebar-collapsed .sidebar-nav-group+.sidebar-nav-group:before,.admin-layout.sidebar-collapsed .sidebar-nav-group.active:after{display:none}.admin-layout.sidebar-collapsed .sidebar-subnav:not([hidden]){display:flex}.sidebar-flyout{display:none}.admin-header{padding:var(--space-4)}.admin-page-header,.admin-panel-head,.admin-toolbar,.admin-inline-form-actions,.admin-row-actions,.admin-header-actions{flex-direction:column;align-items:flex-start}.admin-header-actions{align-items:flex-start}.admin-content{padding:var(--space-5)}.admin-stats-grid,.admin-dashboard-grid,.admin-action-grid,.admin-org-grid,.admin-settings-grid,.admin-inline-form,.admin-org-form,.admin-org-edit-grid{grid-template-columns:1fr}.admin-feed-item,.admin-empty-panel,.admin-list-row{flex-direction:column;align-items:flex-start}.admin-feed-meta{margin-top:var(--space-2)}.announce-type-grid{grid-template-columns:repeat(3,1fr)}.announce-type-option{padding:var(--space-3)}.announce-type-emoji{font-size:var(--text-2xl)}}@media (max-width:480px){.friendly-login-page{padding:var(--space-3);align-items:stretch}.friendly-login-card{width:100%;padding:var(--space-6) var(--space-4);justify-content:center}.admin-content{padding:var(--space-4)}.admin-tabbar{grid-template-columns:1fr;width:100%;display:grid}.admin-tab{justify-content:center}.admin-data-table thead{display:none}.admin-data-table,.admin-data-table tbody,.admin-data-table tr,.admin-data-table td{width:100%;display:block}.admin-data-table tbody tr{padding:var(--space-4) 0;border-bottom:1px solid #11182714}.admin-data-table tbody td{padding:var(--space-1) 0;border-bottom:none}.admin-data-table td.align-right{text-align:left}.admin-inline-edit{flex-direction:column;align-items:stretch}.liff-subheader{grid-template-columns:auto minmax(0,1fr);align-items:start}.liff-subheader-action{grid-column:1/-1;width:100%;min-height:46px}.liff-shell{padding-left:var(--space-4);padding-right:var(--space-4)}.liff-hero-card{grid-template-columns:1fr}.liff-hero-visual{justify-content:flex-start}.liff-service-grid{grid-template-columns:1fr}.liff-profile-identity{flex-direction:column;align-items:flex-start}.liff-edit-actions{flex-direction:column}.liff-info-row{gap:var(--space-1);flex-direction:column}.liff-info-value{text-align:left;max-width:100%}}.badge-neutral{color:var(--color-text-secondary);background:#f3f4f6}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light);white-space:nowrap;font-weight:600}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.admin-table tbody tr:hover{background:var(--color-surface-hover)}.admin-table tbody tr.row-disabled{opacity:.55}.admin-cell-main{align-items:center;gap:var(--space-3);display:flex}.admin-cell-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-cell-icon.equipment-icon{background:var(--color-info-bg);color:var(--color-info)}.admin-cell-name{color:var(--color-text);font-weight:600}.admin-cell-secondary{color:var(--color-text-secondary);font-size:var(--text-xs)}.admin-cell-actions{align-items:center;gap:var(--space-2);display:flex}.admin-action-btn{width:30px;height:30px;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.admin-action-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-action-btn.danger:hover{background:var(--color-error-bg);color:var(--color-error)}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;padding:var(--space-6);background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;animation:.25s ease-out scaleIn}.admin-modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.admin-modal-title{font-size:var(--text-lg);font-weight:700}.admin-modal-close{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.admin-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.admin-modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);display:flex}.admin-modal-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-tertiary);margin-bottom:var(--space-1);font-weight:600}.admin-modal-meta{gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-surface-secondary,#f9fafb);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.admin-modal-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);font-weight:500;display:flex}.admin-modal-meta-sub{color:var(--color-text-secondary);font-weight:400}.admin-modal-row{gap:var(--space-3);grid-template-columns:1fr auto;align-items:start;display:grid}.admin-modal-field{gap:var(--space-1);flex-direction:column;display:flex}.admin-modal-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-modal-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);resize:vertical;outline:none}.admin-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #06c7551f}.admin-modal-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;display:flex}.admin-form-group{gap:var(--space-2);flex-direction:column;display:flex}.admin-form-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.admin-form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);outline:none}.admin-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #06c7551a}.admin-form-input::placeholder{color:var(--color-text-tertiary)}.admin-form-textarea{resize:vertical;min-height:80px;line-height:1.5}.admin-leave-type-form{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.admin-leave-type-form-row{gap:var(--space-4);display:grid}.admin-leave-type-form-row.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-leave-type-form-row.detail-columns{grid-template-columns:minmax(0,2fr) minmax(140px,1fr) minmax(120px,.8fr)}.admin-leave-type-form-actions{padding-top:var(--space-1);justify-content:flex-start;display:flex}.admin-form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-sm);margin:0;font-weight:600}.admin-table-input{min-width:140px;padding:var(--space-2) var(--space-3)}.admin-table-input.compact{min-width:72px;max-width:96px}.admin-table-input.wide{min-width:180px}.admin-toast{top:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;font-size:var(--text-sm);animation:slideInRight var(--transition-spring);font-weight:500;display:flex;position:fixed}.admin-toast.success{border-left:4px solid var(--color-success);color:var(--color-success)}.admin-toast.error{border-left:4px solid var(--color-error);color:var(--color-error)}.admin-confirm-bar{top:var(--header-height);z-index:35;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:#fff9e6;border-top:1px solid #f5d060;border-bottom:1px solid #f5d060;animation:.2s ease-out slideDown;display:flex;position:sticky}.admin-confirm-bar-text{font-size:var(--text-sm);color:#7a5a00;font-weight:600}.admin-confirm-bar-actions{gap:var(--space-2);flex-shrink:0;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-filter-tabs{gap:var(--space-2);padding:0 var(--space-6) var(--space-4);display:flex;overflow-x:auto}.admin-filter-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--text-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:inline-flex}.admin-filter-tab:hover{border-color:var(--color-text-tertiary);color:var(--color-text)}.admin-filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-filter-count{min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);background:#00000014;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.admin-filter-tab.active .admin-filter-count{background:#ffffff40}.liff-booking-menu-grid{gap:var(--space-4);padding:var(--space-2) 0;grid-template-columns:repeat(2,1fr);display:grid}.liff-booking-menu-card{text-align:center;padding:var(--space-6) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family);flex-direction:column;align-items:center;display:flex}.liff-booking-menu-card.active:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.liff-booking-menu-card:disabled{opacity:.5;cursor:not-allowed}.liff-booking-menu-icon{border-radius:var(--radius-xl);background:var(--color-primary-light);width:56px;height:56px;color:var(--color-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.liff-booking-menu-card:disabled .liff-booking-menu-icon{color:var(--color-text-tertiary);background:#f3f4f6}.liff-booking-menu-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-1);font-weight:700}.liff-booking-menu-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.5}.liff-booking-menu-action{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);font-weight:600;display:inline-flex}.liff-equipment-grid{gap:var(--space-3);flex-direction:column;display:flex}.liff-inline-search{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.liff-inline-search-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#122117;font-weight:700;display:inline-flex}.liff-inline-search-input{min-height:50px}.liff-inline-search-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.liff-resource-filter-row{gap:var(--space-2);margin:calc(-1 * var(--space-1)) 0 var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.liff-resource-filter-btn{min-height:38px;padding:0 var(--space-2);color:#334155;font-size:var(--text-xs);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:780;display:inline-flex}.liff-resource-filter-btn strong{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.72rem;display:inline-flex}.liff-resource-filter-btn.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-resource-filter-btn.active strong{color:#166534;background:#dcfce7}.liff-equipment-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);text-align:left;width:100%;display:flex}.liff-equipment-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.liff-equipment-card.is-booked{background:#f8fafc}.liff-equipment-card-icon{border-radius:var(--radius-lg);background:var(--color-info-bg);width:48px;height:48px;color:var(--color-info);flex-shrink:0;justify-content:center;align-items:center;display:flex}.liff-equipment-card-body{flex:1;min-width:0}.liff-equipment-card-name{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:700}.liff-equipment-card-desc{font-size:var(--text-xs);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.liff-equipment-card-arrow{color:var(--color-text-tertiary);flex-shrink:0}.liff-equipment-card-status{min-width:0;font-size:var(--text-xs);align-items:center;gap:6px;margin-top:6px;font-weight:650;line-height:1.45;display:flex}.liff-equipment-card-status .liff-status-dot{flex:0 0 8px}.liff-equipment-card-status span:last-child{overflow-wrap:anywhere;min-width:0}.liff-equipment-card-status.available{color:var(--color-success)}.liff-equipment-card-status.available .liff-status-dot{background-color:var(--color-success)}.liff-equipment-card-status.booked{color:var(--color-error)}.liff-equipment-card-status.booked .liff-status-dot{background-color:var(--color-error)}.liff-booking-resource-info{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-info-bg);border-radius:var(--radius-xl);border:1px solid #3b82f626;display:flex}.liff-booking-resource-icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-info);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.liff-booking-resource-name{font-size:var(--text-base);color:var(--color-text);font-weight:700}.liff-booking-resource-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.liff-booking-summary{padding:var(--space-4);margin-bottom:var(--space-5);background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #3b82f61f;border-radius:20px;flex-direction:column;gap:2px;display:flex}.liff-booking-summary-label,.liff-booking-actionbar-label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:700}.liff-booking-summary-title{font-size:var(--text-base);color:#122117;line-height:1.35}.liff-booking-summary-meta,.liff-booking-actionbar-meta{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.liff-photo-queue-page .liff-edit-panel{padding:var(--space-4)}.liff-photo-queue-page .liff-booking-resource-info{border-radius:18px}.liff-resource-booking-page .liff-edit-panel{padding:var(--space-4)}.liff-resource-booking-page .liff-booking-resource-info{border-radius:18px}.liff-borrowing-panel{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);color:#166534;background:#eefbf3;border:1px solid #b9e5c9;border-radius:18px;display:flex}.liff-borrowing-panel.blocked{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.liff-borrowing-panel>svg{flex:none;margin-top:2px}.liff-borrowing-panel div{flex-direction:column;gap:3px;min-width:0;display:flex}.liff-borrowing-panel strong{font-size:var(--text-sm);line-height:1.4}.liff-borrowing-panel span{font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.55}.liff-equipment-day-picker{gap:var(--space-3);flex-direction:column;display:flex}.liff-equipment-day-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.liff-equipment-day-toolbar>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-equipment-day-nav{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.liff-equipment-day-legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-equipment-day-legend-item{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);color:#475569;font-size:var(--text-xs);background:#f8fafc;align-items:center;gap:6px;font-weight:720;display:inline-flex}.liff-equipment-day-legend-item span{border-radius:var(--radius-full);width:8px;height:8px}.liff-equipment-day-legend-item.available span{background:#16a34a}.liff-equipment-day-legend-item.booked span{background:#ef4444}.liff-equipment-day-legend-item.mine span{background:#2563eb}.liff-equipment-day-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.liff-equipment-day-card{min-width:0;min-height:78px;padding:var(--space-2) 4px;color:#334155;font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);background:#fff;border:1px solid #11182714;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.liff-equipment-day-card strong{color:#122117;font-size:1.18rem;line-height:1.15}.liff-equipment-day-weekday,.liff-equipment-day-status{text-align:center;white-space:nowrap;max-width:100%;font-size:.68rem;font-weight:760;line-height:1.25}.liff-equipment-day-weekday{color:#64748b}.liff-equipment-day-status{color:#475569}.liff-equipment-day-card.available{background:#f5fcf7;border-color:#ccead8}.liff-equipment-day-card.available .liff-equipment-day-status{color:#15803d}.liff-equipment-day-card.booked{color:#94a3b8;background:#f8fafc}.liff-equipment-day-card.booked strong,.liff-equipment-day-card.booked .liff-equipment-day-weekday{color:#94a3b8}.liff-equipment-day-card.booked .liff-equipment-day-status{color:#dc2626}.liff-equipment-day-card.mine{background:#eff6ff;border-color:#bfdbfe}.liff-equipment-day-card.mine .liff-equipment-day-status{color:#2563eb}.liff-equipment-day-card.selected{border-color:#06c7557a;transform:translateY(-1px);box-shadow:0 0 0 3px #06c7551f}.liff-equipment-day-card.available:hover{border-color:#06c75566;transform:translateY(-1px);box-shadow:0 12px 22px #06c75514}.liff-equipment-day-detail{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f8fafc;border:1px solid #dbe4ee;border-radius:18px;display:flex}.liff-equipment-day-detail.booked{background:#fef2f2;border-color:#fecaca}.liff-equipment-day-detail.mine{background:#eff6ff;border-color:#bfdbfe}.liff-equipment-day-detail>div{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-equipment-day-detail strong{font-size:var(--text-sm);color:#122117}.liff-equipment-day-detail span{font-size:var(--text-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;line-height:1.45}.liff-photo-queue-steps{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.liff-photo-queue-step{min-height:34px;padding:0 var(--space-2);color:#64748b;font-size:var(--text-xs);text-align:center;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;font-weight:780;display:inline-flex}.liff-photo-queue-step.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-photo-queue-step.done{color:#166534;background:#dcfce7;border-color:#86efac}.liff-booking-form{padding-bottom:calc(136px + env(safe-area-inset-bottom))}.liff-booking-notes-group{scroll-margin-bottom:calc(220px + env(safe-area-inset-bottom))}.liff-booking-time-row{gap:var(--space-3);display:flex}.liff-booking-suggestions,.liff-booking-mode{gap:var(--space-3);flex-direction:column;display:flex}.liff-booking-mode-switch{gap:var(--space-2);padding:var(--space-1);background:#1118270d;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.liff-booking-mode-btn{min-height:42px;padding:0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;border-radius:14px;font-weight:700}.liff-booking-mode-btn.active{color:#087336;background:#fff;box-shadow:0 8px 20px #11182714}.liff-booking-suggestions-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.liff-booking-suggestions-head span:first-child{font-size:var(--text-sm);color:#122117;font-weight:700}.liff-booking-suggestions-caption{font-size:var(--text-xs);color:var(--color-text-secondary)}.liff-booking-chip-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-booking-chip{min-height:38px;padding:0 var(--space-4);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:#fff;border:1px solid #1118271a;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.liff-booking-chip.active{color:#087336;background:#06c7551f;border-color:#06c7554d}.liff-booking-chip:disabled{opacity:.45;cursor:not-allowed}.liff-slot-section{gap:var(--space-3);flex-direction:column;display:flex}.liff-slot-section-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.liff-slot-section-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-slot-section-title{font-size:var(--text-sm);color:#122117;font-weight:780}.liff-booking-secondary-link{min-height:34px;padding:0 var(--space-3);color:#334155;font-size:var(--text-xs);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:999px;justify-content:center;align-items:center;font-weight:780;display:inline-flex}.liff-custom-time-panel{gap:var(--space-3);flex-direction:column;display:flex}.liff-slot-grid{gap:var(--space-3);display:grid}.liff-slot-card{width:100%;padding:var(--space-4);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffe6;border:1px solid #11182714;border-radius:20px;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.liff-slot-card.active{background:linear-gradient(#fff 0%,#f5fcf7 100%);border-color:#06c7554d;box-shadow:0 12px 24px #06c75514}.liff-slot-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:#0b8f45;font-weight:700}.liff-slot-card-time{font-size:var(--text-base);color:#122117;line-height:1.3}.liff-slot-card-duration{font-size:var(--text-sm);color:var(--color-text-secondary)}.liff-slot-empty,.liff-slot-selection-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:18px;line-height:1.6;display:flex}.liff-slot-empty{color:#92400e;background:#fffbeb;border:1px dashed #fbbf24;flex-direction:column}.liff-slot-empty p{margin:0}.liff-slot-selection-note{color:#166534;background:#eefbf3;border:1px solid #ccead8}.liff-slot-selection-note.neutral{color:#475569;background:#f8fafc;border-color:#dbe4ee}.liff-photo-weekly-board{gap:var(--space-4);flex-direction:column;display:flex}.liff-photo-weekly-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(#fff 0%,#f7fbf8 100%);border:1px solid #11182714;border-radius:20px;display:flex}.liff-photo-weekly-toolbar-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-photo-weekly-range{font-size:var(--text-base);color:#122117;line-height:1.3}.liff-photo-weekly-nav{align-items:center;gap:var(--space-2);display:flex}.liff-photo-weekly-nav-btn{color:#122117;cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.liff-photo-weekly-nav-btn:disabled{opacity:.38;cursor:not-allowed}.liff-photo-weekly-today-btn{min-width:88px;height:40px;padding:0 var(--space-3);color:#122117;font-size:var(--text-sm);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:14px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.liff-photo-weekly-today-btn:disabled{opacity:.48;cursor:not-allowed}.liff-photo-weekly-today-btn.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-photo-week-grid{gap:var(--space-3);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.liff-photo-week-grid::-webkit-scrollbar{display:none}.liff-photo-weekly-controls{gap:var(--space-3);flex-direction:column;display:flex}.liff-photo-weekly-filter-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.liff-photo-weekly-slot-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-photo-weekly-slot-filter{min-height:38px;padding:0 var(--space-3);color:#122117;font-size:var(--text-sm);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.liff-photo-weekly-slot-filter.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-photo-weekly-secondary-controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.liff-photo-weekly-legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-photo-weekly-legend-item{min-height:34px;padding:0 var(--space-3);font-size:var(--text-xs);color:#334155;background:#fff;border:1px solid #11182714;border-radius:999px;align-items:center;gap:8px;display:inline-flex}.liff-photo-weekly-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.liff-photo-weekly-legend-dot.status-available{background:#16a34a}.liff-photo-weekly-legend-dot.status-booked{background:#94a3b8}.liff-photo-weekly-legend-dot.status-mine{background:#22c55e}.liff-photo-weekly-legend-dot.status-past{background:#9ca3af}.liff-photo-weekly-filter{align-items:center;gap:var(--space-2);width:fit-content;min-height:42px;padding:0 var(--space-3);color:#122117;font-size:var(--text-sm);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:999px;font-weight:600;display:inline-flex}.liff-photo-weekly-filter input{width:16px;height:16px;margin:0}.liff-photo-weekly-filter strong{color:#334155;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.78rem;display:inline-flex}.liff-photo-weekly-filter.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-photo-weekly-filter.active strong{color:#166534;background:#dcfce7}.liff-photo-day-card{gap:var(--space-3);padding:var(--space-4);flex-direction:column;flex:0 0 calc(85% - var(--space-3));scroll-snap-align:center;background:#fffffff0;border:1px solid #11182714;border-radius:22px;display:flex}.liff-photo-day-card.today{border-color:#06c7553d;box-shadow:0 14px 28px #06c75514}.liff-photo-day-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.liff-photo-day-card-title{font-size:var(--text-sm);color:#122117;display:block}.liff-photo-day-card-date{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;display:block}.liff-photo-slot-list{gap:var(--space-2);flex-direction:column;display:flex}.liff-photo-slot-btn{width:100%;padding:var(--space-3);text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:#fff;border:1px solid #11182714;border-radius:18px;flex-direction:column;gap:6px;display:flex}.liff-photo-slot-btn:disabled{cursor:not-allowed}.liff-photo-slot-btn.status-available{cursor:pointer}.liff-photo-slot-btn.status-available.selected{background:linear-gradient(#fff 0%,#f3fcf5 100%);border-color:#06c75552;box-shadow:0 12px 24px #06c75514}.liff-photo-slot-btn.status-booked,.liff-photo-slot-btn.status-past{color:#64748b;background:#f8fafc}.liff-photo-slot-btn.status-mine{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-photo-slot-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.liff-photo-slot-name{font-size:var(--text-sm);font-weight:700}.liff-photo-slot-time{font-size:var(--text-sm);line-height:1.4}.liff-photo-slot-booker{overflow-wrap:anywhere;min-width:0;font-size:var(--text-xs);color:#475569;line-height:1.45;display:block}.liff-photo-slot-btn.status-mine .liff-photo-slot-booker{color:#166534}.liff-photo-slot-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.liff-photo-slot-badge.status-available{color:#166534;background:#eefbf3}.liff-photo-slot-badge.status-booked{color:#64748b;background:#f1f5f9}.liff-photo-slot-badge.status-mine{color:#166534;background:#dcfce7}.liff-photo-slot-badge.status-past{color:#6b7280;background:#e5e7eb}.liff-form-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;display:flex}.liff-leave-notice-banner{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:#92400e;border-radius:var(--radius-lg);font-size:var(--text-xs);background:#fbbf241f;border:1px solid #fbbf2447;font-weight:500;line-height:1.5;display:flex}.liff-booking-actionbar{bottom:calc(92px + env(safe-area-inset-bottom));gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4);-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #11182714;border-radius:22px;flex-direction:column;display:flex;position:sticky;box-shadow:0 18px 32px #11182714}.liff-booking-actionbar-copy{flex-direction:column;gap:2px;display:flex}.liff-booking-actionbar-actions{margin-top:0}.liff-my-bookings-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-my-booking-card{padding:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:radial-gradient(circle at 92% 0,#3b82f614,#0000 34%),#fffffff5;border:1px solid #11182714;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 12px 30px #2335270f}.liff-my-booking-card.status-active{border-color:#3b82f62e}.liff-my-booking-card.status-returned{background:radial-gradient(circle at 92% 0,#10b98114,#0000 34%),#fffffff5;border-color:#10b9812e}.liff-my-booking-card.status-cancelled{opacity:.7;border-color:#11182714}.liff-my-booking-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.liff-my-booking-resource{align-items:center;gap:var(--space-3);min-width:0;display:flex}.liff-my-booking-icon{background:linear-gradient(180deg, #ffffffb8, #ffffff47), var(--color-info-bg);width:40px;height:40px;color:var(--color-info);border-radius:15px;flex:0 0 40px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #3b82f61f}.liff-my-booking-name{font-size:var(--text-sm);color:var(--color-text);font-weight:780;line-height:1.3}.liff-my-booking-badge{min-height:28px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;font-weight:780;display:inline-flex}.liff-my-booking-badge.status-active{color:var(--color-info);background:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f61f}.liff-my-booking-badge.status-returned{color:var(--color-success);background:#10b9811a;box-shadow:inset 0 0 0 1px #10b9811f}.liff-my-booking-badge.status-cancelled{color:var(--color-text-tertiary);background:#f3f4f6}.liff-my-booking-detail{gap:var(--space-2);flex-direction:column;display:flex}.liff-my-booking-time{align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);background:#1118270a;font-weight:650;display:inline-flex}.liff-my-booking-time span{min-width:0;line-height:1.5}.liff-my-booking-notes{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-3);background:#11182709;border-radius:14px;line-height:1.5}.liff-my-booking-actions{gap:var(--space-2);padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid #11182712;display:flex}.liff-my-booking-actions .btn{flex:1}.liff-loading-box{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.liff-empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-tertiary);flex-direction:column;display:flex}.liff-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary)}.liff-empty-state-compact{padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-xl);background:#ffffffb3}@media (max-width:480px){.liff-booking-menu-grid{grid-template-columns:1fr}.liff-inline-search{margin-bottom:var(--space-3)}.liff-resource-filter-row{margin-bottom:var(--space-3);gap:6px}.liff-resource-filter-btn{min-height:36px;padding:0 6px}.liff-equipment-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:16px}.liff-equipment-card-icon{border-radius:14px;width:42px;height:42px}.liff-equipment-card-arrow{align-self:center}.liff-booking-resource-info{align-items:flex-start}.liff-resource-booking-page .liff-section{gap:var(--space-3)}.liff-resource-booking-page .liff-booking-resource-info{padding:var(--space-3);gap:var(--space-3)}.liff-resource-booking-page .liff-booking-resource-icon{border-radius:14px;width:40px;height:40px}.liff-resource-booking-page .liff-booking-resource-name{font-size:var(--text-sm)}.liff-resource-booking-page .liff-edit-panel{padding:var(--space-3);border-radius:18px;margin-top:var(--space-3)!important}.liff-photo-queue-page .liff-section{gap:var(--space-3)}.liff-photo-queue-page .liff-booking-resource-info{padding:var(--space-3);gap:var(--space-3)}.liff-photo-queue-page .liff-booking-resource-icon{border-radius:14px;width:40px;height:40px}.liff-photo-queue-page .liff-booking-resource-name{font-size:var(--text-sm)}.liff-photo-queue-page .liff-edit-panel{padding:var(--space-3);border-radius:18px;margin-top:var(--space-3)!important}.liff-photo-queue-steps{margin-bottom:var(--space-3);gap:6px}.liff-photo-queue-step{min-height:30px;padding:0 6px;font-size:.7rem}.liff-booking-form{padding-bottom:calc(126px + env(safe-area-inset-bottom))}.liff-booking-time-row{flex-direction:column}.liff-booking-mode{gap:var(--space-3)}.liff-booking-suggestions-head{flex-direction:column;align-items:flex-start;gap:2px}.liff-slot-section-head{align-items:flex-start}.liff-booking-secondary-link{min-height:32px;padding:0 var(--space-2)}.liff-equipment-day-toolbar{gap:var(--space-2);flex-direction:column}.liff-equipment-day-nav{width:100%}.liff-equipment-day-nav .liff-photo-weekly-nav-btn,.liff-equipment-day-nav .liff-photo-weekly-today-btn{flex:1;height:38px}.liff-equipment-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.liff-equipment-day-card{border-radius:14px;min-height:72px}.liff-equipment-day-detail{border-radius:16px;flex-direction:column;align-items:stretch}.liff-equipment-day-detail .liff-booking-secondary-link{width:100%}.liff-slot-grid{gap:var(--space-2)}.liff-slot-card{padding:var(--space-3);border-radius:16px}.liff-booking-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.liff-booking-chip{width:100%;padding:0 var(--space-3)}.liff-photo-weekly-toolbar{gap:var(--space-2);padding:var(--space-3);border-radius:16px;flex-direction:column}.liff-photo-weekly-nav{gap:6px;width:100%}.liff-photo-weekly-controls{gap:var(--space-2)}.liff-photo-weekly-filter-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.liff-photo-weekly-slot-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.liff-photo-weekly-slot-filter{width:100%;min-height:36px;padding:0 var(--space-2);font-size:var(--text-xs)}.liff-photo-weekly-filter{border-radius:14px;justify-content:space-between;width:100%;min-height:38px}.liff-photo-weekly-nav-btn{flex:1;height:38px}.liff-photo-weekly-today-btn{flex:1.4;height:38px}.liff-photo-week-grid{gap:var(--space-2);scroll-snap-type:none;flex-direction:column;padding-bottom:0;display:flex;overflow:visible}.liff-photo-day-card{padding:var(--space-3);scroll-snap-align:unset;gap:var(--space-2);border-radius:16px;flex:auto}.liff-photo-day-card-head{align-items:center}.liff-photo-slot-list{gap:6px}.liff-photo-slot-btn{min-height:58px;padding:var(--space-3);border-radius:14px}.liff-photo-slot-header{flex-direction:row;align-items:center}.liff-photo-slot-badge{align-self:center;min-height:22px;padding:0 8px}.liff-photo-slot-time{font-size:var(--text-xs)}.liff-photo-weekly-secondary-controls{align-items:stretch;gap:var(--space-2);flex-direction:column}.liff-photo-weekly-legend{display:none}.liff-availability-slot{flex-wrap:wrap;align-items:flex-start}.liff-availability-slot-note{width:100%;margin-left:1rem}.liff-booking-actionbar{bottom:calc(88px + env(safe-area-inset-bottom));gap:var(--space-3);padding:var(--space-3);border-radius:18px}.liff-photo-queue-page .liff-booking-actionbar-copy{gap:0}.liff-photo-queue-page .liff-booking-actionbar-actions{gap:var(--space-2);grid-template-columns:.72fr 1fr;display:grid}.liff-photo-queue-page .liff-booking-actionbar-actions .btn{width:100%;min-height:42px}.liff-resource-booking-page .liff-booking-actionbar-copy{gap:0}.liff-resource-booking-page .liff-booking-actionbar-actions{gap:var(--space-2);grid-template-columns:.72fr 1fr;display:grid}.liff-resource-booking-page .liff-booking-actionbar-actions .btn{width:100%;min-height:42px}.liff-my-booking-header{flex-direction:column;align-items:flex-start}.liff-my-booking-resource{width:100%}.liff-my-booking-actions{flex-direction:column}}.liff-availability-panel{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-sm);background:#f0faf4;border:1px solid #c3e6d2}.liff-availability-panel.compact{padding:var(--space-2) var(--space-3);background:#f8fafc;border-color:#dbe4ee;margin-bottom:0}.liff-availability-header{align-items:center;gap:var(--space-2);color:#1a6b3c;margin-bottom:var(--space-2);font-weight:600;display:flex}.liff-availability-panel.compact .liff-availability-header{color:#475569;font-size:var(--text-xs);margin-bottom:0}.liff-availability-summary{justify-content:space-between;align-items:center;gap:var(--space-2);color:#475569;cursor:pointer;font-size:var(--text-xs);font-weight:700;list-style:none;display:flex}.liff-availability-summary::-webkit-details-marker{display:none}.liff-availability-summary span{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.liff-availability-summary>svg{transition:transform var(--transition-fast)}.liff-availability-panel[open] .liff-availability-summary>svg{transform:rotate(90deg)}.liff-availability-body{padding-top:var(--space-2)}.liff-availability-free{color:#2d9f5e;font-weight:500;font-size:var(--text-sm);margin:0}.liff-availability-slots{gap:var(--space-1);flex-direction:column;display:flex}.liff-availability-slot{align-items:center;gap:var(--space-2);display:flex}.liff-availability-slot-dot{background:#e05c5c;border-radius:50%;flex-shrink:0;width:8px;height:8px}.liff-availability-slot-time{color:#2a2a2a;font-weight:600;font-size:var(--text-sm)}.liff-availability-slot-note{color:var(--color-text-secondary);margin-left:auto;font-size:.78rem}.liff-duration-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:#1d4ed8;margin-bottom:var(--space-2);background:#eef6ff;border:1px solid #bfdbfe;border-radius:999px;font-weight:500;display:inline-flex}.liff-duration-pill svg{opacity:.7}.liff-edit-input.input-error{border-color:var(--color-error);background:#fff5f5}.liff-edit-input.input-error:focus{outline-color:var(--color-error);box-shadow:0 0 0 3px #dc26261f}.liff-booking-section{flex-direction:column;display:flex}.liff-booking-section-header{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-3);display:flex}.liff-booking-section-toggle{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:opacity .15s}.liff-booking-section-toggle:hover{opacity:.75}.liff-booking-section-dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.liff-booking-section-dot.active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.liff-booking-section-dot.history{background:var(--color-text-secondary)}.liff-booking-section-title{font-size:var(--text-sm);color:var(--color-text-primary);flex:1;margin:0;font-weight:700}.liff-booking-section-count{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.liff-booking-section-chevron{color:var(--color-text-secondary);transition:transform .2s;display:flex}.liff-booking-section-chevron.open{transform:rotate(90deg)}.liff-booking-section-empty{align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.liff-booking-section-empty p{margin:0}.liff-history-list{opacity:.8}.liff-my-booking-card.overdue{background:radial-gradient(circle at 92% 0,#f59e0b24,#0000 34%),#fffbeb!important;border-color:#f59e0b47!important}.liff-my-booking-badge.overdue{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.liff-my-booking-card.status-history{opacity:.75}.admin-overdue-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;font-weight:600;display:inline-flex}.row-overdue{background:#fffbeb!important}.row-overdue td{border-color:#fde68a}.badge-warning{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.admin-search-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.admin-search-input{font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.admin-search-input::placeholder{color:var(--color-text-secondary)}.admin-search-clear{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.admin-search-clear:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.admin-tab-nav{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-xl);background:#1118270d;width:fit-content;display:flex}.admin-tab-btn{padding:var(--space-2) var(--space-5);border-radius:calc(var(--radius-xl) - 4px);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:600}.admin-tab-btn:hover{color:var(--color-text)}.admin-tab-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 4px #1118271f}.admin-avatar-xs{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.liff-timeline{gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex;position:relative}.liff-timeline:before{content:"";background:var(--color-border);border-radius:var(--radius-full);width:2px;position:absolute;top:14px;bottom:0;left:9px}.liff-timeline-item{gap:var(--space-4);display:flex;position:relative}.liff-timeline-dot{border-radius:var(--radius-full);background:var(--color-surface);border:4px solid var(--color-primary);z-index:2;flex-shrink:0;width:20px;height:20px;margin-top:4px;position:relative}.liff-timeline-item.meeting .liff-timeline-dot{border-color:var(--color-info)}.liff-timeline-item.photo-queue .liff-timeline-dot{border-color:var(--color-accent)}.liff-timeline-content{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);flex:1}.liff-timeline-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.liff-timeline-title{font-size:var(--text-sm);color:var(--color-text);margin:0;font-weight:600}.liff-timeline-time{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-light);padding:2px var(--space-2);border-radius:var(--radius-md);white-space:nowrap;font-weight:500}.liff-timeline-item.meeting .liff-timeline-time{color:var(--color-info);background:var(--color-info-bg)}.liff-timeline-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.4}.liff-timeline-person{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text);font-weight:500;display:flex}.liff-timeline-empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-sm);background:var(--color-surface);border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.liff-leave-hub-hero{align-items:center;gap:var(--space-4);padding:var(--space-5);background:radial-gradient(circle at 88% 8%,#ffb80029,#0000 36%),linear-gradient(135deg,#fffffff5 0%,#f6faf5fa 100%);border:1px solid #ffffffc7;border-radius:28px;grid-template-columns:minmax(0,1fr) 68px;display:grid;overflow:hidden;box-shadow:0 18px 46px #2335271a}.liff-leave-hub-copy{min-width:0}.liff-leave-hub-kicker{border-radius:var(--radius-full);color:#0b8f45;letter-spacing:.06em;text-transform:uppercase;background:#06c7551a;align-items:center;padding:.32rem .65rem;font-size:.68rem;font-weight:800;display:inline-flex}.liff-leave-hub-title{margin-top:var(--space-3);font-size:var(--text-3xl);color:#122117;font-weight:850;line-height:1.05}.liff-leave-hub-description{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65}.liff-leave-hub-mark{color:#0b8f45;background:linear-gradient(#ffffff9e 0%,#ffffff2e 100%),#06c7551f;border-radius:24px;place-items:center;width:68px;height:68px;display:grid;box-shadow:inset 0 0 0 1px #06c7551f}.liff-leave-primary-action{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);color:var(--color-text-inverse);font-family:var(--font-family);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 95% 0,#ffffff47,#0000 32%),linear-gradient(135deg,#049840 0%,#06c755 100%);border:0;border-radius:24px;grid-template-columns:52px minmax(0,1fr) 34px;display:grid;box-shadow:0 18px 38px #06c7553d}.liff-leave-primary-action:active{transform:scale(.99)}.liff-leave-primary-icon,.liff-leave-primary-arrow{background:#ffffff2e;border-radius:18px;place-items:center;display:grid}.liff-leave-primary-icon{width:52px;height:52px}.liff-leave-primary-arrow{width:34px;height:34px}.liff-leave-primary-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-leave-primary-label{opacity:.82;font-size:.7rem;font-weight:800}.liff-leave-primary-title{font-size:var(--text-xl);font-weight:850;line-height:1.2}.liff-leave-primary-desc{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-xs);opacity:.86;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.liff-leave-action-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-leave-action-card{align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:var(--space-4);color:inherit;font-family:var(--font-family);text-align:left;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#fffffff0;border:1px solid #11182712;border-radius:22px;grid-template-columns:44px minmax(0,1fr) auto;display:grid;box-shadow:0 12px 28px #2335270e}.liff-leave-action-card:active{transform:scale(.99)}.liff-leave-action-card:hover{border-color:#06c7553d;box-shadow:0 16px 36px #23352716}.liff-leave-action-icon{color:#0b8f45;background:#06c7551a;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.liff-leave-action-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.liff-leave-action-title{color:#122117;font-size:var(--text-base);font-weight:780;line-height:1.25}.liff-leave-action-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.liff-leave-action-meta{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);color:#0b8f45;font-size:var(--text-xs);white-space:nowrap;background:#06c75517;align-items:center;font-weight:800;display:inline-flex}.liff-form-card{gap:var(--space-4);padding:var(--space-5);background:#fffffff0;border:1px solid #11182714;border-radius:22px;flex-direction:column;display:flex;box-shadow:0 8px 24px #1118270a}.liff-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.6}.liff-leave-summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:#166534;background:linear-gradient(135deg,#eefbf3 0%,#e8f7ee 100%);border:1px solid #b9e5c9;border-radius:16px;font-weight:500;display:flex}.liff-leave-summary strong{font-weight:700}.liff-leave-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-leave-card{gap:var(--space-3);padding:var(--space-4);background:#fffffff0;border:1.5px solid #11182714;border-radius:18px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}.liff-leave-card.liff-leave-status--pending{border-left:4px solid #f59e0b}.liff-leave-card.liff-leave-status--approved{border-left:4px solid #22c55e}.liff-leave-card.liff-leave-status--rejected{opacity:.85;border-left:4px solid #ef4444}.liff-leave-card.liff-leave-status--cancelled{opacity:.85;border-left:4px solid #9ca3af}.liff-leave-card-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.liff-leave-card-type{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#122117;font-weight:700;display:flex}.liff-leave-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.liff-leave-badge.liff-leave-status--pending{color:#92400e;background:#fef3c7}.liff-leave-badge.liff-leave-status--approved{color:#166534;background:#dcfce7}.liff-leave-badge.liff-leave-status--rejected{color:#991b1b;background:#fee2e2}.liff-leave-card-dates{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.liff-leave-card-days{color:#122117;background:#f1f5f9;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.liff-leave-card-reason{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:#f8fafc;border-radius:12px;margin:0;line-height:1.5}.liff-leave-card-approver{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.liff-leave-card-meta{color:var(--color-text-tertiary);font-size:.7rem}.liff-leave-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-tertiary);border:1px dashed var(--color-border);background:#ffffffb3;border-radius:22px;flex-direction:column;display:flex}.liff-leave-empty p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.admin-tabs,.admin-tabbar{gap:var(--space-2);background:var(--admin-surface,#fff);border:1px solid var(--admin-line,#11182712);width:fit-content;box-shadow:none;border-radius:18px;flex-wrap:wrap;padding:.45rem;display:flex}.admin-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.admin-tab:hover{color:var(--color-text);background:#eef3f0}.admin-tab.active{color:var(--admin-accent-strong,#049840);background:var(--admin-accent-soft,#06c7551a);box-shadow:none}.admin-filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-hint{color:var(--color-text-tertiary);margin-top:4px;font-size:.75rem;display:block}.btn-danger-ghost{color:var(--color-danger,#ef4444);background:0 0;border:1px solid #ef444433}.btn-danger-ghost:hover{background:#ef44440f;border-color:#ef444466}.liff-leave-date-row{gap:var(--space-3);display:flex}.liff-leave-datetime-group{gap:var(--space-2);flex-direction:column;display:flex}.liff-leave-datetime-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#122117;margin:0;font-weight:600;display:flex}@media (max-width:480px){.liff-leave-date-row{gap:var(--space-2)}}@media (max-width:900px){.admin-leave-type-form-row.two-columns,.admin-leave-type-form-row.detail-columns{grid-template-columns:1fr}}.liff-leave-card-user{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid #1118270f;display:flex}.liff-leave-card-avatar{width:36px;height:36px;color:var(--color-text-tertiary);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.liff-leave-card-avatar img{object-fit:cover;width:100%;height:100%}.liff-leave-card-username{font-size:var(--text-sm);color:#122117;font-weight:700}.liff-leave-card-position{font-size:var(--text-xs);color:var(--color-text-secondary)}.liff-leave-card-time{color:var(--color-text-tertiary);font-size:.78rem}.liff-leave-card-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid #1118270f;display:flex}.liff-leave-filter-row{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.liff-leave-filter-btn{min-height:36px;padding:0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:#fff;border:1px solid #11182714;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .15s;display:inline-flex}.liff-leave-filter-btn:hover{border-color:#11182729}.liff-leave-filter-btn.active{color:#166534;background:#eefbf3;border-color:#b9e5c9}.liff-away-today-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:20px;margin:0 -16px;padding:16px 16px 20px;display:flex;overflow-x:auto}.liff-away-today-item{animation:away-bubble-float var(--bubble-duration,3s) ease-in-out infinite;animation-delay:var(--bubble-delay,0s);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}@keyframes away-bubble-float{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}.liff-away-avatar-wrap{width:64px;height:64px;position:relative}.liff-away-avatar-wrap img,.liff-away-avatar-wrap .liff-avatar-fallback{object-fit:cover;border:3px solid #ffffffe6;border-radius:999px;box-shadow:0 6px 20px #0f172a21,0 0 0 4px #dc26261a;width:64px!important;min-width:64px!important;height:64px!important;font-size:var(--text-lg)!important}.liff-away-badge{background:#dc2626;border:2px solid #fff;border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-2px;right:-2px}.liff-away-badge svg{color:#fff;width:10px;height:10px}.liff-away-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:.01em;max-width:72px;font-size:11px;font-weight:760;overflow:hidden}.liff-week-away-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-week-away-day{gap:var(--space-3);padding:var(--space-3);background:#ffffffc2;border:1px solid #0f172a14;border-radius:18px;grid-template-columns:82px minmax(0,1fr);display:grid;box-shadow:0 10px 22px #0f172a0e}.liff-week-away-date{min-width:0;padding:var(--space-2);color:#0f172a;background:#f8fafc;border-radius:14px;flex-direction:column;justify-content:center;gap:4px;display:flex}.liff-week-away-date span{font-size:var(--text-xs);font-weight:800;line-height:1.25}.liff-week-away-date strong{color:#64748b;font-size:.72rem;font-weight:760}.liff-week-away-people{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.liff-week-away-person{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);background:#fff;border-radius:14px;grid-template-columns:34px minmax(0,1fr);display:grid}.liff-week-away-person img,.liff-week-away-person .liff-avatar-fallback{object-fit:cover;border-radius:999px;width:34px!important;height:34px!important}.liff-week-away-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.liff-week-away-name{color:#122117;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:780;line-height:1.25;overflow:hidden}.liff-week-away-meta{color:var(--color-text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:650;line-height:1.3;overflow:hidden}@media (max-width:380px){.liff-week-away-day{grid-template-columns:1fr}.liff-week-away-date{flex-direction:row;justify-content:space-between;align-items:center}}.liff-meeting-form-section{gap:var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.liff-meeting-form-card{gap:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid #11182714;border-radius:18px;flex-direction:column;display:flex;box-shadow:0 8px 20px #0f172a0a}.liff-meeting-form-card-head{gap:var(--space-3);align-items:flex-start;display:flex}.liff-meeting-form-card-head h2{font-size:var(--text-base);color:#122117;margin:0;line-height:1.3}.liff-meeting-form-card-head p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:3px 0 0;line-height:1.55}.liff-meeting-form-step{color:#047d36;width:28px;height:28px;font-size:var(--text-sm);background:#06c7551f;border-radius:10px;flex:0 0 28px;place-items:center;font-weight:850;display:grid}.liff-meeting-time-row{align-items:flex-start}.liff-participant-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.liff-chip-btn{color:#047d36;min-height:34px;font:inherit;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:#06c75514;border:1px solid #06c75547;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-weight:700;display:inline-flex}.liff-chip-btn:active{background:#06c75524;transform:scale(.97)}.liff-chip-btn--muted{color:var(--color-text-secondary);background:0 0;border-color:#11182726}.liff-participant-summary{gap:var(--space-3);padding:var(--space-3);background:#f6faf4;border:1px solid #1118270f;border-radius:16px;justify-content:space-between;align-items:center;display:flex}.liff-participant-summary>div:first-child{flex-direction:column;gap:2px;display:flex}.liff-participant-summary strong{font-size:var(--text-base);color:#122117;line-height:1.2}.liff-participant-summary span{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:650}.liff-selected-participants{flex-wrap:wrap;gap:6px;display:flex}.liff-selected-participant-chip{color:#122117;max-width:100%;min-height:28px;font-size:var(--text-xs);background:#1118270f;border-radius:999px;align-items:center;padding:4px 10px;font-weight:750;display:inline-flex}.liff-selected-participant-chip.muted{color:var(--color-text-secondary)}.liff-participant-search{align-items:center;gap:var(--space-2);padding:0 var(--space-3);min-height:48px;color:var(--color-text-tertiary);background:#fff;border:1px solid #1118271a;border-radius:16px;display:flex}.liff-participant-search:focus-within{border-color:#06c7558c;box-shadow:0 0 0 4px #06c7551a}.liff-participant-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:16px}.liff-participant-search input::placeholder{color:var(--color-text-tertiary)}.liff-participant-list{max-height:220px;padding:var(--space-1);background:#fbfcfa;border:1px solid #11182714;border-radius:16px;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.liff-participant-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);font:inherit;font-size:var(--text-sm);color:#122117;cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;text-align:left;background:0 0;border:none;border-radius:12px;display:flex}.liff-participant-item:active{background:#06c75514}.liff-participant-item.selected{background:#06c7551a}.liff-participant-check{color:#0000;width:22px;height:22px;transition:all var(--transition-fast);background:#fff;border:2px solid #1118272e;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.liff-participant-item.selected .liff-participant-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.liff-participant-name{font-weight:600;line-height:1.3}.liff-meeting-list{gap:var(--space-3);flex-direction:column;display:flex}.liff-meeting-card{transition:transform var(--transition-fast);background:#fff;border:1px solid #11182714;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #0f172a0d}.liff-meeting-card.today{border-color:#06c75557;box-shadow:0 10px 26px #06c7551a}.liff-meeting-card.past{opacity:.65}.liff-meeting-card-topline{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.liff-meeting-card-date{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:800}.liff-meeting-badge-today{color:#047d36;font-size:var(--text-xs);letter-spacing:0;background:#06c7551f;border-radius:999px;padding:3px 9px;font-weight:850}.liff-meeting-card-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.liff-meeting-card-title{font-size:var(--text-base);color:#122117;font-weight:800;line-height:1.35}.liff-meeting-card-meta{flex-direction:column;gap:6px;display:flex}.liff-meeting-card-meta>span{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;line-height:1.4;display:flex}.liff-meeting-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-3);background:#f7f8f6;border:1px solid #1118270f;border-radius:12px;margin:0;line-height:1.6}.liff-meeting-card-participant-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#11182709;border-radius:12px;display:flex}.liff-meeting-card-participant-row>span{align-items:center;gap:var(--space-2);color:#122117;font-size:var(--text-sm);flex:none;font-weight:800;display:flex}.liff-meeting-card-participant-row small{min-width:0;color:var(--color-text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.liff-meeting-card-footer{padding-top:var(--space-2);border-top:1px solid #1118270f}.liff-meeting-card-creator{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600}.liff-meeting-empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.liff-meeting-empty>p{font-size:var(--text-sm);font-weight:600}.liff-filter-tabs{gap:var(--space-2);margin-bottom:var(--space-4);background:#1118270d;border-radius:14px;padding:3px;display:flex}.liff-filter-tab{padding:8px var(--space-3);font:inherit;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:11px;flex:1;font-weight:700}.liff-filter-tab.active{color:#7c3aed;background:#fff;box-shadow:0 2px 8px #0f172a14}.liff-filter-tab:active{transform:scale(.98)}.liff-edit-row{gap:var(--space-3);display:flex}.liff-edit-textarea{resize:vertical;min-height:72px}.liff-form-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:#dc2626;font-size:var(--text-sm);background:#dc262612;border:1px solid #dc262626;border-radius:14px;font-weight:650;display:flex}.liff-form-submit{width:100%}.liff-meeting-submit-panel{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:5;gap:var(--space-3);padding:var(--space-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #11182714;border-radius:18px;flex-direction:column;display:flex;position:sticky;box-shadow:0 14px 36px #0f172a24}.liff-meeting-submit-summary{flex-direction:column;gap:3px;min-width:0;display:flex}.liff-meeting-submit-summary strong,.liff-meeting-submit-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liff-meeting-submit-summary strong{color:#122117;font-size:var(--text-sm);font-weight:850}.liff-meeting-submit-summary span{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:650}@media (max-width:390px){.liff-meeting-time-row,.liff-participant-summary{flex-direction:column;align-items:stretch}.liff-participant-actions{justify-content:flex-start}}.liff-photo-weekly-legend-dot.status-leave{background:#ef4444}.liff-photo-weekly-legend-dot.status-pending_leave{background:#f97316}.liff-photo-slot-btn.status-leave{color:#991b1b;background:#fef2f2;border-color:#fecaca}.liff-photo-slot-btn.status-pending_leave{color:#c2410c;background:#fff7ed;border-color:#ffedd5}.liff-photo-slot-badge.status-leave{color:#991b1b;background:#fee2e2}.liff-photo-slot-badge.status-pending_leave{color:#c2410c;background:#ffedd5}.liff-calendar-container{gap:var(--space-4);padding:var(--space-4);background:#fff;border:1px solid #11182714;border-radius:22px;flex-direction:column;display:flex;box-shadow:0 10px 24px #1118270a}.liff-calendar-header{justify-content:space-between;align-items:center;display:flex}.liff-calendar-title{font-size:var(--text-base);color:#122117;font-weight:780}.liff-calendar-nav{gap:var(--space-2);display:flex}.liff-calendar-nav-btn{color:#122117;cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast);background:#fff;border:1px solid #11182714;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.liff-calendar-nav-btn:hover{background:#f8fafc}.liff-calendar-grid-header{text-align:center;font-size:var(--text-xs);color:var(--color-text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid #1118270f;grid-template-columns:repeat(7,1fr);font-weight:700;display:grid}.liff-calendar-grid{background:#1118270a;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:2px;padding:2px;display:grid;overflow:hidden}.liff-calendar-cell{aspect-ratio:1;cursor:pointer;transition:background var(--transition-fast);background:#fff;border:none;flex-direction:column;justify-content:space-between;align-items:center;padding:6px 4px;display:flex;position:relative}.liff-calendar-cell:hover{background:#f1f5f9}.liff-calendar-cell.other-month{color:var(--color-text-tertiary);opacity:.5}.liff-calendar-cell.today{color:#166534;font-weight:780}.liff-calendar-cell.today:after{content:"";background:#166534;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.liff-calendar-cell.active{color:#166534;z-index:1;background:#eefbf3;border-radius:8px;font-weight:780;box-shadow:inset 0 0 0 2px #b9e5c9}.liff-calendar-day-num{font-size:var(--text-sm)}.calendar-day-dots{justify-content:center;gap:2px;height:6px;margin-top:auto;display:flex}.calendar-day-dot{border-radius:50%;width:5px;height:5px}.calendar-day-dot.approved{background:#ef4444}.calendar-day-dot.pending{background:#f97316}.calendar-day-dot.meeting{background:#3b82f6}.calendar-day-dot.booking{background:#10b981}.calendar-day-dot.leave-approved{background:#ef4444}.calendar-day-dot.leave-pending{background:#f97316}.calendar-day-dot-more{color:var(--color-text-secondary);font-size:8px;line-height:4px}.liff-calendar-details{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.liff-calendar-details-title{font-size:var(--text-sm);color:#122117;font-weight:780}.liff-calendar-leave-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border:1px solid #11182714;border-radius:18px;display:flex}.liff-calendar-leave-card.status-pending{border-left:4px solid #f97316}.liff-calendar-leave-card.status-approved{border-left:4px solid #10b981}.liff-calendar-leave-info{flex-direction:column;flex:1;gap:2px;display:flex}.liff-calendar-leave-name{font-size:var(--text-sm);color:var(--color-text);font-weight:700}.liff-calendar-leave-meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.liff-calendar-leave-status-badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.liff-calendar-leave-status-badge.approved{color:#065f46;background:#d1fae5}.liff-calendar-leave-status-badge.pending{color:#7c2d12;background:#ffedd5}.liff-calendar-segmented-wrapper{margin:0 16px var(--space-4) 16px}.liff-calendar-segmented-control{background:#1118270d;border-radius:12px;padding:4px;display:flex}.liff-calendar-segmented-tab{color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:center;min-height:40px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 0;font-weight:600}.liff-calendar-segmented-tab.active{background:var(--color-surface);color:var(--color-primary-dark);box-shadow:var(--shadow-sm);font-weight:700}.liff-calendar-cell.today:after{display:none!important}.liff-calendar-cell.today .liff-calendar-day-num{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.liff-calendar-cell.active .liff-calendar-day-num{background:var(--color-primary);color:var(--color-text-inverse);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.liff-away-today-scroll{gap:var(--space-4);padding:var(--space-2) 16px var(--space-4) 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.liff-away-today-scroll::-webkit-scrollbar{display:none}.liff-calendar-viewport{flex-direction:column;display:flex;overflow:hidden}.liff-calendar-week-view-wrapper,.liff-calendar-month-view-wrapper{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1),opacity .2s,transform .25s cubic-bezier(.4,0,.2,1);display:grid;transform:translateY(0)}.liff-calendar-week-view-wrapper.collapsed,.liff-calendar-month-view-wrapper.collapsed{opacity:0;pointer-events:none;grid-template-rows:0fr}.liff-calendar-week-view-wrapper.collapsed{transform:translateY(-8px)}.liff-calendar-month-view-wrapper.collapsed{transform:translateY(8px)}.liff-calendar-week-view-wrapper>div,.liff-calendar-month-view-wrapper>div{overflow:hidden}