:root{--staff-app-bg:var(--gray-1);--staff-app-surface:var(--gray-1);--staff-app-surface-2:var(--gray-2);--staff-app-border:var(--gray-5);--staff-app-text:var(--gray-12);--staff-app-text-sub:var(--gray-11);--staff-app-text-mute:var(--gray-9);--staff-app-primary:var(--blue-9);--staff-app-primary-soft:var(--blue-3);--staff-app-danger:var(--red-9);--staff-app-danger-soft:var(--red-3);--staff-app-danger-text:var(--red-11);--staff-app-success:var(--green-9);--staff-app-success-soft:var(--green-3);--staff-app-radius:var(--radius-md);--staff-app-radius-sm:var(--radius);--staff-app-shadow-sm:var(--shadow-sm);--staff-app-font:var(--font-sans)}.staff-app-login-page{background:var(--staff-app-bg);min-height:100vh;font-family:var(--staff-app-font);flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.staff-app-login-card{background:var(--staff-app-surface);border-radius:var(--staff-app-radius);width:100%;max-width:400px;padding:28px 24px;box-shadow:0 2px 8px #00000014}.staff-app-login-title{color:var(--staff-app-primary);text-align:center;margin:0 0 6px;font-size:20px;font-weight:700}.staff-app-login-subtitle{color:var(--staff-app-text-sub);text-align:center;margin:0 0 20px;font-size:13px}.staff-app-login-note{color:var(--staff-app-text-mute);text-align:center;margin-top:12px;font-size:12px}.staff-app-login-error{background:var(--staff-app-danger-soft);color:var(--staff-app-danger-text);border-radius:var(--staff-app-radius-sm);margin-bottom:14px;padding:10px 14px;font-size:13px}.staff-app-login-label{color:var(--staff-app-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.staff-app-login-input{border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius-sm);box-sizing:border-box;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:15px}.staff-app-login-input:focus{border-color:var(--staff-app-primary)}.staff-app-login-input-otp{text-align:center;letter-spacing:8px;font-size:22px}.staff-app-login-field{margin-bottom:14px}.staff-app-login-button{background:var(--staff-app-primary);width:100%;color:var(--gray-1);border-radius:var(--staff-app-radius-sm);cursor:pointer;border:none;padding:13px;font-family:inherit;font-size:15px;font-weight:700}.staff-app-login-button:disabled{opacity:.6;cursor:not-allowed}.staff-app-login-button-secondary{width:100%;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:11px;font-family:inherit;font-size:13px}.staff-app-chat-wrapper{max-width:800px;font-family:var(--staff-app-font);margin:0 auto;padding:16px}.staff-app-chat-page-title{color:var(--staff-app-text);margin:0 0 12px;font-size:18px;font-weight:700}.staff-app-chat-back-link{color:var(--staff-app-primary);margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.staff-app-chat-empty{text-align:center;color:var(--staff-app-text-mute);background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);padding:28px 16px;font-size:14px}.staff-app-chat-loading{text-align:center;color:var(--staff-app-text-mute);padding:12px;font-size:13px}.staff-app-chat-error{background:var(--staff-app-danger-soft);color:var(--staff-app-danger-text);border-radius:var(--staff-app-radius-sm);margin-bottom:12px;padding:10px 14px;font-size:13px}.staff-app-chat-thread-list{flex-direction:column;gap:8px;display:flex}.staff-app-chat-filter-row{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0 12px;display:flex}.staff-app-chat-filter-chip{appearance:none;background:var(--staff-app-surface);border:1px solid var(--staff-app-border);color:var(--staff-app-text);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}.staff-app-chat-filter-chip:disabled{opacity:.5;cursor:not-allowed}.staff-app-chat-filter-chip-active{background:var(--staff-app-primary);color:var(--gray-1);border-color:var(--staff-app-primary)}.staff-app-chat-filter-divider{background:var(--staff-app-border);width:1px;height:16px;margin:0 4px}.staff-app-chat-thread-item{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);color:var(--staff-app-text);cursor:pointer;box-shadow:var(--staff-app-shadow-sm);flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;text-decoration:none;display:flex}.staff-app-chat-thread-row{align-items:flex-start;gap:12px;display:flex}.staff-app-chat-thread-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.staff-app-chat-thread-avatar{color:var(--staff-app-text-mute);background:var(--staff-app-surface-2);border:1px solid var(--staff-app-border)}.staff-app-chat-thread-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.staff-app-chat-thread-customer{color:var(--staff-app-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.staff-app-chat-thread-time{color:var(--staff-app-text-mute);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.staff-app-chat-thread-preview{color:var(--staff-app-text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.staff-app-chat-thread-status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700}.staff-app-chat-thread-status-ai{color:var(--staff-app-primary);background:var(--staff-app-primary-soft)}.staff-app-chat-thread-status-requested{color:var(--staff-app-danger-text);background:var(--staff-app-danger-soft)}.staff-app-chat-thread-status-active{color:var(--green-11);background:var(--staff-app-success-soft)}.staff-app-chat-thread-status-closed{color:var(--staff-app-text-mute);background:var(--staff-app-surface-2)}.staff-app-chat-detail-header{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);flex-direction:column;gap:6px;margin-bottom:10px;padding:10px 12px;display:flex}.staff-app-chat-detail-customer{color:var(--staff-app-text);font-size:15px;font-weight:700}.staff-app-chat-detail-actions{flex-wrap:wrap;gap:6px;display:flex}.staff-app-chat-status-button{border:1px solid var(--staff-app-border);background:var(--staff-app-surface);color:var(--staff-app-text);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.staff-app-chat-status-button:disabled{opacity:.5;cursor:not-allowed}.staff-app-chat-detail{background:var(--staff-app-surface-2);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.staff-app-chat-detail>.staff-app-chat-header{background:var(--staff-app-surface);border-bottom:1px solid var(--staff-app-border);padding:max(env(safe-area-inset-top),44px)8px 8px;flex-shrink:0}.staff-app-chat-scroll{gap:var(--chat-gap-grouped,2px);background:var(--staff-app-surface-2);-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;padding:12px;display:flex;overflow-y:auto}.staff-app-chat-message-row{align-items:flex-end;gap:8px;width:100%;display:flex}.staff-app-chat-message-row-staff,.staff-app-chat-message-row-ai{justify-content:flex-end}.staff-app-chat-message-row-customer{justify-content:flex-start}.staff-app-chat-avatar{color:var(--staff-app-text-mute);background:var(--staff-app-surface-2);border:1px solid var(--staff-app-border)}.staff-app-chat-message-row-system{justify-content:center}.staff-app-chat-bubble{max-width:80%;padding:var(--chat-bubble-pad-y,7px)var(--chat-bubble-pad-x,12px);border-radius:var(--chat-bubble-radius,10px);white-space:pre-wrap;word-break:break-word;box-shadow:var(--chat-bubble-shadow,none);font-size:14px;line-height:1.55}.staff-app-chat-bubble-customer,.staff-app-chat-bubble-ai{background:var(--staff-app-surface);color:var(--staff-app-text);border:1px solid var(--staff-app-border)}.staff-app-chat-bubble-staff{background:var(--staff-app-primary);color:var(--gray-1)}.staff-app-chat-message-row[data-group-end=true][data-row-side=self] .staff-app-chat-bubble{border-bottom-right-radius:var(--chat-bubble-tail-radius,4px)}.staff-app-chat-message-row[data-group-end=true][data-row-side=other] .staff-app-chat-bubble{border-bottom-left-radius:var(--chat-bubble-tail-radius,4px)}.staff-app-chat-bubble-system{background:var(--staff-app-surface-2);max-width:92%;color:var(--staff-app-text-sub);border:1px dashed var(--staff-app-border);text-align:center;font-size:12.5px}.staff-app-chat-bubble-meta{color:var(--staff-app-text-mute);margin-top:4px;font-size:11px;display:block}.staff-app-chat-message-row-staff .staff-app-chat-bubble-meta,.staff-app-chat-message-row-ai .staff-app-chat-bubble-meta{text-align:right}.staff-app-chat-composer{background:var(--staff-app-surface);border-top:1px solid var(--staff-app-border);padding:8px 10px max(env(safe-area-inset-bottom),8px);flex-direction:column;flex-shrink:0;gap:6px;display:flex}.staff-app-chat-composer-row{align-items:flex-end;gap:8px;display:flex}.staff-app-chat-composer-input{resize:none;border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius-sm);color:var(--staff-app-text);background:var(--staff-app-surface);outline:none;flex:1;min-height:44px;max-height:140px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.staff-app-chat-composer-input:focus{border-color:var(--staff-app-primary)}.staff-app-chat-composer-send{background:var(--staff-app-primary);color:var(--gray-1);border:1px solid var(--staff-app-primary);border-radius:var(--staff-app-radius-sm);cursor:pointer;min-height:44px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700}.staff-app-chat-composer-send:disabled{opacity:.5;cursor:not-allowed}.staff-app-chat-composer-meta{color:var(--staff-app-text-mute);justify-content:space-between;align-items:center;font-size:11px;display:flex}.staff-app-chat-customer-card{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);margin-bottom:10px;overflow:hidden}.staff-app-chat-customer-card-header{background:var(--staff-app-surface-2);cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--staff-app-text);border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.staff-app-chat-customer-card-header:hover{background:var(--staff-app-primary-soft)}.staff-app-chat-customer-card-title{font-size:14px;font-weight:700}.staff-app-chat-customer-card-subtitle{color:var(--staff-app-text-sub);font-size:13px}.staff-app-chat-customer-card-body{flex-direction:column;gap:12px;padding:12px;display:flex}.staff-app-chat-customer-card-loading,.staff-app-chat-customer-card-empty{color:var(--staff-app-text-mute);font-size:13px}.staff-app-chat-customer-card-error{color:var(--staff-app-danger-text);font-size:13px}.staff-app-chat-customer-card-info{flex-direction:column;gap:4px;font-size:13px;display:flex}.staff-app-chat-customer-card-label{min-width:56px;color:var(--staff-app-text-sub);font-weight:600;display:inline-block}.staff-app-chat-customer-card-kana{color:var(--staff-app-text-sub);margin-left:6px;font-size:12px}.staff-app-chat-customer-card-detail-link{color:var(--staff-app-primary);font-size:12px}.staff-app-chat-customer-card-section{border-top:1px solid var(--staff-app-border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.staff-app-chat-customer-card-section-title{color:var(--staff-app-text);font-size:13px;font-weight:700}.staff-app-chat-customer-card-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.staff-app-chat-customer-card-list li{color:var(--staff-app-text);border-bottom:1px dashed var(--staff-app-border);grid-template-columns:80px 1fr auto;gap:8px;padding:4px 0;font-size:12px;display:grid}.staff-app-chat-customer-card-list li:last-child{border-bottom:none}.staff-app-chat-customer-card-list-main{font-weight:600}.staff-app-chat-customer-card-list-status{color:var(--staff-app-text-sub);font-size:11px}.staff-app-root{background:var(--staff-app-bg);min-height:100vh;font-family:var(--staff-app-font);color:var(--staff-app-text)}.staff-app-loading{height:100vh;color:var(--staff-app-text-sub);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.staff-app-app-header{background:var(--blue-9);color:var(--gray-1);padding:max(env(safe-area-inset-top),12px)16px 0}.staff-app-app-header-inner{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;padding:12px 0;display:flex}.staff-app-brand{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0}.staff-app-logout-btn{color:var(--gray-1);border-radius:var(--radius-sm);min-height:44px;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:1px solid #fff6;padding:6px 14px;font-family:inherit}.staff-app-logout-btn:hover{background:#ffffff1f}.staff-app-app-nav{gap:4px;max-width:800px;margin:0 auto;padding-bottom:0;display:flex;overflow-x:auto}.staff-app-nav-item{color:var(--gray-1);border-radius:var(--radius-sm)var(--radius-sm)0 0;min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-regular);white-space:nowrap;transition:background-color var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:inline-flex}.staff-app-nav-item-active{font-weight:var(--weight-semibold);background:#ffffff2e}.staff-app-nav-item:hover:not(.staff-app-nav-item-active){background:#ffffff14}.staff-app-nav-badge{border-radius:var(--radius-full);background:var(--red-9);min-width:18px;height:18px;color:var(--gray-1);font-size:.6875rem;font-weight:var(--weight-semibold);justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.staff-app-main{max-width:800px;margin:0 auto;padding:16px}.staff-app-main-chat-detail{max-width:none;margin:0;padding:0}.staff-app-main-login{min-height:calc(100vh - env(safe-area-inset-top));justify-content:center;align-items:center;padding:0;display:flex}.staff-app-home{flex-direction:column;gap:16px;display:flex}.staff-app-home-header{flex-direction:column;gap:2px;padding:4px 0;display:flex}.staff-app-home-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--staff-app-text);margin:0}.staff-app-home-date{font-size:var(--text-sm);color:var(--staff-app-text-sub);margin:0}.staff-app-card{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);padding:18px 20px}.staff-app-card-label{font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--staff-app-text-sub);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.staff-app-card-value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--staff-app-text);letter-spacing:-.01em;margin:0}.staff-app-card-value-off{color:var(--green-11)}.staff-app-card-empty{font-size:var(--text-base);color:var(--staff-app-text-sub);margin:0}.staff-app-clock-card{background:var(--staff-app-surface);border:1px solid var(--blue-6);border-radius:var(--staff-app-radius);padding:20px}.staff-app-clock-button{border-radius:var(--radius-md);width:100%;font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--gray-1);cursor:pointer;transition:background-color var(--transition-fast);letter-spacing:.04em;border:none;padding:22px 16px;font-family:inherit}.staff-app-clock-button:disabled{cursor:not-allowed;opacity:.7}.staff-app-clock-button-in{background:var(--green-9)}.staff-app-clock-button-in:hover:not(:disabled){background:var(--green-11)}.staff-app-clock-button-out{background:var(--amber-9)}.staff-app-clock-button-out:hover:not(:disabled){background:var(--amber-11)}.staff-app-clock-status{align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.staff-app-clock-status-label{font-size:var(--text-sm);color:var(--staff-app-text-sub);font-weight:var(--weight-medium)}.staff-app-clock-status-time{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--staff-app-text);letter-spacing:-.01em}.staff-app-clock-complete{flex-direction:column;gap:4px;display:flex}.staff-app-clock-complete p{align-items:baseline;gap:12px;margin:0;display:flex}.staff-app-clock-complete-msg{font-weight:var(--weight-medium);font-size:var(--text-sm)!important;color:var(--green-11)!important;margin-top:8px!important}.staff-app-clock-message{background:var(--blue-3);color:var(--blue-11);border-radius:var(--radius-sm);font-size:var(--text-sm);margin:12px 0 0;padding:10px 12px}.staff-app-clock-geo{color:var(--staff-app-text-mute);margin:12px 0 0;font-size:.75rem}.staff-app-summary-row{gap:32px;display:flex}.staff-app-summary-item{flex-direction:column;gap:2px;display:flex}.staff-app-summary-value{font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--blue-9);letter-spacing:-.02em;margin:0;line-height:1}.staff-app-summary-value-muted{color:var(--staff-app-text)}.staff-app-summary-label{color:var(--staff-app-text-sub);margin:0;font-size:.75rem}.staff-app-link-button{text-align:center;background:var(--blue-9);color:var(--gray-1);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background-color var(--transition-fast);padding:14px 16px;text-decoration:none;display:block}.staff-app-link-button:hover{background:var(--blue-10)}.staff-app-shifts{flex-direction:column;gap:16px;display:flex}.staff-app-shifts-month-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.staff-app-shifts-month-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--staff-app-text);letter-spacing:-.01em;margin:0}.staff-app-shifts-month-btn{border:1px solid var(--staff-app-border);border-radius:var(--radius-sm);background:var(--staff-app-surface);min-height:44px;color:var(--staff-app-text);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast);padding:8px 16px;font-family:inherit}.staff-app-shifts-month-btn:hover{background:var(--staff-app-surface-2)}.staff-app-shifts-empty{text-align:center;color:var(--staff-app-text-mute);background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);padding:32px 16px}.staff-app-shifts-tablewrap{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);overflow:auto}.staff-app-shifts-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.staff-app-shifts-th-day,.staff-app-shifts-th-staff{background:var(--staff-app-surface-2);border-bottom:2px solid var(--staff-app-border);text-align:center;font-weight:var(--weight-semibold);color:var(--staff-app-text);padding:8px 6px;font-size:.75rem}.staff-app-shifts-th-day{z-index:2;min-width:50px;position:sticky;left:0}.staff-app-shifts-th-staff{white-space:nowrap;min-width:70px}.staff-app-shifts-td-day{z-index:1;background:var(--staff-app-surface);border-bottom:1px solid var(--staff-app-border);text-align:center;font-weight:var(--weight-semibold);color:var(--staff-app-text);white-space:nowrap;padding:6px;font-size:.75rem;position:sticky;left:0}.staff-app-shifts-day-sun{color:var(--red-9)}.staff-app-shifts-day-sat{color:var(--blue-9)}.staff-app-shifts-td-cell{border-bottom:1px solid var(--staff-app-border);text-align:center;color:var(--staff-app-text-sub);white-space:nowrap;background:0 0;padding:6px 4px;font-size:.6875rem}.staff-app-shifts-td-off{color:var(--green-11);background:var(--green-3)}.staff-app-shifts-td-leave{color:var(--amber-11);background:var(--amber-3)}.staff-app-shifts-row-today td,.staff-app-shifts-row-today .staff-app-shifts-td-day{background:var(--blue-3)}.staff-app-shifts-legend{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);font-size:var(--text-xs);color:var(--staff-app-text-sub);flex-wrap:wrap;gap:16px;padding:14px 16px;display:flex}.staff-app-shifts-legend-item{align-items:center;gap:6px;display:inline-flex}.staff-app-shifts-legend-swatch{border-radius:var(--radius-xs);width:12px;height:12px;display:inline-block}.staff-app-shifts-legend-swatch-off{background:var(--green-3)}.staff-app-shifts-legend-swatch-leave{background:var(--amber-3)}.staff-app-shifts-legend-swatch-today{background:var(--blue-3)}.staff-app-login-otp-message{text-align:left!important;margin-bottom:16px!important}.staff-app-me{flex-direction:column;gap:12px;display:flex}.staff-app-me-back-link{color:var(--staff-app-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);align-self:flex-start;align-items:center;gap:4px;min-height:36px;padding:6px 0;text-decoration:none;display:inline-flex}.staff-app-me-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--staff-app-text);letter-spacing:-.01em;margin:0 0 4px}.staff-app-me-card{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);padding:16px}.staff-app-me-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.staff-app-me-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--staff-app-text);margin:0 0 10px}.staff-app-me-card-header .staff-app-me-card-title{margin-bottom:0}.staff-app-me-muted{font-size:var(--text-sm);color:var(--staff-app-text-sub);margin:0 0 10px}.staff-app-me-profile-image{display:block}.staff-app-me-detail{flex-direction:column;gap:8px;display:flex}.staff-app-me-detail-row{font-size:var(--text-sm);grid-template-columns:88px 1fr;align-items:baseline;gap:12px;display:grid}.staff-app-me-detail-label{color:var(--staff-app-text-sub);font-weight:var(--weight-semibold)}.staff-app-me-detail-value{color:var(--staff-app-text);word-break:break-word}.staff-app-me-form{flex-direction:column;gap:12px;display:flex}.staff-app-me-field{flex-direction:column;gap:6px;display:flex}.staff-app-me-label{font-size:.78rem;font-weight:var(--weight-semibold);color:var(--staff-app-text-sub)}.staff-app-me-input{border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius-sm);background:var(--staff-app-surface);width:100%;color:var(--staff-app-text);box-sizing:border-box;outline:none;min-height:44px;padding:11px 12px;font-family:inherit;font-size:.95rem}.staff-app-me-input:focus{border-color:var(--staff-app-primary)}.staff-app-me-help{color:var(--staff-app-text-mute);font-size:.75rem}.staff-app-me-show-row{font-size:var(--text-sm);color:var(--staff-app-text-sub);cursor:pointer;align-items:center;gap:8px;min-height:32px;display:inline-flex}.staff-app-me-actions{gap:8px;display:flex}.staff-app-me-actions>.staff-app-me-btn{flex:1}.staff-app-me-btn{border-radius:var(--staff-app-radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:11px 16px;font-family:inherit;display:inline-flex}.staff-app-me-btn:disabled{opacity:.6;cursor:not-allowed}.staff-app-me-btn-primary{background:var(--staff-app-primary);color:var(--gray-1);border-color:var(--staff-app-primary)}.staff-app-me-btn-secondary{background:var(--staff-app-surface);color:var(--staff-app-text);border-color:var(--staff-app-border)}.staff-app-me-btn-secondary:hover:not(:disabled){background:var(--staff-app-surface-2)}.staff-app-me-btn-ghost{color:var(--staff-app-primary);min-height:36px;font-size:var(--text-sm);background:0 0;border-color:#0000;padding:6px 10px}.staff-app-me-btn-ghost:hover:not(:disabled){background:var(--staff-app-primary-soft)}.staff-app-me-btn-block{width:100%}.staff-app-me-error-card{background:var(--staff-app-danger-soft);border:1px solid var(--staff-app-danger);color:var(--staff-app-danger-text);border-radius:var(--staff-app-radius-sm);font-size:var(--text-sm);margin-bottom:12px;padding:10px 12px}.staff-app-me-success-card{background:var(--staff-app-success-soft);border:1px solid var(--staff-app-success);color:var(--green-11);border-radius:var(--staff-app-radius-sm);font-size:var(--text-sm);margin-bottom:12px;padding:10px 12px}.staff-app-chat-header{align-items:center;gap:8px;padding:8px 4px;display:flex}.staff-app-chat-header-back{width:32px;height:32px;color:var(--staff-app-primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.staff-app-chat-header-back:hover{background:var(--staff-app-surface-2)}.staff-app-chat-header-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.staff-app-chat-header-title{color:var(--staff-app-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.staff-app-chat-header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.staff-app-chat-header-info-btn{width:36px;height:36px;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.staff-app-chat-header-info-btn:hover,.staff-app-chat-header-info-btn[aria-pressed=true]{background:var(--staff-app-surface-2);color:var(--staff-app-primary)}.staff-app-chat-date-divider{align-self:center;margin:8px 0}.staff-app-chat-date-divider span{color:var(--staff-app-text-mute);background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:999px;padding:2px 10px;font-size:.72rem;display:inline-block}.staff-app-chat-message-row[data-group-start=true]{margin-top:calc(var(--chat-gap-group,10px) - var(--chat-gap-grouped,2px))}.staff-app-chat-bubble-name{font-size:var(--chat-meta-size,.7rem);color:var(--staff-app-text-sub);margin:0 4px 2px;font-weight:600}.staff-app-chat-bubble-read{font-size:var(--chat-meta-size,.7rem);color:var(--staff-app-text-mute)}.staff-app-chat-bubble-spacer{width:var(--chat-avatar-size,32px);flex-shrink:0}.staff-app-chat-info-drawer{z-index:200;justify-content:flex-end;display:flex;position:fixed;inset:0}.staff-app-chat-info-backdrop{cursor:pointer;background:#0f172a66;border:none;position:absolute;inset:0}.staff-app-chat-info-panel{background:var(--staff-app-surface);border-left:1px solid var(--staff-app-border);flex-direction:column;width:min(420px,88vw);height:100dvh;display:flex;position:relative;overflow-y:auto;box-shadow:-8px 0 24px #0f172a1f}.staff-app-chat-info-panel-head{padding:max(env(safe-area-inset-top),12px)14px 12px;color:var(--staff-app-text);border-bottom:1px solid var(--staff-app-border);justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.staff-app-chat-info-close{width:32px;height:32px;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex}.staff-app-chat-info-close:hover{background:var(--staff-app-surface-2)}.staff-app-chat-info-panel .staff-app-chat-customer-card{border:none;border-radius:0;margin-bottom:0}.staff-app-chat-status-banner{color:var(--staff-app-text-sub);background:var(--staff-app-surface-2);border:1px solid var(--staff-app-border);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.staff-app-chat-status-banner-ai{color:var(--staff-app-primary);background:var(--staff-app-primary-soft);border-color:var(--staff-app-primary-soft)}.staff-app-chat-status-banner-staff{color:var(--green-11);background:var(--staff-app-success-soft);border-color:var(--staff-app-success-soft)}.staff-app-chat-status-banner-closed{color:var(--staff-app-text-mute)}.staff-app-chat-status-banner-resolved{color:var(--staff-app-text-sub)}.staff-app-chat-bubble-wrap{flex-direction:column;gap:2px;max-width:80%;display:flex}.staff-app-chat-bubble-wrap>.staff-app-chat-bubble{max-width:none}.staff-app-chat-bubble-avatar{color:var(--staff-app-text-mute);background:var(--staff-app-surface-2);border:1px solid var(--staff-app-border)}.staff-app-chat-bubble-time{color:var(--staff-app-text-mute);padding:0 4px;font-size:.7rem;line-height:1}.staff-app-chat-bubble-time-sender{font-weight:var(--weight-medium);color:var(--staff-app-text-sub);margin-right:4px}.staff-app-chat-message-row-customer .staff-app-chat-bubble-wrap,.staff-app-chat-message-row-ai .staff-app-chat-bubble-wrap{align-items:flex-start}.staff-app-chat-message-row-staff .staff-app-chat-bubble-wrap{align-items:flex-end}.staff-app-chat-message-row-system .staff-app-chat-bubble-wrap{align-items:center}.staff-app-chat-message-row-customer .staff-app-chat-bubble-time,.staff-app-chat-message-row-ai .staff-app-chat-bubble-time{text-align:left}.staff-app-chat-message-row-staff .staff-app-chat-bubble-time{text-align:right}.staff-app-chat-composer-count{font-variant-numeric:tabular-nums}.staff-app-chat-bubble-image{border-radius:var(--staff-app-radius-sm);max-width:100%;max-height:280px;margin-bottom:4px;display:block}.staff-app-chat-composer-attach{flex-shrink:0;position:relative}.staff-app-chat-composer-attach-trigger{width:40px;height:40px;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.staff-app-chat-composer-attach-trigger:hover:not(:disabled){background:var(--staff-app-surface-2)}.staff-app-chat-composer-attach-trigger:disabled{opacity:.4;cursor:not-allowed}.staff-app-chat-composer-attach-menu{z-index:10;background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius-sm);min-width:132px;box-shadow:var(--shadow-md);flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.staff-app-chat-composer-attach-item{color:var(--staff-app-text);border-radius:var(--staff-app-radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.staff-app-chat-composer-attach-item:hover{background:var(--staff-app-surface-2)}.staff-app-chat-composer-attach-preview{width:72px;height:72px;display:inline-block;position:relative}.staff-app-chat-composer-attach-thumb{object-fit:cover;border-radius:var(--staff-app-radius-sm);border:1px solid var(--staff-app-border);width:72px;height:72px}.staff-app-chat-composer-attach-thumb[data-uploading=true]{opacity:.5}.staff-app-chat-composer-attach-remove{background:var(--staff-app-text);width:22px;height:22px;color:var(--gray-1);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:-8px;right:-8px}.staff-app-chat-composer-attach-remove:disabled{opacity:.5;cursor:not-allowed}.staff-app-num{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:0}.staff-app-login-card-v2{border-radius:var(--staff-app-radius);flex-direction:column;padding:32px 24px;display:flex;box-shadow:0 8px 28px #0f172a1a}.staff-app-login-logo{width:96px;height:auto;margin:0 auto 16px;display:block}.staff-app-login-input-lg{min-height:48px;padding:13px 14px;font-size:16px}.staff-app-login-password-wrap{position:relative}.staff-app-login-input-password{padding-right:56px}.staff-app-login-password-toggle{min-height:36px;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.staff-app-login-button-cta{border-radius:var(--staff-app-radius);transition:background-color var(--transition-fast);margin-top:4px;padding:14px;font-size:16px}.staff-app-login-button-cta:hover:not(:disabled){background:var(--blue-10)}.staff-app-chat-menu{margin-left:auto;display:inline-flex;position:relative}.staff-app-chat-menu-trigger{border-radius:var(--staff-app-radius-sm);width:44px;height:44px;color:var(--staff-app-text-sub);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex}.staff-app-chat-menu-trigger:hover:not(:disabled){background:var(--staff-app-surface-2)}.staff-app-chat-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.staff-app-chat-menu-trigger-icon{width:20px;height:20px}.staff-app-chat-menu-dropdown{z-index:50;background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a1f}.staff-app-chat-menu-item{border-radius:var(--staff-app-radius-sm);width:100%;min-height:44px;color:var(--staff-app-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.staff-app-chat-menu-item:hover:not(:disabled){background:var(--staff-app-surface-2)}.staff-app-chat-menu-item:disabled{cursor:not-allowed}.staff-app-chat-menu-item-current{color:var(--staff-app-text-mute);opacity:.6}.staff-app-app-header-light{background:var(--staff-app-surface);color:var(--staff-app-text);border-bottom:1px solid var(--staff-app-border);padding-bottom:10px}.staff-app-app-header-light .staff-app-brand{color:var(--staff-app-text)}.staff-app-app-header-light .staff-app-logout-btn{border-color:var(--staff-app-border);color:var(--staff-app-text-sub)}.staff-app-app-header-light .staff-app-logout-btn:hover{background:var(--staff-app-surface-2)}.staff-app-main-has-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 16px)}.staff-app-bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--staff-app-surface);border-top:1px solid var(--staff-app-border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0f172a0a}.staff-app-bottom-nav-item{color:var(--staff-app-text-sub);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:8px 4px;font-size:.68rem;font-weight:500;text-decoration:none;display:flex}.staff-app-bottom-nav-item.active{color:var(--staff-app-primary);font-weight:700}.staff-app-bottom-nav-icon{width:22px;height:22px}.staff-app-bottom-nav-icon-wrap{display:inline-flex;position:relative}.staff-app-bottom-nav-badge{border-radius:var(--radius-full);background:var(--red-9);min-width:18px;height:18px;color:var(--gray-1);text-align:center;box-shadow:0 0 0 2px var(--staff-app-surface);pointer-events:none;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-10px}.staff-app-chat-teach-btn{appearance:none;color:var(--staff-app-primary);font-family:var(--staff-app-font);margin-right:var(--space-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600}.staff-app-chat-teach-btn:hover{text-decoration:underline}.staff-app-chat-teach-overlay{z-index:300;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.staff-app-chat-teach-backdrop{cursor:pointer;background:#0f172a66;border:none;position:absolute;inset:0}.staff-app-chat-teach-dialog{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);width:min(440px,92vw);max-height:80dvh;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:relative;overflow-y:auto;box-shadow:0 12px 32px #0f172a2e}.staff-app-chat-teach-dialog-head{color:var(--staff-app-text);font-size:.98rem;font-weight:700}.staff-app-chat-teach-field{gap:var(--space-xs);flex-direction:column;display:flex}.staff-app-chat-teach-label{color:var(--staff-app-text-sub);font-size:.74rem;font-weight:600}.staff-app-chat-teach-text{color:var(--staff-app-text);background:var(--staff-app-surface-2);border-radius:var(--staff-app-radius-sm);padding:var(--space-sm);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem}.staff-app-chat-teach-success{color:var(--staff-app-success);margin:0;font-size:.92rem;font-weight:600}.staff-app-chat-teach-error{color:var(--staff-app-danger-text);background:var(--staff-app-danger-soft);border-radius:var(--staff-app-radius-sm);padding:var(--space-sm);margin:0;font-size:.82rem}.staff-app-chat-teach-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.staff-app-chat-teach-cancel{appearance:none;border:1px solid var(--staff-app-border);background:var(--staff-app-surface);color:var(--staff-app-text-sub);font-family:var(--staff-app-font);border-radius:var(--staff-app-radius-sm);padding:var(--space-sm)var(--space-md);cursor:pointer;font-size:.86rem;font-weight:600}.staff-app-chat-teach-confirm{appearance:none;background:var(--staff-app-primary);color:var(--gray-1);font-family:var(--staff-app-font);border-radius:var(--staff-app-radius-sm);padding:var(--space-sm)var(--space-md);cursor:pointer;border:none;font-size:.86rem;font-weight:700}.staff-app-chat-teach-confirm:disabled{opacity:.5;cursor:not-allowed}.staff-app-chat-thread-status-resolved{color:var(--staff-app-text-sub);background:var(--staff-app-surface-2)}.staff-app-chat-menu-item-danger{color:var(--staff-app-danger-text)}.staff-app-chat-menu-item-danger:hover:not(:disabled){background:var(--staff-app-danger-soft)}.staff-app-chat-teach-confirm-danger{background:var(--staff-app-danger)}.staff-app-chat-ai-toggle{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);margin-bottom:10px;padding:10px 12px;display:flex}.staff-app-chat-ai-toggle-label{flex-direction:column;gap:2px;display:flex}.staff-app-chat-ai-toggle-title{color:var(--staff-app-text);font-size:14px;font-weight:700}.staff-app-chat-ai-toggle-state{color:var(--staff-app-text-sub);font-size:12px}.staff-app-chat-switch{background:var(--gray-5);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:46px;height:26px;padding:0;transition:background-color .12s;position:relative}.staff-app-chat-switch:disabled{opacity:.6;cursor:not-allowed}.staff-app-chat-switch-on{background:var(--staff-app-success)}.staff-app-chat-switch-knob{background:var(--gray-1);width:20px;height:20px;box-shadow:var(--staff-app-shadow-sm);border-radius:50%;transition:transform .12s;position:absolute;top:3px;left:3px}.staff-app-chat-switch-on .staff-app-chat-switch-knob{transform:translate(20px)}.staff-app-chat-note{background:var(--staff-app-surface);border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius);margin-top:12px;padding:12px}.staff-app-chat-note-head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:8px;display:flex}.staff-app-chat-note-title{color:var(--staff-app-text);font-size:14px;font-weight:700}.staff-app-chat-note-hint{color:var(--staff-app-text-mute);font-size:11px}.staff-app-chat-note-input{border:1px solid var(--staff-app-border);border-radius:var(--staff-app-radius-sm);background:var(--staff-app-bg);width:100%;min-height:88px;color:var(--staff-app-text);resize:vertical;box-sizing:border-box;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.5}.staff-app-chat-note-error{color:var(--staff-app-danger-text);margin:6px 0 0;font-size:12px}.staff-app-chat-note-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);margin-top:8px;display:flex}.staff-app-chat-note-saved{color:var(--green-11);font-size:12px}.staff-app-chat-note-save{appearance:none;background:var(--staff-app-primary);color:var(--gray-1);border-radius:var(--staff-app-radius-sm);cursor:pointer;border:none;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700}.staff-app-chat-note-save:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.staff-app-chat-switch,.staff-app-chat-switch-knob{transition-duration:.01ms!important}}