:root{--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg: var(--neutral-50);--bg-secondary: var(--neutral-100);--surface: var(--neutral-0);--card-bg: var(--neutral-0);--text: var(--neutral-800);--text-secondary: var(--neutral-500);--border: var(--neutral-200);--success: #16a34a;--success-bg: #f0fdf4;--success-border: #86efac;--success-text: #065f46;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-text: #92400e;--danger: #ef4444;--danger-bg: #fef2f2;--error: var(--danger);--info: #3b82f6;--info-bg: #dbeafe;--info-text: #1e40af;--brand-50: #ecfeff;--brand-100: #cffafe;--brand-300: #67e8f9;--brand-500: #06b6d4;--brand-600: #0891b2;--brand-700: #0e7490;--brand-accent: #3b82f6;--gradient-hero: linear-gradient(135deg, var(--brand-500), var(--brand-accent));--primary: var(--brand-500);--primary-dark: var(--brand-600);--primary-light: var(--brand-300);--font-sans: var(--font-app, ui-sans-serif), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.6;--font-display-weight: 700;--tracking-tight: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-card: var(--radius-lg);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 4px 16px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--shadow-brand: 0 8px 24px color-mix(in srgb, var(--brand-500) 25%, transparent);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}html{font-size:112.5%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--sidebar-bg: var(--neutral-800);--sidebar-text: var(--neutral-300);--sidebar-active: var(--primary);--topbar-height: 56px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:var(--lh-normal)}.admin-layout{display:flex;min-height:100vh;min-height:100dvh;overflow-x:hidden}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:left .25s ease}.sidebar-brand{padding:20px;font-size:1.1rem;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);text-decoration:none;font-size:.9rem;transition:all .15s}.sidebar-link:hover{background:#ffffff14;color:#fff}.sidebar-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 color-mix(in srgb,white 55%,transparent)}.sidebar-section{padding:12px 20px 6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.main-content{flex:1;min-width:0;margin-left:240px;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.topbar-title{font-size:1.2rem;font-weight:600}.topbar-user{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary)}.lang-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.lang-toggle__btn{background:var(--surface);color:var(--text-secondary);border:0;padding:3px 10px;font:inherit;font-size:.8rem;line-height:1.6;cursor:pointer}.lang-toggle__btn+.lang-toggle__btn{border-left:1px solid var(--border)}.lang-toggle__btn:hover:not(.is-active){background:var(--bg-secondary)}.lang-toggle__btn.is-active{background:var(--primary);color:#fff}.page-content{padding:24px;flex:1;overflow-anchor:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-hero, var(--primary))}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:1.8rem;font-weight:700}.card{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1rem;font-weight:600}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border)}td{padding:10px 16px;font-size:.85rem;border-bottom:1px solid var(--border);vertical-align:top}td .action-buttons{display:inline-flex;flex-wrap:wrap;gap:4px}.copy-cell{display:inline-flex;align-items:center;gap:4px}.col-narrow .cell-value{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.col-narrow .cell-copy-btn{display:inline-flex}.cell-copy-btn{display:none;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:4px;padding:3px;cursor:pointer;color:var(--text-secondary);line-height:1;flex-shrink:0;transition:color .15s,border-color .15s}.cell-copy-btn:hover{color:var(--primary);border-color:var(--primary)}.cell-copy-btn:active{color:var(--primary)}tr:nth-child(2n) td{background:var(--bg-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-completed{background:#dbeafe;color:#1e40af}.badge-no_show{background:#f1f5f9;color:#475569}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#f1f5f9;color:#475569}.badge-line{background:#dcfce7;color:#166534}.badge-web{background:#dbeafe;color:#1e40af}.badge-user{background:#fef3c7;color:#92400e}.badge-admin{background:#ede9fe;color:#5b21b6}.calendar{margin-bottom:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-header button{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-grid .day-header{font-size:.85rem;color:var(--text-secondary);padding:4px;font-weight:600}.calendar-grid .day{padding:8px 4px;border:2px solid transparent;border-radius:8px;font-size:.95rem;background:none;cursor:pointer}.calendar-grid .day.past{color:var(--border);cursor:default}.calendar-grid .day.today{border:2px solid var(--primary);border-radius:8px}.calendar-grid .day.available{background:#ecfdf5;color:#065f46;font-weight:600}.calendar-grid .day.available:hover,.calendar-grid .day.selected{background:var(--primary);color:#fff}.calendar-grid .day.empty{visibility:hidden}.calendar-grid .day:disabled:not(.past):not(.selected){color:var(--border);cursor:default;opacity:.5}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.slot{padding:10px 8px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:1rem;cursor:pointer;background:var(--surface);transition:all .15s}.slot:hover{border-color:var(--primary)}.slot.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.slot.unavailable{background:var(--bg);color:var(--border);border-color:var(--border);cursor:default;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;line-height:1.2;cursor:pointer;text-decoration:none;transition:all .15s}.btn:hover{background:var(--bg);text-decoration:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 2px color-mix(in srgb,var(--brand-600) 35%,transparent)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-primary:active{transform:translateY(1px)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:4px 10px;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{flex-shrink:0}.contact-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.user-cell__contact{display:block;font-size:.8rem;color:var(--text-secondary);overflow-wrap:anywhere}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--surface);color:var(--text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 16%,transparent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px;border-radius:var(--radius-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer}.modal{background:var(--surface);border-radius:12px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;cursor:default}.modal h2{margin-bottom:16px;font-size:1.1rem}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--surface);border-radius:12px;padding:40px;width:100%;max-width:400px;border:1px solid var(--border)}.login-card h1{text-align:center;margin-bottom:8px}.login-card p{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:.9rem}.login-card .form-group{margin-bottom:16px}.login-card .btn-primary{width:100%;justify-content:center;padding:10px}.login-error{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary);gap:12px}.loading:before{content:"";width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fee2e2;color:#991b1b;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.85rem}.success-banner{background:#dcfce7;color:#166534;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.85rem}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:16px;font-size:.85rem}.pagination .btn{min-width:36px;justify-content:center}.schedule-grid{display:grid;gap:8px}.schedule-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;align-items:center}.schedule-row label{font-size:.85rem;font-weight:600}.schedule-row input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:.85rem}.picker-field{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:160px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.picker-field:hover{border-color:var(--primary)}.picker-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500) 16%,transparent)}.picker-field__icon,.picker-field__chevron{display:inline-flex;flex-shrink:0;color:var(--text-secondary)}.picker-field__value{flex:1;white-space:nowrap}.picker-field--placeholder .picker-field__value{color:var(--text-secondary)}.picker-pop{position:fixed;z-index:210;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px}.picker-pop--time{width:168px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.picker-pop__opt{padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:.9rem;text-align:left;cursor:pointer}.picker-pop__opt:hover{background:var(--bg-secondary)}.picker-pop__opt.is-selected{background:var(--primary);color:#fff}.picker-cal{width:276px}.picker-cal__header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;font-size:.95rem}.picker-cal__header button{border:none;background:transparent;color:var(--text);font-size:1.1rem;line-height:1;padding:4px 10px;border-radius:6px;cursor:pointer}.picker-cal__header button:hover{background:var(--bg-secondary)}.picker-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.picker-cal__dow{text-align:center;font-size:.72rem;font-weight:600;color:var(--text-secondary);padding-bottom:4px}.picker-cal__day{aspect-ratio:1;border:none;background:transparent;color:var(--text);font-size:.85rem;border-radius:8px;cursor:pointer}.picker-cal__day:hover:not(:disabled){background:var(--bg-secondary)}.picker-cal__day.is-today{box-shadow:inset 0 0 0 1px var(--primary)}.picker-cal__day.is-selected{background:var(--primary);color:#fff}.picker-cal__day:disabled{color:var(--border);cursor:default}.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}.empty-state p{margin-bottom:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters select,.filters input{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--surface)}.filters-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filters-bar select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--surface)}.filter-count{font-size:.8rem;color:var(--text-secondary);margin-left:auto}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-system{background:#f1f5f9;color:#475569}.details-json{font-size:.75rem;background:var(--bg);padding:8px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.log-feed{display:flex;flex-direction:column}.log-entry{display:flex;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer}.log-entry:last-child{border-bottom:none}.log-entry:hover{background:var(--bg-secondary)}.log-entry-badge{flex-shrink:0;min-width:130px;padding-top:2px}.log-entry-body{flex:1;min-width:0}.log-sentence{font-size:.85rem;line-height:1.5;color:var(--text)}.log-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:.75rem;color:var(--text-secondary);overflow-wrap:anywhere}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:4px 8px;font-size:1.5rem;color:var(--text);line-height:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:99;cursor:pointer}.sidebar-overlay.active{display:block}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.calendar-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.staff-tabs{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;margin-bottom:0}.staff-tab{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:8px 8px 0 0;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .15s}.staff-tab:not(.active):hover{background:var(--bg-secondary);color:var(--text)}.staff-tab.active{font-weight:600}.switch{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0;vertical-align:middle}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;cursor:pointer;background:var(--border);border-radius:999px;transition:background .18s ease}.switch-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform .18s ease}.switch input:checked+.switch-slider{background:#22c55e}.switch input:checked+.switch-slider:before{transform:translate(18px)}.switch input:focus-visible+.switch-slider{outline:2px solid var(--primary);outline-offset:2px}.switch input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.schedule-modal{max-width:600px}@media(max-width:768px){html{font-size:100%}.sidebar{left:-260px}.sidebar.sidebar-open{left:0}.main-content{margin-left:0}.hamburger-btn{display:block}.topbar{padding:10px 16px;flex-wrap:wrap;gap:8px}.topbar-title{font-size:1rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{padding:16px}.page-header{margin-bottom:16px}.page-header h2{font-size:1.1rem}.responsive-table table{display:block}.responsive-table thead{display:none}.responsive-table tbody{display:block}.responsive-table tbody tr{display:block;padding:12px 16px;border-bottom:1px solid var(--border);position:relative}.responsive-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.responsive-table tbody td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0 12px;padding:4px 0;font-size:.85rem;border-bottom:none;overflow:hidden;overflow-wrap:anywhere;text-align:right}.responsive-table tbody td:before{content:attr(data-label);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);text-align:left;flex-shrink:0}.responsive-table tbody td .copy-cell{display:flex;align-items:center;gap:6px;min-width:0;flex:1;justify-content:flex-end}.responsive-table tbody td .cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:12ch;text-align:right}.responsive-table tbody td .cell-copy-btn{display:inline-flex}.responsive-table tbody td .action-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;min-width:0}.responsive-table tbody td .user-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;text-align:right}.responsive-table tbody td:last-child{padding-bottom:0}.card{border-radius:8px}.card-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:1.4rem}.modal{max-width:calc(100vw - 32px);max-height:85vh;padding:20px 16px;border-radius:8px}.modal-overlay{padding:16px;align-items:center}.modal-actions .btn{padding:5px 10px;font-size:.75rem}.slots{grid-template-columns:repeat(2,1fr)}.schedule-row{grid-template-columns:1fr;gap:6px}.schedule-row label{font-size:.8rem}.schedule-row input{width:100%}.calendar-layout{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.filters select,.filters input{width:100%}.filters-bar{flex-direction:column;align-items:stretch}.pagination{flex-wrap:wrap;gap:6px}.badge{font-size:.65rem;padding:2px 6px}.btn{padding:6px 12px;font-size:.8rem}.btn-sm{padding:4px 8px;font-size:.75rem}.details-json{max-width:100%}.log-entry{flex-direction:column;gap:8px}}.nav-icon{display:inline-flex;align-items:center;justify-content:center}.messages-page{--mp-chrome: calc(var(--topbar-height, 56px) + 48px);display:flex;flex-direction:column;height:calc(100vh - var(--mp-chrome));height:calc(100dvh - var(--mp-chrome))}.messages-page .page-header h1{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem}.messages-container{display:flex;flex:1;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);min-height:0}.messages-list-pane{width:340px;min-width:340px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.messages-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid var(--border)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.messages-filter-select-wrap{display:none}.filter-chip{padding:0 14px;min-height:36px;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;font-size:.82rem;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.filter-chip:hover{background:var(--bg-secondary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.messages-search{padding:8px;border-bottom:1px solid var(--border)}.messages-search input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:.88rem}.messages-loading,.messages-empty,.thread-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;gap:10px;width:100%;padding:12px;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;text-align:left;transition:background .1s;min-height:44px}.conversation-item:hover{background:var(--bg-secondary)}.conversation-item.selected{background:var(--bg-secondary);border-left:3px solid var(--primary)}.conversation-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.conversation-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:.72rem;color:var(--text-secondary);flex-shrink:0;margin-left:6px}.conversation-preview{font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.unread-badge{background:var(--primary);color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px}.assignee-chip{width:18px;height:18px;border-radius:50%;background:var(--bg-secondary, #e5e7eb);color:var(--text);font-size:.64rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border)}.messages-thread-wrapper,.messages-thread-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.thread-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.thread-customer{flex:1;min-width:0;display:flex;flex-direction:column;background:none;border:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.thread-customer-name{display:flex;align-items:center;gap:4px;min-width:0}.thread-customer .info-dot{font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.thread-customer strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-info-modal .customer-context{max-height:none;border-bottom:none;padding:0;background:transparent;overflow:visible}.assignee-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.8rem;min-height:32px;max-width:160px}.assignee-select:focus{outline:none;border-color:var(--primary)}.status-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.8rem;font-weight:600;min-height:32px}.status-select:focus{outline:none;border-color:var(--primary)}.status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block}.status-dot.status-open{background:var(--success)}.status-dot.status-pending{background:var(--warning)}.status-dot.status-closed{background:var(--text-secondary)}.customer-phone{font-size:.78rem;color:var(--text-secondary)}.back-btn{display:none;border:none;background:transparent;font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.customer-context{padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg);max-height:140px;overflow-y:auto}.context-section strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.context-bookings{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:2px}.context-bookings li{display:flex;gap:8px;font-size:.8rem;align-items:center}.context-bookings li .muted{color:var(--text-secondary)}.thread-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:75%;padding:8px 12px;border-radius:12px;font-size:.9rem;line-height:1.5;word-break:break-word}.message-bubble.incoming{align-self:flex-start;background:var(--bg-secondary);border-bottom-left-radius:4px}.message-bubble.outgoing{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message-text{white-space:pre-wrap}.sticker-img{display:block;max-width:120px;max-height:120px;width:auto;height:auto}.preview-sticker{width:22px;height:22px;vertical-align:middle}.message-time{font-size:.68rem;opacity:.7;margin-top:2px}.message-bubble.sending{opacity:.55}.message-bubble.failed{background:var(--danger, #ef4444);color:#fff;border:1px solid var(--danger, #ef4444)}.retry-btn{margin-top:4px;background:#fff3;border:none;color:inherit;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px;cursor:pointer}.retry-btn:hover{background:#ffffff52}.quota-chip{font-size:.78rem;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em}.quota-chip.ok{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.quota-chip.low{background:#fef3c7;color:#92400e;border-color:#fcd34d}.quota-chip.depleted{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.quota-chip.unlimited{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc}.quota-chip.unavailable{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.reply-box{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.reply-box textarea{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:.9rem;resize:none;font-family:inherit;min-height:40px;height:40px;transition:height .15s ease}.reply-box textarea:focus{outline:none;border-color:var(--primary)}.reply-box:focus-within textarea{height:88px}.status-badge{font-size:.68rem;padding:2px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-open{background:var(--success);color:#fff}.status-pending{background:var(--warning);color:#fff}.status-closed{background:var(--text-secondary);color:#fff}.muted{color:var(--text-secondary)}.mobile-only{display:none}@media(max-width:768px){.messages-page{--mp-chrome: calc(var(--topbar-height, 56px) + 32px)}.messages-page .page-header{margin-bottom:10px}.messages-page .page-header h1{font-size:1.15rem}.messages-page .page-header h1 svg{width:20px;height:20px}.customer-context{max-height:88px;padding:6px 12px}.messages-container{position:relative}.messages-list-pane{width:100%;min-width:0}.messages-thread-wrapper{position:absolute;inset:0;background:var(--surface);transform:translate(100%);transition:transform .25s ease;z-index:10}.messages-container.show-thread .messages-thread-wrapper{transform:translate(0)}.back-btn{display:flex!important;align-items:center}.thread-header{gap:8px;padding:10px 12px;flex-wrap:wrap;row-gap:8px}.thread-customer{flex:1 1 calc(100% - 60px)}.assignee-select{max-width:160px;min-width:0;flex-shrink:1}.conversation-item{min-height:52px}.filter-chip{min-height:44px}.messages-filters{display:none}.messages-filter-select-wrap{display:block;padding:8px;border-bottom:1px solid var(--border)}.messages-filter-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem}.reply-box{padding:8px 10px}.reply-box textarea{padding:6px 10px;font-size:16px;min-height:36px;height:36px}.reply-box:focus-within textarea{height:80px}.reply-send{min-height:36px;padding:6px 10px;font-size:.75rem}.back-btn{min-width:44px;min-height:44px;justify-content:center}}@media(pointer:coarse){.filter-chip{min-height:44px}.reply-send{min-height:36px}}.context-profile{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.context-row{display:flex;gap:8px;font-size:.8rem;line-height:1.4}.context-label{color:var(--text-secondary);min-width:72px;flex-shrink:0}.context-value{color:var(--text);word-break:break-word}.nav-badge{margin-left:auto;background:var(--danger, #ef4444);color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center}.row-link{color:var(--primary);text-decoration:none;font-weight:600}.row-link:hover{text-decoration:underline}.user-link{color:var(--primary);cursor:pointer;font-weight:600}.user-link:hover{text-decoration:underline}.user-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}.user-detail-modal{max-width:620px}.user-detail-modal-title{display:flex;align-items:center;gap:8px}.user-detail-modal-section{margin-top:20px}.user-detail-modal-section h3{font-size:.95rem;margin-bottom:10px}.line-cell{display:inline-flex;align-items:center;gap:4px;color:#06c755;font-size:.8rem;font-weight:600}.user-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}.user-detail-grid .span-full{grid-column:1 / -1}.user-detail-grid .card{margin-bottom:0}.user-detail-grid .card h2{margin:0 0 12px;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.profile-list{display:flex;flex-direction:column;gap:8px;margin:0}.profile-list>div{display:flex;gap:12px;font-size:.9rem}.profile-list dt{color:var(--text-secondary);min-width:88px;flex-shrink:0}.profile-list dd{margin:0;word-break:break-word}.inline-thread{height:480px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden}.inline-thread .messages-thread-pane{flex:1;min-height:0}.user-log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.user-log-list li{display:flex;align-items:center;gap:10px;font-size:.82rem;flex-wrap:wrap}.back-link{text-decoration:none;color:var(--text-secondary);padding-right:6px}a.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-3);font-size:var(--fs-sm)}a.back-link:hover{color:var(--text)}.user-profile-header{position:relative;grid-column:1 / -1;display:flex;align-items:flex-start;gap:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);padding-left:calc(var(--space-6) + 4px);overflow:hidden}.user-profile-header:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-hero, var(--primary))}.user-avatar-lg{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--gradient-hero, var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);font-weight:var(--font-display-weight);box-shadow:var(--shadow-sm)}.user-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.user-identity-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.user-identity-top h1{margin:0;font-size:var(--fs-2xl);font-weight:var(--font-display-weight);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.user-identity-meta{font-size:var(--fs-sm);color:var(--text-secondary)}.user-facts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-1)}.user-fact{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);min-width:0}.user-fact-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);flex-shrink:0}.user-fact .copy-cell{min-width:0}.user-fact .cell-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-header-actions{flex-shrink:0}.user-metrics{margin-bottom:0}.user-detail-grid .card .inline-thread{margin:var(--space-4)}@media(max-width:768px){.user-detail-grid{grid-template-columns:1fr}.user-profile-header{flex-direction:column;gap:var(--space-4)}.user-avatar-lg{width:52px;height:52px;font-size:var(--fs-lg)}.user-header-actions{width:100%}}.conversation-filters{display:flex;gap:6px;padding:10px 12px;flex-wrap:wrap;border-bottom:1px solid #e5e7eb}.conversation-search{padding:8px 12px;border-bottom:1px solid #e5e7eb}.conversation-search input{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.conversation-items{list-style:none;margin:0;padding:0;overflow-y:auto}.conversation-item--stacked{flex-direction:column;align-items:stretch;gap:0}.conversation-item-top{display:flex;justify-content:space-between;gap:8px}.conversation-name{font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:.75rem;color:#9ca3af;flex-shrink:0}.conversation-subject{font-size:.85rem;color:#374151;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{font-size:.8rem;color:#6b7280;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-badges{display:flex;align-items:center;gap:6px;margin-top:6px}.badge-customer{background:var(--brand-100);color:var(--brand-700)}.badge-status.status-open{background:#dcfce7;color:#166534}.badge-status.status-pending{background:#fef9c3;color:#854d0e}.badge-status.status-closed{background:#e5e7eb;color:#4b5563}.mail-thread{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.mail-thread-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1}.mail-thread-title{flex:1 1 12rem;min-width:0}.mail-thread-subject{font-weight:600;color:#111827;overflow-wrap:anywhere}.mail-thread-party{font-size:.8rem;color:#6b7280;overflow-wrap:anywhere}.mail-thread-header .mobile-back{display:none}.mail-customer-card{padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.85rem}.mail-customer-info{overflow-wrap:anywhere}.mail-customer-info.muted{color:#9ca3af}.mail-recent-bookings{list-style:none;margin:6px 0 0;padding:0;color:#6b7280;font-size:.8rem}.mail-recent-bookings li{padding:1px 0;overflow-wrap:anywhere}.mail-messages{padding:12px 16px;display:flex;flex-direction:column;gap:14px}.mail-message{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fff}.mail-message.outbound{background:var(--brand-50);border-color:var(--brand-100)}.mail-message-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.8rem}.mail-message-who{font-weight:600;color:#111827;min-width:0;overflow-wrap:anywhere}.mail-message-time{color:#9ca3af;flex-shrink:0}.mail-message-body{font-size:.9rem;color:#1f2937;line-height:1.5;overflow-x:auto}.mail-message-body.text{white-space:pre-wrap}.mail-message-body.html img{max-width:100%;height:auto}.mail-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.mail-attachment-chip{font-size:.8rem;font-family:inherit;padding:3px 8px;border:1px solid #d1d5db;border-radius:999px;color:var(--brand-700);background:none;text-decoration:none;cursor:pointer}.mail-attachment-chip:hover{background:#f3f4f6}.mail-message-status{margin-top:6px;font-size:.78rem;color:#9ca3af}.mail-message-status.failed{color:#b91c1c}.mail-alert{margin:8px 16px}.alert-error{background:#fee2e2;color:#991b1b;padding:8px 12px;border-radius:6px}.alert-success{background:#dcfce7;color:#166534;padding:8px 12px;border-radius:6px}@media(max-width:768px){.mail-thread-header .mobile-back{display:inline-flex}.mail-thread-header{flex-wrap:wrap}}.mailbox-switcher{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.mailbox-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:999px;background:#fff;font-size:.85rem;cursor:pointer;color:#374151}.mailbox-tab.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.mail-no-mailboxes{padding:32px;text-align:center}.form-select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}:root{--brand-50: #ecfeff;--brand-100: #cffafe;--brand-300: #67e8f9;--brand-500: #06b6d4;--brand-600: #0891b2;--brand-700: #0e7490;--brand-accent: #3b82f6}