.platform-icon-wrap{border-radius:var(--radius-full);background:var(--bg-surface);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.platform-icon-wrap--mail{background:var(--platform-mail-bg)}.platform-icon-wrap--squircle{border-radius:var(--radius-lg);background:var(--bg-surface)}.platform-icon-wrap--unknown{border-radius:var(--radius-full);background:var(--platform-unknown-bg);display:inline-block}.page-layout-title-row:has(.db-tabs) .page-layout-header-right{margin-left:30px}.db-content-stack{gap:var(--space-4);flex-direction:column;display:flex}.db-tabs{height:var(--size-icon-btn);box-sizing:border-box;background:var(--bg-surface);border-radius:var(--radius-pill);padding:var(--space-1);box-shadow:var(--shadow-xs);margin-left:var(--space-2);display:flex}.db-tab{height:100%;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:background .15s,color .15s}.db-tab.active{background:var(--accent);color:var(--on-accent)}.db-tab:hover:not(.active){background:var(--bg-hover)}.db-fixed-area{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.db-fixed-area.db-two-cols{grid-template-columns:1fr 1fr}@media (width<=960px){.db-fixed-area,.db-fixed-area.db-two-cols{grid-template-columns:1fr}}.db-section-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.db-section-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.db-section-header h3{font-size:var(--font-base);font-weight:var(--font-weight-semi);color:var(--text-primary);align-items:center;gap:var(--space-2);flex:1;margin:0;display:flex}.db-section-icon{color:var(--accent);width:var(--icon-base);height:var(--icon-base);flex-shrink:0}.db-set-goals-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;background:0 0;transition:background .15s,color .15s;display:flex}.db-set-goals-btn:hover{background:var(--accent);color:var(--on-accent)}.db-goals-body{gap:var(--space-3);flex-direction:column;display:flex}.db-goals-period-block{gap:var(--space-2);flex-direction:column;display:flex}.db-goals-period-label{font-size:var(--font-xs);font-weight:var(--font-weight-semi);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.db-goal-row{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--font-sm);grid-template-rows:auto auto 4px;grid-template-columns:1fr auto auto;display:grid}.db-goal-label{color:var(--text-primary);grid-area:1/1}.db-goal-values{color:var(--text-secondary);font-size:var(--font-xs);white-space:nowrap;grid-area:1/2}.db-goal-sep{margin:0 var(--space-1);color:var(--text-muted)}.db-goal-actual{font-weight:var(--font-weight-semi);color:var(--text-primary)}.db-goal-target{color:var(--text-secondary)}.db-goal-rate{font-size:var(--font-xs);font-weight:var(--font-weight-semi);white-space:nowrap;min-width:var(--dashboard-badge-min-w);text-align:right;grid-area:1/3}.db-goal-remaining{font-size:var(--font-xs);color:var(--text-muted);grid-area:2/1/auto/3}.db-progress-wrap{height:var(--progress-bar-h);background:var(--bg-primary);border-radius:var(--radius-full);grid-area:3/1/auto/-1;overflow:hidden}.db-progress-bar{border-radius:var(--radius-full);max-width:100%;height:100%;transition:width .4s}.db-no-goals{font-size:var(--font-xs);color:var(--text-muted);margin:0}.db-forecast-body{gap:var(--space-3);flex-direction:column;display:flex}.db-forecast-main{gap:var(--space-1);flex-direction:column;display:flex}.db-forecast-label{font-size:var(--font-xs);color:var(--text-secondary)}.db-forecast-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--accent)}.db-forecast-sub{gap:var(--space-1);font-size:var(--font-xs);color:var(--text-secondary);flex-direction:column;display:flex}.db-forecast-bar-wrap{align-items:center;gap:var(--space-2);display:flex}.db-forecast-bar-track{height:var(--progress-bar-h);background:var(--bg-primary);border-radius:var(--radius-full);flex:1;overflow:hidden}.db-forecast-bar-fill{border-radius:var(--radius-full);max-width:100%;height:100%;transition:width .4s}.db-forecast-bar-pct{font-size:var(--font-xs);font-weight:var(--font-weight-semi);white-space:nowrap;min-width:var(--dashboard-badge-min-w);text-align:right}.db-followup-card.db-has-urgent{border-left:3px solid var(--danger)}.db-badge-urgent{min-width:var(--dashboard-rank-badge);height:var(--dashboard-rank-badge);padding:0 var(--space-1);background:var(--danger);color:var(--on-accent);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.db-followup-body{gap:var(--space-2);flex-direction:column;display:flex}.db-followup-clickable{cursor:pointer;transition:opacity .15s}.db-followup-clickable:hover{opacity:var(--opacity-hover)}.db-followup-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.db-followup-item{align-items:center;gap:var(--space-2);font-size:var(--font-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bg-primary);display:flex}.db-followup-item.db-overdue{background:var(--danger-bg-subtle)}.db-followup-item.db-due-today{background:var(--accent-bg-subtle)}.db-followup-item.db-stalled{background:var(--warning-bg-subtle)}.db-followup-badge{font-size:var(--font-xs);font-weight:var(--font-weight-semi);padding:1px var(--space-2);border-radius:var(--radius-badge);background:var(--danger);color:var(--on-accent);white-space:nowrap;flex-shrink:0}.db-badge-today{background:var(--accent)}.db-badge-stalled{background:var(--warning-text)}.db-followup-name{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-followup-action{color:var(--text-secondary);font-size:var(--font-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-followup-date{color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap;flex-shrink:0}.db-followup-icon{color:var(--accent);flex-shrink:0}.db-goal-kpi-card{gap:var(--space-1);flex-direction:column;display:flex}.db-goal-kpi-target{font-size:var(--font-xs);color:var(--text-muted)}.db-goal-kpi-rate{font-size:var(--font-xs);font-weight:var(--font-weight-semi)}.db-period-area{gap:var(--space-4);flex-direction:column;display:flex}.db-metric-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.db-metric-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.db-metric-icon{color:var(--accent);width:var(--icon-base);height:var(--icon-base);flex-shrink:0}.db-metric-title{font-size:var(--font-sm);font-weight:var(--font-weight-semi);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;flex:1}.db-metric-header .db-metric-title{margin-bottom:0}.db-chart-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.db-chart-tooltip{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-md);font-size:var(--font-xs);color:var(--text-primary);line-height:1.6}.db-chart-tooltip-label{font-weight:var(--font-weight-semi);margin-bottom:var(--space-1);color:var(--text-secondary)}.db-revenue-stats{gap:var(--space-6);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-muted);flex-wrap:wrap;display:flex}.db-revenue-stat{gap:var(--space-1);min-width:var(--dashboard-stat-min-w,96px);flex-direction:column;display:flex}.db-revenue-stat-label{font-size:var(--font-xs);color:var(--text-secondary)}.db-revenue-stat-value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.db-revenue-forecast-value{color:var(--accent)}.db-revenue-stat-sub{font-size:var(--font-xs);color:var(--text-muted)}.db-vs-prev{align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:var(--font-weight-semi);margin-top:var(--space-1);display:inline-flex}.db-vs-up{color:var(--success)}.db-vs-down{color:var(--danger)}.db-vs-flat{color:var(--text-muted)}.db-loading{font-size:var(--font-sm);color:var(--text-secondary);padding:var(--space-3) 0}.db-empty{font-size:var(--font-sm);color:var(--text-muted);text-align:center;padding:var(--space-3) 0;margin:0}.gs-back-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:var(--accent);font-size:var(--font-sm);cursor:pointer;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:0 0;border:none;transition:background .15s;display:inline-flex}.gs-back-btn:hover{background:var(--bg-hover)}.gs-layout{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.gs-layout{grid-template-columns:1fr}}.gs-section{gap:var(--space-4);flex-direction:column;display:flex}.gs-section-title{font-size:var(--font-base);font-weight:var(--font-weight-semi);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--accent);margin:0}.gs-block{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-3);flex-direction:column;display:flex}.gs-block-title{font-size:var(--font-sm);font-weight:var(--font-weight-semi);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.gs-rows{gap:var(--space-3);flex-direction:column;display:flex}.gs-row{align-items:center;gap:var(--space-3);display:flex}.gs-label{font-size:var(--font-sm);color:var(--text-primary);min-width:var(--min-width-input-sm);flex-shrink:0}.gs-input-wrap{flex:1;position:relative}.gs-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-sm);box-sizing:border-box;transition:border-color .15s}.gs-input:focus{border-color:var(--accent);outline:none}.gs-input.gs-input-saved{border-color:var(--success);background:var(--success-bg-subtle)}.gs-saved-mark{right:var(--space-3);color:var(--success);font-size:var(--font-sm);font-weight:var(--font-weight-bold);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.gs-save-btn{align-self:flex-end}.gs-team-select-wrap{align-items:center;gap:var(--space-3);display:flex}.gs-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;flex:1}.gs-no-permission{font-size:var(--font-sm);color:var(--text-secondary);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--border);margin:0}.fc{--fc-border-color:var(--calendar-grid-border);--fc-today-bg-color:var(--calendar-today-cell-bg);--fc-now-indicator-color:var(--danger);--fc-highlight-color:var(--calendar-google-blue-light);--fc-page-bg-color:var(--bg-surface);--fc-neutral-bg-color:var(--bg-subtle);--fc-list-event-hover-bg-color:var(--bg-hover);--fc-small-font-size:var(--font-xs);--fc-event-bg-color:var(--calendar-google-blue);--fc-event-border-color:var(--calendar-google-blue);--fc-event-text-color:var(--on-accent);--fc-daygrid-event-dot-width:8px;color:var(--text-primary);background:var(--bg-surface);font-family:-apple-system,BlinkMacSystemFont,Google Sans,Segoe UI,Roboto,sans-serif}.fc .fc-event.fc-event--app{--fc-event-bg-color:var(--calendar-google-blue);--fc-event-border-color:var(--calendar-google-blue);--fc-event-text-color:var(--on-accent)}.fc .fc-event.fc-event--shift{--fc-event-bg-color:var(--success);--fc-event-border-color:var(--success);--fc-event-text-color:var(--on-accent)}.fc .fc-event{border-radius:var(--radius-xs);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:filter var(--transition-micro)}.fc .fc-event:hover{filter:brightness(.92)}.fc .fc-event:focus{outline:2px solid var(--calendar-google-blue);outline-offset:1px}.fc .fc-col-header-cell{border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--calendar-grid-border);background:var(--bg-surface);padding:0}.fc .fc-col-header-cell-cushion{padding:0;display:block;text-decoration:none!important}.gcal-day-header{padding:var(--space-2) 0 var(--space-1);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.gcal-day-header__name{font-size:var(--font-2xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;line-height:1}.gcal-day-header__num{font-size:var(--schedule-day-num-size);color:var(--text-secondary);width:var(--schedule-mini-size);height:var(--schedule-mini-size);border-radius:var(--radius-full);transition:background var(--transition-fast);justify-content:center;align-items:center;font-weight:400;line-height:1;display:flex}.gcal-day-header__num:hover{background:var(--bg-hover)}.gcal-day-header__num.today{background:var(--calendar-today-bg);color:var(--calendar-today-text);font-weight:var(--font-weight-medium)}.gcal-month-col-name{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-2) 0;text-align:center;display:block}.fc .fc-daygrid-day-number{font-size:var(--font-sm);color:var(--text-secondary);width:var(--schedule-cell-icon-size);height:var(--schedule-cell-icon-size);border-radius:var(--radius-full);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.fc .fc-daygrid-day-number:hover{background:var(--bg-hover)}.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background:var(--calendar-today-bg);color:var(--calendar-today-text);font-weight:var(--font-weight-bold)}.fc .fc-day-other .fc-daygrid-day-number{color:var(--text-muted)}.fc .fc-daygrid-more-link{color:var(--calendar-google-blue);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.fc .fc-daygrid-more-link:hover{background:var(--calendar-google-blue-light);border-radius:var(--radius-xs)}.fc .fc-timegrid-slot{height:var(--schedule-slot-h)}.fc .fc-timegrid-slot-minor{border-top:none!important}.fc .fc-timegrid-slot-label{font-size:var(--font-xs);color:var(--text-muted);vertical-align:top;border-top:none!important}.fc .fc-timegrid-slot-label-cushion{padding-right:var(--space-2);display:inline-block;transform:translateY(-50%)}.fc .fc-timegrid-now-indicator-line{border-color:var(--danger);border-width:2px}.fc .fc-timegrid-now-indicator-arrow{border-color:var(--danger);border-width:5px;margin-top:-5px}.fc .fc-highlight{background:var(--calendar-google-blue-light);border:1px solid var(--calendar-google-blue);border-radius:var(--radius-xs)}.fc .fc-timegrid-axis,.fc .fc-scrollgrid-sync-inner{background:var(--bg-surface)}.fc .fc-popover{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown)}.fc .fc-popover-header{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0}.fc .fc-scrollgrid{border:none}.fc .fc-scrollgrid td,.fc .fc-scrollgrid th{border-left:none;border-color:var(--calendar-grid-border)}.fc .fc-timegrid-axis,.fc .fc-timegrid-axis-frame{border-right:none}.fc .fc-timegrid-axis.fc-scrollgrid-shrink{border-top:none;border-right:none}.fc .fc-timegrid-axis-cushion{display:none}.fc .fc-daygrid-body{width:100%!important}.fc .fc-timegrid-allday-table{min-height:var(--schedule-allday-row-h)}.fc .fc-timegrid-allday .fc-daygrid-day-events{min-height:var(--schedule-allday-row-h);padding:0}.fc .fc-timegrid-allday td,.fc .fc-timegrid-allday th{border-top:none;border-bottom:none}.fc .fc-timegrid-divider{border-top:none;padding:0}.schedule-root{background:0 0;flex-direction:column;height:100%;display:flex}.schedule-page-header{padding:var(--page-padding-y) var(--page-header-avatar-clearance) 0 var(--page-padding-x);flex-shrink:0}.schedule-page-header__top{align-items:center;gap:var(--space-3);min-height:var(--btn-min-height-md);margin-bottom:-3px;display:flex}.schedule-page-header__title-row{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.schedule-page-header__actions{align-items:center;gap:var(--space-3);font-size:var(--font-md);display:flex}.schedule-body{min-height:0;padding-bottom:var(--page-padding-y);flex-direction:column;flex:1;display:flex}.schedule-body__inner{min-height:0;margin:var(--space-2) var(--page-padding-x) 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:1;position:relative;overflow:hidden}.schedule-body__inner .fc{height:100%}.gcal-container{height:calc(100vh - 180px);min-height:var(--schedule-min-h);background:var(--bg-surface);flex-direction:column;display:flex;position:relative}.gcal-container .fc{flex:1;height:100%;min-height:0}.gcal-loading{background:var(--bg-surface);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-base);font-size:var(--font-sm);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schedule-header-nav{align-items:center;gap:var(--space-2);display:flex}.schedule-header-month{font-size:var(--font-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:var(--schedule-mini-col-min-w);white-space:nowrap;margin-right:var(--space-2)}.gcal-nav__today{padding:var(--space-1) var(--space-3);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-medium);min-height:var(--schedule-nav-btn-size);transition:background var(--transition-fast);white-space:nowrap;background:0 0}.gcal-nav__today:hover{background:var(--bg-hover)}.gcal-nav__arrow{width:var(--schedule-nav-btn-size);height:var(--schedule-nav-btn-size);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-lg);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gcal-nav__arrow:hover{background:var(--bg-hover);color:var(--text-primary)}.gcal-connect-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-weight-medium);min-height:var(--schedule-nav-btn-size);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast)}.gcal-connect-btn:hover{background:var(--bg-hover)}.gcal-connect-btn--connected{border-color:var(--success);background:var(--success-bg);color:var(--success-text);cursor:default}.gcal-connect-btn--connected:hover{background:var(--success-bg)}.gcal-connect-btn--error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text)}.event-popover-backdrop{z-index:calc(var(--z-modal) - 1);cursor:default;background:0 0;position:fixed;inset:0}.event-popover{--event-popover-w:280px;z-index:var(--z-modal);width:var(--event-popover-w);background:color-mix(in srgb, var(--accent) 10%, var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dropdown);position:fixed;overflow:hidden}.event-popover__header{padding:var(--space-2) var(--space-2) 0;justify-content:flex-end;display:flex}.event-popover__actions{align-items:center;gap:var(--space-2);display:flex}.event-popover__body{padding:var(--space-2) var(--space-4) var(--space-4)}.event-popover__title{font-size:var(--font-lg);font-weight:var(--font-weight-semi);color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.4}.event-popover__time{font-size:var(--font-xs);color:var(--text-muted);margin:0 0 var(--space-1)}.event-popover__organizer{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.event-popover__location{font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.event-popover__description{font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-1) 0 0;white-space:pre-wrap;word-break:break-word}.event-popover__badge{font-size:var(--font-xs);color:var(--text-muted);margin:var(--space-1) 0 0}.event-popover__delete-confirm{padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid var(--border)}.event-popover__delete-text{font-size:var(--font-sm);color:var(--danger);margin-bottom:var(--space-2);display:block}.event-popover__delete-actions{gap:var(--space-2);display:flex}.inbox-wrapper{height:100%;padding-left:var(--space-3);background:0 0;flex-direction:row;font-family:SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.inbox-main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.inbox-full-tab-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);scrollbar-width:none;padding:0 var(--space-2);height:var(--height-tab-bar);box-sizing:border-box;flex-shrink:0;align-items:center;display:flex;overflow-x:auto}.inbox-full-tab-bar::-webkit-scrollbar{display:none}.inbox-full-tab{height:var(--height-tab-item);padding:0 var(--space-4);font-size:var(--font-base);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:var(--radius-sm);transition:background var(--transition-micro), color var(--transition-micro);font-family:inherit;font-weight:400;line-height:var(--line-height-tight);background:0 0;border:none;align-items:center;display:flex}.inbox-full-tab:hover:not(.active){background:var(--color-hover-overlay);color:var(--accent)}.inbox-full-tab.active{background:var(--link-active-bg);color:var(--accent);border-radius:var(--radius-md);font-weight:700}.inbox-platform-select{height:var(--height-tab-item);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;flex-shrink:0;margin-left:auto;font-family:inherit}.inbox-platform-select:focus{border-color:var(--accent);color:var(--text-primary);outline:none}.inbox-columns{flex:1;display:flex;overflow:hidden}.inbox-left-panel{width:var(--width-inbox-panel);background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-grow:0;flex-shrink:0;display:flex;overflow:hidden}.inbox-search-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-10px) var(--space-1);flex-shrink:0;display:flex}.inbox-search-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.inbox-search-icon{left:var(--space-3);color:var(--text-secondary);pointer-events:none;flex-shrink:0;position:absolute}.inbox-search-input{width:100%;padding:calc(var(--space-2) + 1.5px) var(--space-3) calc(var(--space-2) + 1.5px) calc(var(--space-3) + 16px + var(--space-2))}.inbox-manage-wrap{flex-shrink:0;position:relative}.inbox-manage-btn{align-items:center;gap:var(--space-6px);padding:var(--space-6px) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-micro);white-space:nowrap;font-family:inherit;font-weight:600;display:flex}.inbox-manage-btn:hover{background:var(--bg-subtle)}.inbox-manage-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.inbox-manage-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.inbox-bulk-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-10px);border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;display:flex}.inbox-bulk-check-all{width:var(--size-checkbox-sm);height:var(--size-checkbox-sm);cursor:pointer;accent-color:var(--accent);flex-shrink:0}.inbox-bulk-count{font-size:var(--font-sm);color:var(--text-secondary);flex:1}.inbox-bulk-action{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--inbox-bulk-icon-color);cursor:pointer;transition:background var(--transition-micro);justify-content:center;align-items:center;display:flex}.inbox-bulk-action:hover:not(:disabled){background:var(--bg-hover)}.inbox-bulk-action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.inbox-bulk-delete{color:var(--danger);border-color:var(--danger)}.inbox-bulk-delete:hover:not(:disabled){background:var(--danger-bg)}.conv-select-check{width:var(--size-checkbox);height:var(--size-checkbox);border:1.5px solid var(--border-strong);border-radius:var(--radius-2xs);background:var(--bg-surface);transition:background var(--transition-micro), border-color var(--transition-micro);flex-shrink:0;position:relative}.conv-select-check.checked{background:var(--accent);border-color:var(--accent)}.conv-select-check.checked:after{content:"";width:var(--size-check-mark-w);height:var(--space-2);border:2px solid var(--on-accent);border-top:none;border-left:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.conv-item.bulk-selected{background:color-mix(in srgb, var(--accent) 8%, transparent)}.inbox-sub-filter-bar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3) var(--space-2);flex-shrink:0;display:flex}.inbox-sub-filter-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-primary);cursor:pointer;transition:background var(--transition-micro), color var(--transition-micro);white-space:nowrap;font-family:inherit;font-weight:400;line-height:var(--line-height-base);background:0 0;border:none}.inbox-sub-filter-pill.active{background:var(--link-active-bg);color:var(--accent);font-weight:700}.inbox-sub-filter-pill:hover:not(.active){background:var(--color-hover-overlay)}.inbox-conversation-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.conv-item{align-items:center;gap:var(--space-3);padding:var(--space-3);width:100%;min-height:var(--min-height-conv-item);cursor:pointer;text-align:left;transition:background var(--transition-micro);box-sizing:border-box;background:0 0;border:none;font-family:inherit;display:flex;position:relative}.conv-item:hover,.conv-item.selected{background:var(--color-hover-overlay)}.conv-item.selected:after{content:"";width:var(--selection-strip-w);background:var(--indicator);position:absolute;top:0;bottom:0;right:0}.conv-avatar-wrap{flex-shrink:0;position:relative}.conv-avatar{width:var(--size-avatar-lg);height:var(--size-avatar-lg);background:var(--avatar-bg);color:var(--text-primary);font-size:var(--font-base);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.conv-item .conv-avatar{background:var(--bg-hover)}.conv-platform-dot{bottom:var(--platform-dot-offset);right:var(--platform-dot-offset);width:var(--icon-base);height:var(--icon-base);border-radius:var(--radius-full);justify-content:center;align-items:center;line-height:0;display:inline-flex;position:absolute;overflow:hidden}.conv-platform-dot--squircle{border-radius:var(--radius-lg)}.conv-info{flex:1;min-width:0}.conv-header{justify-content:space-between;align-items:baseline;gap:var(--space-6px);display:flex}.conv-name{font-size:var(--font-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:400;overflow:hidden}.conv-name.unread{font-weight:700}.conv-status-badge{font-size:var(--font-2xs);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-badge);padding:var(--space-2px) var(--space-6px);white-space:nowrap;flex-shrink:0}.conv-time{font-size:var(--font-xs);color:var(--text-muted);flex-shrink:0}.conv-preview{align-items:center;gap:var(--space-6px);margin-top:var(--space-2px);display:flex}.conv-preview-text{font-size:var(--font-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conv-preview-text.unread{color:var(--text-primary);font-weight:700}.conv-unread-badge{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-xl);padding:var(--space-1px) var(--space-6px);font-size:var(--font-2xs);flex-shrink:0;font-weight:700}.inbox-page-filter-wrap{padding:var(--space-1) var(--space-3) var(--space-6px)}.inbox-page-filter-select{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-xs);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.inbox-center{background:var(--bg-surface);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.inbox-center-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-separator-subtle);align-items:center;gap:var(--space-3);min-height:var(--center-header-min-h);box-sizing:border-box;flex-shrink:0;display:flex}.inbox-center-title{font-size:var(--font-md);color:var(--text-primary);align-items:center;gap:var(--space-2);margin:0;font-weight:700;display:flex}.discord-unlinked-badge{font-size:var(--font-2xs);font-weight:var(--font-weight-semi);color:var(--color-warning-text,var(--text-muted));background:var(--color-warning-subtle,var(--bg-subtle));border-radius:var(--radius-badge);padding:var(--space-2px) var(--space-6px);white-space:nowrap;flex-shrink:0}.inbox-thread-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.inbox-thread-action-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);border-radius:var(--radius-md);border:1px solid var(--border-icon);color:var(--inbox-action-icon-color);cursor:pointer;transition:background var(--transition-micro), color var(--transition-micro);background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.inbox-thread-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.inbox-thread-action-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.inbox-messages{overscroll-behavior:contain;min-height:0;padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.inbox-msg-row{display:flex}.inbox-msg-row.outbound{justify-content:flex-end}.inbox-msg-row.inbound{justify-content:flex-start}.msg-bubble{max-width:70%;padding:var(--space-2) var(--space-3);font-size:var(--font-md);word-break:break-word;white-space:pre-wrap;line-height:1.45}.msg-bubble.outbound{background:var(--bubble-outbound-bg);color:var(--on-accent);border-radius:var(--radius-bubble-out)}.msg-bubble.inbound{background:var(--bubble-inbound-bg);color:var(--text-primary);border-radius:var(--radius-bubble-in)}.msg-bubble.failed{background:var(--danger-bg);color:var(--danger-text);border:2px solid var(--danger);border-radius:var(--radius-xl)}.msg-time{font-size:var(--font-2xs);opacity:var(--opacity-muted);margin-top:var(--space-1);text-align:right}.msg-time.inbound{text-align:left}.msg-translate-btn{cursor:pointer;padding:var(--space-2px);margin-left:var(--space-1);border-radius:var(--radius-sm);opacity:var(--opacity-secondary);transition:opacity var(--transition-micro), background var(--transition-micro);vertical-align:middle;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.msg-translate-btn:hover{opacity:1;background:var(--bg-hover)}.msg-translate-btn:disabled{opacity:var(--opacity-muted);cursor:not-allowed}.msg-translation{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light);font-size:var(--font-sm);line-height:1.4}.msg-translation--loading{color:var(--text-secondary);font-style:italic}.msg-translation--error{color:var(--danger-text);font-size:var(--font-xs)}.msg-translation-text{white-space:pre-wrap;word-break:break-word;display:block}.msg-translation-badge{margin-top:var(--space-1);font-size:var(--font-2xs);opacity:var(--opacity-muted);font-style:italic;display:inline-block}.inbox-send-area{padding:var(--space-1) var(--space-3) var(--space-3)}.send-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.send-top-row{align-items:flex-end;gap:var(--space-2);padding:var(--send-top-row-padding);display:flex}.send-input-wrap{background:var(--bg-subtle);border-radius:var(--radius-pill);min-width:0;padding:var(--space-2) var(--space-14px);box-sizing:border-box;align-items:center;gap:var(--space-1);flex:1;display:flex}.inbox-textarea{min-width:0;font-size:var(--font-base);resize:none;color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;line-height:1.4}.inbox-textarea:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.send-attach-btn{width:var(--size-icon-btn-sm);height:var(--size-icon-btn-sm);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-micro), color var(--transition-micro);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.send-attach-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.send-attach-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.send-attachment-preview{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;display:flex}.send-preview-img{width:var(--size-icon-btn);height:var(--size-icon-btn);border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);flex-shrink:0}.send-preview-filename{font-size:var(--font-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.send-preview-remove{width:var(--size-icon-btn-sm);height:var(--size-icon-btn-sm);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-micro), color var(--transition-micro);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.send-preview-remove:hover{background:var(--danger-bg);color:var(--danger)}.msg-attachment-img{max-width:var(--size-msg-attach-w);max-height:var(--size-msg-attach-h);border-radius:var(--radius-sm);object-fit:cover;display:block}.msg-attachment-placeholder{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--font-sm);display:inline-flex}.inbox-send-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background var(--transition-micro);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.inbox-send-btn:hover:not(:disabled){background:var(--accent-hover)}.inbox-send-btn:disabled{background:var(--bg-active);color:var(--text-secondary);cursor:not-allowed}.inbox-right-panel{width:var(--drawer-width);background:var(--bg-surface);border-left:1px solid var(--inbox-separator);margin-left:var(--space-14px);overscroll-behavior:contain;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);flex-direction:column;flex-grow:0;flex-shrink:0;display:flex;overflow-y:auto}.right-panel-card{background:var(--bg-surface);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex}.right-panel-avatar{width:var(--right-panel-avatar-size);height:var(--right-panel-avatar-size);background:var(--avatar-bg);color:var(--text-primary);font-size:var(--font-base);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.right-panel-name{font-size:var(--font-lg);color:var(--text-primary);text-align:center;margin:0;font-weight:700}.right-panel-code{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-1);text-align:center}.right-panel-status{margin-top:var(--space-10px);padding:var(--space-1) var(--space-14px);border-radius:var(--radius-pill);background:var(--link-active-bg);color:var(--accent);font-size:var(--font-xs);font-weight:600}.right-panel-section{border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-3);box-sizing:border-box;background:0 0;width:100%}.right-panel-row{gap:var(--space-2px);padding:var(--space-10px) 0;border-bottom:1px solid var(--bg-subtle);flex-direction:column;display:flex}.right-panel-label{font-size:var(--inbox-panel-label-size);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.right-panel-value{font-size:var(--font-sm);color:var(--text-primary);word-break:break-word;font-weight:500}.right-panel-link{cursor:pointer;color:var(--link);font-size:var(--font-sm);transition:opacity var(--transition-micro);background:0 0;border:none;border-radius:0;margin:0;padding:0;font-weight:400;text-decoration:none;display:inline-block}.right-panel-link:hover{opacity:var(--opacity-hover)}.right-panel-empty{height:100%;color:var(--text-secondary);font-size:var(--font-base);text-align:center;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.right-panel-header{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);box-sizing:border-box;flex-direction:row;display:flex}.right-panel-header-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.right-panel-en-name{font-size:var(--font-2xs);color:var(--text-secondary);text-align:center;margin:2px 0 0}.right-panel-rank{padding:var(--space-3px) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-2xs);background:var(--rank-bg);color:var(--rank-text);margin-top:6px;font-weight:700}.right-panel-section-title{font-size:var(--font-md);color:var(--text-primary);margin-bottom:var(--space-10px);padding-bottom:0;font-weight:700}.right-panel-memo{font-size:var(--font-xs);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-10px);margin-top:var(--space-1);margin-bottom:var(--space-6px);line-height:1.5}.right-panel-memo-label{font-size:var(--font-2xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:var(--space-2);font-weight:700}.inbox-error-banner{padding:var(--space-2) var(--space-3);background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger);border-radius:var(--radius-lg);font-size:var(--font-sm);margin:var(--space-2) var(--space-3)}.inbox-send-error{padding:var(--space-6px) var(--space-10px);border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger);font-size:var(--font-xs);margin-bottom:6px}.karte-toggle-btn,.karte-close-row,.karte-overlay{display:none}.inbox-header-menu-wrap{flex-shrink:0;position:relative}.inbox-header-menu-btn{display:none}@media (width<=1279px){.inbox-left-panel{width:35%;min-width:var(--inbox-left-panel-min-w)}.karte-toggle-btn{align-items:center;gap:var(--space-1);background:var(--link-active-bg);border-radius:var(--radius-xl);padding:var(--space-1) var(--space-10px);font-size:var(--font-xs);color:var(--accent);font-weight:var(--font-weight-semi);cursor:pointer;transition:opacity var(--transition-micro);border:none;flex-shrink:0;display:flex}.karte-toggle-btn:hover{opacity:var(--opacity-dim)}.inbox-right-panel{z-index:var(--z-drawer);box-shadow:var(--shadow-xl);top:0;bottom:0;right:0;transform:translate(100%);width:var(--inbox-collapsed-panel-w)!important;border-left:1px solid var(--border)!important;border-top:none!important;border-radius:0!important;max-width:92vw!important;max-height:none!important;margin:0!important;position:fixed!important}.inbox-right-panel.karte-open{transform:translate(0)}.karte-overlay{z-index:var(--z-backdrop);background:var(--overlay-bg);animation:fadeIn var(--duration-base) ease;display:block;position:fixed;inset:0}.karte-close-row{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.karte-close-title{font-size:var(--font-sm);color:var(--text-primary);font-weight:600}.karte-close-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-1);transition:color var(--transition-micro), background var(--transition-micro);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.karte-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.inbox-thread-actions{display:none}.inbox-header-menu-btn{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-icon);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-micro), color var(--transition-micro);background:0 0;justify-content:center;align-items:center;display:flex}.inbox-header-menu-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.inbox-header-menu{top:calc(100% + var(--space-1));min-width:var(--min-width-dropdown);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);padding:var(--space-1) 0;position:absolute;right:0}.inbox-header-menu-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition-micro);background:0 0;border:none;display:flex}.inbox-header-menu-item:hover{background:var(--bg-hover)}.inbox-header-menu-item.danger{color:var(--danger)}.inbox-header-menu-item.danger:hover{background:var(--danger-bg)}}@media (width<=767px){.inbox-wrapper{overflow:hidden auto}.inbox-main-area{overflow:visible}.inbox-columns{flex-direction:column;overflow:visible}.inbox-left-panel{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;max-height:45vh;overflow-y:auto}.inbox-center{width:100%;min-height:var(--inbox-center-min-h);flex:1;overflow:hidden}.msg-bubble{max-width:85%}.inbox-send-btn{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.inbox-search-row{padding:var(--space-2) var(--space-2) var(--space-1)}.inbox-right-panel{height:80vh;border-left:none!important;border-top:1px solid var(--border)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;width:100%!important;max-width:100%!important;max-height:80vh!important;box-shadow:var(--shadow-xl)!important;inset:auto 0 0!important;overflow-y:auto!important;transform:translateY(100%)!important}.inbox-right-panel.karte-open{transform:translateY(0)!important}}.right-panel-field{box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-sm);color:var(--text-primary);transition:border-color var(--transition-micro);font-family:inherit}.right-panel-field:focus{border-color:var(--accent);outline:none}textarea.right-panel-field{resize:vertical;min-height:var(--inbox-textarea-min-h)}.right-panel-name-field{font-weight:600;font-size:var(--font-base);text-align:left;background:0 0;border:1px solid #0000;width:100%}.right-panel-name-field:hover,.right-panel-name-field:focus{background:var(--bg-primary);border-color:var(--border)}.right-panel-display-name{font-size:var(--font-base);color:var(--text-primary);word-break:break-word;width:100%;font-weight:600}.right-panel-tabs{border-bottom:1px solid var(--border);flex-shrink:0;width:100%;display:flex}.right-panel-tab{padding:var(--space-2) var(--space-1);cursor:pointer;font-size:var(--font-xs);font-weight:var(--font-weight-semi);color:var(--text-secondary);transition:color var(--transition-micro), border-color var(--transition-micro);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px}.right-panel-tab:hover{color:var(--text-primary)}.right-panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.right-panel-tab-content{flex:1;width:100%;overflow-y:auto}.right-panel-divider{border:none;border-top:1px solid var(--border);margin:0}.right-panel-group-heading{font-size:var(--inbox-panel-group-heading-size);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-top:1px solid var(--border);padding:var(--space-3) 0 var(--space-2);margin-top:var(--space-2)}.right-panel-group-heading:first-child{border-top:none;margin-top:0;padding-top:0}.right-panel-save-indicator{font-size:var(--font-xs);color:var(--text-muted);min-height:var(--toggle-thumb-size);text-align:right;padding:0 var(--space-3);margin-bottom:var(--space-1)}.right-panel-save-indicator .saved{color:var(--success-bg)}.right-panel-save-indicator .error{color:var(--danger-bg)}.karte-action-bar{align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);box-sizing:border-box;flex-shrink:0;width:100%;display:flex;position:relative}.karte-action-primary{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:background var(--transition-micro);border:none;flex:1;font-family:inherit;font-weight:600}.karte-action-primary:hover{background:var(--accent-hover)}.karte-action-overflow{padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-micro);flex-shrink:0;font-family:inherit;line-height:1}.karte-action-overflow:hover{background:var(--bg-hover)}.karte-overflow-menu{bottom:calc(100% + 4px);right:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:var(--min-width-dropdown);position:absolute;overflow:hidden}.karte-overflow-menu button{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;font-family:inherit;display:block}.karte-overflow-menu button:last-child{border-bottom:none}.karte-overflow-menu button:hover{background:var(--bg-hover)}.karte-meta-badge{font-size:var(--font-xs);color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-badge);padding:var(--space-2px) var(--space-6px);display:inline-block}.right-panel-sub{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.3}.karte-header-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.karte-stage-badge{font-size:var(--font-2xs);padding:var(--space-2px) var(--space-6px);border-radius:var(--radius-full);white-space:nowrap;font-weight:600;display:inline-block}.karte-stage-badge--lead{background:var(--link-active-bg);color:var(--accent)}.karte-stage-badge--deal{background:var(--warning-bg);color:var(--warning-text)}.karte-stage-badge--existing{background:var(--success-bg);color:var(--success-text)}.karte-stage-badge--followup{background:var(--bg-subtle);color:var(--text-secondary)}.karte-stage-badge--default{background:var(--bg-subtle);color:var(--text-muted)}.karte-last-contact{font-size:var(--font-2xs);color:var(--text-muted)}.karte-section-ro-heading{align-items:center;gap:var(--space-1);color:var(--success-text);display:flex}.karte-lock-icon{color:var(--success-text);flex-shrink:0}.karte-ro-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--border);font-size:var(--font-sm);display:flex}.karte-ro-row:last-child{border-bottom:none}.karte-ro-value{color:var(--success-text);text-align:right;font-weight:600}.karte-ro-muted{color:var(--text-muted);text-align:right;font-weight:400}.karte-performance-section{padding:var(--space-1) 0 var(--space-2);width:100%}.inbox-settings-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);min-width:var(--inbox-settings-min-w);max-width:var(--inbox-settings-max-w);width:90%;box-shadow:var(--shadow-lg)}.inbox-settings-modal-title{font-size:var(--font-lg);color:var(--text-primary);margin:0 0 var(--space-4);font-weight:600}.inbox-settings-section-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600}.inbox-settings-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.inbox-settings-label{font-size:var(--font-sm);color:var(--text-primary)}.inbox-settings-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-sm);color:var(--text-primary);cursor:pointer}.inbox-settings-close-btn{margin-top:var(--space-5);background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);cursor:pointer;transition:opacity var(--transition-micro);border:none;font-weight:500}.inbox-settings-close-btn:hover{opacity:var(--opacity-dim)}.inbox-toggle{width:var(--toggle-width);height:var(--toggle-height);cursor:pointer;display:inline-flex;position:relative}.inbox-toggle input{opacity:0;width:0;height:0}.inbox-toggle-slider{background:var(--border);border-radius:var(--radius-full);transition:background var(--transition-micro);position:absolute;inset:0}.inbox-toggle-slider:before{content:"";height:var(--toggle-thumb-size);width:var(--toggle-thumb-size);left:var(--toggle-thumb-offset);top:var(--toggle-thumb-offset);background:var(--bg-surface);transition:transform var(--transition-micro);border-radius:50%;position:absolute}.inbox-toggle input:checked+.inbox-toggle-slider{background:var(--accent)}.inbox-toggle input:checked+.inbox-toggle-slider:before{transform:translateX(var(--toggle-translate))}.inbox-profile-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);min-width:var(--modal-profile-min-w);max-width:var(--modal-profile-max-w);width:90%;height:85vh;box-shadow:var(--shadow-lg);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.inbox-profile-modal-header{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.inbox-profile-modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-1);transition:opacity var(--transition-micro);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.inbox-profile-modal-close:hover{opacity:var(--opacity-hover)}@media (width<=560px){.inbox-profile-modal{min-width:unset}}.inbox-translate-outbound-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font-size:var(--font-xs);cursor:pointer;transition:opacity var(--transition-micro), border-color var(--transition-micro);flex-shrink:0;display:flex}.inbox-translate-outbound-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.inbox-translate-outbound-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.inbox-translate-outbound-label{font-size:var(--font-xs);font-weight:600}.outbound-translation-overlay{z-index:var(--z-modal);background:var(--overlay-bg);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.outbound-translation-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:var(--modal-profile-max-w);max-height:85vh;box-shadow:var(--shadow-lg);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.outbound-translation-header{justify-content:space-between;align-items:center;display:flex}.outbound-translation-title{font-size:var(--font-sm);color:var(--text);font-weight:600}.outbound-translation-close{cursor:pointer;color:var(--text-muted);font-size:var(--font-base);padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;display:flex}.outbound-translation-close:hover{opacity:var(--opacity-hover)}.outbound-translation-section{gap:var(--space-2);flex-direction:column;display:flex}.outbound-translation-label{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.outbound-translation-original{font-size:var(--font-sm);color:var(--text);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:var(--space-3);white-space:pre-wrap;line-height:1.5}.outbound-translation-low-conf-badge{background:var(--warning-bg);color:var(--warning-text);font-size:var(--font-xs);padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:600}.outbound-translation-flags{background:var(--warning-bg);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.outbound-translation-flags-title{font-size:var(--font-xs);color:var(--warning-text);font-weight:600}.outbound-translation-flag-item{font-size:var(--font-xs);color:var(--text)}.outbound-translation-flag-term{font-weight:600}.outbound-translation-flag-reason{color:var(--text-muted)}.outbound-translation-edit{width:100%;padding:var(--space-3);resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:var(--font-sm);font-family:inherit;line-height:1.5}.outbound-translation-edit:focus{border-color:var(--accent);outline:none}.outbound-translation-meta{font-size:var(--font-xs);color:var(--text-muted)}.outbound-translation-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.outbound-translation-preview-btn,.outbound-translation-regenerate-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text);font-size:var(--font-sm);cursor:pointer;transition:opacity var(--transition-micro)}.outbound-translation-preview-btn:disabled,.outbound-translation-regenerate-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.outbound-translation-preview-btn:hover:not(:disabled),.outbound-translation-regenerate-btn:hover:not(:disabled){opacity:var(--opacity-hover)}.outbound-translation-send-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent,white);font-size:var(--font-sm);cursor:pointer;transition:opacity var(--transition-micro);border:none;font-weight:600}.outbound-translation-send-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.outbound-translation-send-btn:hover:not(:disabled){opacity:var(--opacity-dim)}.outbound-translation-error{color:var(--danger);font-size:var(--font-xs);background:var(--danger-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.admin-hub{flex-direction:column;height:100%;display:flex;overflow:hidden}.admin-hub-content{flex:1;min-height:0;overflow:hidden}.admin-hub-tabs{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;align-items:stretch;display:flex}.admin-hub-tab{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);min-height:calc(var(--space-8) + var(--space-6));color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);border-top:2px solid #0000;flex-direction:column;flex:1;text-decoration:none;display:flex}.admin-hub-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-hub-tab.active{color:var(--accent);border-top-color:var(--accent)}.admin-hub-tab-label{font-size:var(--font-xs);font-weight:var(--font-weight-medium);max-width:calc(var(--space-10) * 2);text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.review-meta dl{align-items:baseline;gap:var(--space-1) var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.review-meta dt{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-normal)}.review-meta dd{margin:0 var(--space-5) 0 var(--space-1);color:var(--text-primary);font-weight:var(--font-weight-semi)}.page.super-admin-parse-review-page{max-width:none}.page.super-admin-parse-review-page .page-header{padding-right:var(--page-header-avatar-clearance)}.review-split{gap:var(--space-4);align-items:flex-start;display:flex}.review-raw{flex-direction:column;flex:0 0 30%;min-width:0;max-width:30%;display:flex}.review-raw-title{margin:0 0 var(--space-2);font-size:var(--font-base);font-weight:var(--font-weight-semi);color:var(--text-secondary)}.review-raw-body{padding:var(--space-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-height:calc(100vh - 14rem);font-size:var(--font-sm);color:var(--text-primary);margin:0;overflow:hidden auto}.review-main{flex:70%;min-width:0}@media (width<=1023px){.review-split{flex-direction:column}.review-raw{flex-basis:auto;width:100%;max-width:100%}.review-raw-body{max-height:18rem}}.review-col-skip{width:var(--col-width-checkbox);white-space:nowrap;text-align:center}.review-table-scroll tbody tr[data-testid^=review-row-]:not([data-testid$=-memo-row]) td{border-bottom:none}.review-table-scroll{border-radius:var(--radius-lg);max-height:calc(100vh - 22rem);box-shadow:var(--shadow-sm);overflow:auto}.review-table-scroll .data-table[data-testid=review-table]{box-shadow:none;border-radius:0;overflow:visible}.review-table-scroll .data-table[data-testid=review-table] thead th{z-index:var(--z-base);background:var(--bg-subtle);box-shadow:inset 0 -2px 0 var(--border);position:sticky;top:0}.account-settings-layout{gap:var(--space-8);max-width:var(--max-width-form);flex-direction:column;display:flex}.account-settings-section{gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.account-settings-section-title{align-items:center;gap:var(--space-2);font-size:var(--font-base);font-weight:var(--font-weight-semi);color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);display:flex}.account-settings-field{gap:var(--space-1);flex-direction:column;display:flex}.account-settings-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.account-settings-readonly{font-size:var(--font-base);color:var(--text-muted);padding:var(--space-2) 0}.account-settings-note{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-1)}.account-settings-coming-soon{font-size:var(--font-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-subtle);border-radius:var(--radius-sm);margin-top:var(--space-1);display:inline-block}.account-settings-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.account-settings-actions{padding-top:var(--space-2);justify-content:flex-end;display:flex}.account-settings-pref-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.account-settings-pref-row:last-child{border-bottom:none}.account-settings-pref-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.toggle-switch{width:var(--size-toggle-w);height:var(--space-6);cursor:pointer;flex-shrink:0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--border);border-radius:var(--radius-full);transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";width:var(--size-toggle-knob);height:var(--size-toggle-knob);left:var(--space-3px);top:var(--space-3px);background:var(--bg-surface);box-shadow:var(--shadow-drop-sm);border-radius:50%;transition:transform .2s;position:absolute}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(var(--space-5))}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:var(--focus-ring-shadow)}.account-settings-lang-select{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;min-width:var(--size-lang-select-min)}.account-settings-lang-select:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}.account-settings-success{font-size:var(--font-sm);color:var(--success);padding:var(--space-2) 0}.ds-page{gap:var(--space-8);padding:var(--space-6);max-width:var(--max-width-page);flex-direction:column;display:flex}.ds-section{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.ds-section-title{font-size:var(--font-lg);font-weight:var(--font-weight-semi);color:var(--text-primary);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.ds-color-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ds-color-swatch{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);display:flex}.ds-color-preview{width:var(--ds-swatch-size);height:var(--ds-swatch-size);border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.ds-color-meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ds-type-table{border-collapse:collapse;width:100%}.ds-type-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-weight-semi);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.ds-type-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-primary)}.ds-token-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-xs);color:var(--accent)}.ds-token-label{font-size:var(--font-xs);color:var(--text-muted)}.ds-component-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.ds-component-block{padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border);gap:var(--space-3);flex-direction:column;display:flex}.ds-component-block--wide{grid-column:1/-1}.ds-component-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-xs);color:var(--text-muted);margin:0}.ds-section-desc{font-size:var(--font-sm);color:var(--text-muted);margin:calc(-1 * var(--space-3)) 0 var(--space-4)}.ds-spacing-list{gap:var(--space-3);flex-direction:column;display:flex}.ds-spacing-row{align-items:center;gap:var(--space-3);grid-template-columns:180px 1fr 60px;display:grid}.ds-spacing-label-name,.ds-spacing-label-px{text-align:right}.ds-spacing-bar-wrap{background:var(--bg-subtle);border-radius:var(--radius-sm);height:var(--space-4);overflow:hidden}.ds-spacing-bar{background:var(--accent);border-radius:var(--radius-sm);height:100%;min-width:var(--space-1)}.ds-shadow-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ds-shadow-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);gap:var(--space-2);border:1px solid var(--border);flex-direction:column;display:flex}.ds-radius-row{gap:var(--space-5);flex-wrap:wrap;align-items:flex-end;display:flex}.ds-radius-item{align-items:center;gap:var(--space-2);min-width:calc(var(--space-8) + var(--space-10));flex-direction:column;display:flex}.ds-radius-box{width:var(--space-10);height:var(--space-10);background:var(--accent);opacity:var(--opacity-dim)}.ds-motion-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ds-motion-demo{padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border);gap:var(--space-2);cursor:default;flex-direction:column;display:flex}.ds-motion-demo:hover{transform:translateY(calc(-1 * var(--space-1)));box-shadow:var(--shadow-md)}.ds-dev-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-xs);font-weight:var(--font-weight-medium);background:var(--warning-bg);color:var(--warning-text);align-items:center;display:inline-flex}.app-shell{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.sidebar-panel{width:var(--sidebar-width-collapsed,54px);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);transition:width var(--transition-sidebar);height:100vh;z-index:var(--z-sidebar);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-panel.sidebar-expanded{width:var(--sidebar-width-expanded,240px)}.sidebar-logo-area{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);height:var(--sidebar-logo-h);flex-shrink:0;display:flex;overflow:hidden}.sidebar-panel:not(.sidebar-expanded) .sidebar-logo-area{justify-content:center;padding-left:0;padding-right:0}.sidebar-expanded .sidebar-logo-area{padding-left:calc(var(--sidebar-nav-icon-center-x) - var(--logo-size) / 2)}.sidebar-logo-icon{width:var(--logo-size);height:var(--logo-size);object-fit:contain;flex-shrink:0}.sidebar-logo-text{font-weight:var(--font-weight-bold);font-size:var(--font-sidebar-brand);color:var(--accent);letter-spacing:.05em;white-space:nowrap;animation:fadeIn var(--duration-base) ease-in}.sidebar-logo-text-img{height:var(--sidebar-logo-text-h);width:auto;max-width:var(--sidebar-logo-max-w);object-fit:contain;animation:fadeIn var(--duration-base) ease-in}:root.force-dark .sidebar-logo-icon,:root.force-dark .sidebar-logo-text-img{filter:brightness(0)invert()}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-nav-items{padding:var(--space-2) 0;flex:1;overflow:hidden auto}.sidebar-nav-items::-webkit-scrollbar{width:var(--space-1)}.sidebar-nav-items::-webkit-scrollbar-track{background:0 0}.sidebar-nav-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--sidebar-item-padding-v) var(--space-14px);color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;width:100%;line-height:1.4;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-active-color)}.sidebar-item.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-color);font-weight:var(--font-weight-semi);border-left-color:var(--sidebar-item-active-border)}.sidebar-icon{width:var(--space-5);flex-shrink:0;align-items:center;display:flex}.sidebar-label{text-overflow:ellipsis;opacity:0;transition:opacity var(--transition-fast) 80ms;flex:1;overflow:hidden}.sidebar-expanded .sidebar-label{opacity:1}.sidebar-expanded .sidebar-item{padding:var(--sidebar-item-padding-v) var(--space-5)}.sidebar-caret{transition:transform var(--transition-base);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.sidebar-caret.open{transform:rotate(180deg)}.sidebar-accordion-menu{background:var(--bg-subtle);border-bottom:1px solid var(--border)}.sidebar-sub-item{padding:var(--space-2) var(--space-4) var(--space-2) var(--sidebar-sub-item-indent);color:var(--text-secondary);font-size:var(--font-sm);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:block}.sidebar-sub-item:hover{background:var(--sidebar-item-hover-bg);color:var(--sidebar-item-active-color)}.sidebar-sub-item.active{color:var(--sidebar-item-active-color);font-weight:var(--font-weight-semi);background:var(--link-active-bg)}.sidebar-loading-dot{padding:var(--space-4) var(--space-2);color:var(--text-muted);font-size:var(--font-sm);letter-spacing:4px}.sidebar-divider{background:var(--border);height:1px;margin:var(--space-2) var(--space-3);flex-shrink:0}:root.force-dark .sidebar-divider{background:var(--border)}.app-body{background-color:var(--bg-surface);background-image:var(--inbox-bg-gradient);min-width:0;margin-left:var(--sidebar-width-collapsed,54px);flex-direction:column;flex:1;display:flex;overflow:hidden}.nav-unread-badge{min-width:var(--nav-badge-size);height:var(--nav-badge-size);padding:0 var(--space-1);border-radius:var(--radius-badge);background:var(--accent);color:var(--on-accent);font-size:var(--font-2xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.app-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 var(--space-2);height:var(--topbar-height);align-items:center;gap:var(--space-4);z-index:var(--z-topbar);flex-shrink:0;display:flex;position:sticky;top:0}.topbar-search{align-items:center;gap:var(--space-2);max-width:var(--search-bar-max-w);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;display:flex}.topbar-search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring-shadow)}.topbar-search-icon{color:var(--text-muted);flex-shrink:0}.topbar-search input{padding:var(--space-10px) 0;font-size:var(--font-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-user{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.topbar-email{font-size:var(--font-sm);color:var(--text-muted);max-width:var(--max-width-truncate);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-signout{align-items:center;gap:var(--space-6px);padding:var(--space-6px) var(--space-14px);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;display:flex}.btn-signout:hover{background:var(--bg-hover);border-color:var(--border-strong)}.app-content{background:0 0;flex:1;overflow-y:auto}.app-content--inbox{overflow:hidden}.avatar-btn{top:var(--avatar-zone-top);right:var(--avatar-zone-right);width:var(--avatar-zone-width);height:var(--avatar-zone-width);background:var(--accent);color:var(--on-accent);cursor:pointer;font-size:var(--font-md);font-weight:var(--font-weight-bold);z-index:var(--avatar-zone-z);transition:background var(--transition-fast), transform var(--transition-micro);box-shadow:var(--shadow-md);text-transform:uppercase;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:fixed}.avatar-btn:hover{background:var(--accent-hover);transform:scale(1.06)}.user-drawer-backdrop{background:var(--overlay-bg);z-index:var(--z-backdrop);animation:fadeBackdrop var(--transition-base);position:fixed;inset:0}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}.user-drawer{height:100vh;width:var(--drawer-width);background:var(--bg-surface);border-left:1px solid var(--border);z-index:var(--z-drawer);transition:transform var(--transition-slow);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.user-drawer--open{transform:translate(0)}.user-drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.user-drawer-title{font-size:var(--font-md);font-weight:var(--font-weight-semi);color:var(--text-primary)}.user-drawer-close{cursor:pointer;color:var(--text-muted);font-size:var(--font-lg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;line-height:1;position:relative}.user-drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.user-drawer-body{padding:var(--space-4) var(--space-5);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.user-drawer-email{font-size:var(--font-sm);color:var(--text-muted);padding:var(--space-1) 0 var(--space-2);word-break:break-all}.user-drawer-name{font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--text-primary);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.user-drawer-sep{border:none;border-top:1px solid var(--border);margin:var(--space-2) 0}.user-drawer-action{align-items:center;gap:var(--space-10px);width:100%;padding:var(--space-10px) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-base);color:var(--text-secondary);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.user-drawer-action:hover{background:var(--bg-hover)}.user-drawer-action--danger{color:var(--danger);margin-top:auto}.user-drawer-action--danger:hover{background:var(--danger-bg)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-surface);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}.form-group textarea{min-height:var(--textarea-min-h);resize:vertical}.form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.btn-primary{padding:var(--space-2) var(--space-5);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer;transition:background var(--transition-fast);border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;opacity:var(--opacity-muted)}.btn-secondary{padding:var(--space-2) var(--space-5);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-base);cursor:pointer}.btn-secondary:hover{background:var(--bg-subtle)}.btn-ghost{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background var(--transition-fast);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-subtle)}.btn-sm{padding:var(--space-1) var(--space-10px);font-size:var(--font-xs);background:var(--bg-hover);border-radius:var(--radius-2xs);cursor:pointer;color:var(--text-secondary);border:none}.btn-sm:hover{background:var(--bg-hover)}.btn-danger{padding:var(--space-2) var(--space-3);color:var(--danger);border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:var(--space-1);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:inline-flex}.btn-danger:hover{background:var(--danger-bg)}.btn-sm.btn-primary,.btn-sm.btn-secondary,.btn-sm.btn-danger{padding:var(--space-1) var(--space-10px);font-size:var(--font-xs)}.search-bar,.filter-bar{margin-bottom:var(--space-4)}.search-bar input,.filter-bar select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-base);min-width:var(--input-select-min-w);background:var(--bg-surface);color:var(--text-primary)}.search-input-field{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);font-size:var(--font-base);color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-micro), box-shadow var(--transition-micro);outline:none}.search-input-field::placeholder{color:var(--text-secondary)}.search-input-field:focus{border-color:var(--accent);box-shadow:var(--search-focus-glow)}.data-table{border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-subtle);font-size:var(--font-xs);font-weight:var(--font-weight-semi);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:var(--font-base);color:var(--text-primary)}.data-table tr:hover td{background:var(--row-hover)}.data-table tr[data-zero-stock=true] td{background:var(--bg-row-zero-stock)}.data-table tr[data-zero-stock=true]:hover td{background:var(--bg-row-zero-stock-hover)}.data-table .actions{gap:var(--space-1);display:flex}.data-table tr.product-row-top>td{padding-bottom:var(--space-1);border-bottom:none}.data-table tr.product-row-bottom>td{padding-top:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary)}.data-table tr[data-product-stripe=odd]>td{background:var(--bg-subtle)}.data-table tr[data-product-stripe]:hover>td{background:var(--row-hover)}.data-table .empty{text-align:center;color:var(--text-muted);padding:var(--space-8)}.products-master-table-wrap{border-radius:var(--radius-lg);max-height:calc(100vh - 18rem);box-shadow:var(--shadow-sm);overflow:auto}.products-master-table-wrap>.data-table{box-shadow:none;border-radius:0;overflow:visible}.products-master-table-wrap>.data-table thead{z-index:var(--z-base);position:sticky;top:0}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.kpi-card.accent{background:var(--accent);color:var(--on-accent)}.kpi-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.kpi-label{font-size:var(--font-xs);opacity:var(--opacity-dim)}.kpi-card.accent .kpi-label{opacity:var(--opacity-soft)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.card h3{font-size:var(--font-md);font-weight:var(--font-weight-semi);color:var(--text-primary);margin:0 0 var(--space-3)}.card table{border-collapse:collapse;width:100%}.card th{text-align:left;padding:var(--space-2) 0;font-size:var(--font-xs);color:var(--text-muted);border-bottom:1px solid var(--border)}.card td{padding:var(--space-2) 0;font-size:var(--font-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.dashboard-tables{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.badge{padding:var(--space-2px) var(--space-2);border-radius:var(--radius-badge);font-size:var(--font-xs);font-weight:var(--font-weight-medium);display:inline-block}.badge-open,.badge-pending{background:var(--warning-bg);color:var(--warning-text)}.badge-negotiating{background:var(--info-bg);color:var(--info-text)}.badge-won,.badge-confirmed,.badge-delivered{background:var(--success-bg);color:var(--success-text)}.badge-lost,.badge-cancelled{background:var(--danger-bg);color:var(--danger-text)}.badge-on_hold,.badge-shipped{background:var(--purple-bg);color:var(--purple-text)}.badge-awaiting_payment{background:var(--warning-bg);color:var(--warning-text)}.badge-sourcing{background:var(--info-bg);color:var(--info-text)}.badge-awaiting_shipping{background:var(--purple-bg);color:var(--purple-text)}.badge-completed{background:var(--success-bg);color:var(--success-text)}.badge-trouble{background:var(--danger-bg);color:var(--danger-text)}.status-badge{padding:var(--space-2px) var(--space-2);border-radius:var(--radius-badge);font-size:var(--font-xs);font-weight:var(--font-weight-medium);background:var(--bg-hover);color:var(--text-primary);display:inline-block}.status-badge.status-active{background:var(--success-bg);color:var(--success-text)}.status-badge.status-inactive{background:var(--bg-hover);color:var(--text-muted)}.status-badge.status-archived{background:var(--bg-active);color:var(--text-secondary)}.status-badge.status-pending_dedup_review{background:var(--warning-bg);color:var(--warning-text)}.row-pending-dedup td{background:var(--warning-bg);border-left:3px solid var(--warning-text)}.data-table tr.row-pending-dedup:hover td{background:var(--row-hover)}.dedup-resolve-section{margin-top:var(--space-4);padding:var(--space-4);background:var(--warning-bg);border:1px solid var(--warning-text);border-radius:var(--radius-lg)}.dedup-resolve-section h3{margin:0 0 var(--space-2);font-size:var(--font-md);color:var(--warning-text)}.dedup-resolve-section p{margin:0 0 var(--space-3);font-size:var(--font-sm);color:var(--text-muted)}.dedup-resolve-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.dedup-summary{margin-left:var(--space-3);padding:var(--space-2px) var(--space-10px);border-radius:var(--radius-badge);font-size:var(--font-xs);background:var(--warning-bg);color:var(--warning-text);font-weight:var(--font-weight-medium);display:inline-block}.modal-overlay{background:var(--overlay-bg);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8) var(--space-8);width:100%;max-width:var(--modal-max-w);max-height:90vh;box-shadow:var(--shadow-modal);overflow-y:auto}.modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.modal-header__title{font-size:var(--font-lg);font-weight:var(--font-weight-semi);color:var(--text-primary);margin:0}.modal-header__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.modal-icon-btn{width:var(--space-9);height:var(--space-9);border-radius:var(--radius-full);cursor:pointer;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.modal-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-icon-btn--danger:hover{background:var(--danger-bg);color:var(--danger)}.modal h3{font-size:var(--font-lg);margin:0 0 var(--space-5);color:var(--text-primary)}.event-modal-detail-list{padding:var(--space-2) 0 var(--space-4);gap:var(--space-1) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.event-modal-detail-term{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap;padding-top:var(--space-1)}.event-modal-detail-value{font-size:var(--font-sm);color:var(--text-primary);padding-top:var(--space-1);margin:0}.event-modal-detail-value--pre{white-space:pre-wrap;word-break:break-word}.loading{text-align:center;color:var(--text-muted);padding:var(--space-8)}.loading-screen{min-height:100vh;font-size:var(--font-lg);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.error-message{background:var(--danger-bg);color:var(--danger-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--font-base)}[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--tooltip-text);background:var(--tooltip-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tooltip]:before{content:"";border:4px solid #0000;border-bottom-color:var(--tooltip-bg);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);z-index:var(--z-dropdown);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}[data-tooltip][data-tooltip-pos=top]:after{top:auto;bottom:calc(100% + 8px)}[data-tooltip][data-tooltip-pos=top]:before{border-bottom-color:#0000;border-top-color:var(--tooltip-bg);top:auto;bottom:calc(100% + 4px)}.page-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.page-header-actions .btn-ghost,.page-header-actions .icon-btn{border:1px solid var(--border-icon)}.page-header-actions .btn-ghost:hover,.page-header-actions .icon-btn:hover{border-color:var(--border-icon)}.page-header-actions .btn-ghost,.page-header-actions .btn-primary,.page-header-actions .btn-secondary{font-size:var(--font-sm);height:var(--size-icon-btn);align-items:center;padding-top:0;padding-bottom:0;display:flex}.page-header-select{appearance:none;box-sizing:border-box;height:var(--size-icon-btn);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right var(--space-2) center;color:var(--text-primary);font-size:var(--font-sm);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);white-space:nowrap}.page-header-select:hover{background-color:var(--bg-hover);border-color:var(--border-strong)}.page-header-select:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}.icon-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.tab-bar{height:var(--height-tab-bar);scrollbar-width:none;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{height:var(--height-tab-item);padding:0 var(--space-4);align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;display:flex}.tab-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.tab-item.active{background:var(--link-active-bg);color:var(--accent);font-weight:var(--font-weight-bold)}.filter-pill{height:var(--filter-pill-h);padding:0 var(--space-3);font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;align-items:center;display:inline-flex}.filter-pill:hover{background:var(--bg-subtle);color:var(--text-primary)}.filter-pill.active{background:var(--link-active-bg);color:var(--accent);font-weight:var(--font-weight-bold)}.panel-shell{height:100%;display:flex;overflow:hidden}.panel-left{border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto}.panel-center{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.panel-right{border-left:1px solid var(--border);flex-shrink:0;overflow-y:auto}.panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);min-height:var(--center-header-min-h);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.dropdown-menu{min-width:var(--min-width-dropdown);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);z-index:var(--z-topbar);position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.dropdown-item{width:100%;padding:var(--space-10px) var(--space-14px);text-align:left;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-micro);background:0 0;border:none;font-family:inherit;display:block}.dropdown-item:hover{background:var(--bg-subtle)}.empty-state{color:var(--text-secondary);font-size:var(--font-base);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.empty-state-icon svg{width:var(--icon-xl);height:var(--icon-xl)}.error-banner{padding:var(--space-2) var(--space-3);background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger);border-radius:var(--radius-lg);font-size:var(--font-sm);margin:var(--space-2) var(--space-3)}.toggle-switch{width:var(--toggle-width);height:var(--toggle-height);cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{background:var(--border);border-radius:var(--radius-xl);transition:background var(--transition-micro);position:absolute;inset:0}.toggle-switch-slider:before{content:"";height:var(--toggle-thumb-size);width:var(--toggle-thumb-size);background:var(--bg-surface);transition:transform var(--transition-micro);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-switch-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(18px)}.page{padding:var(--page-padding-y) var(--page-padding-x);max-width:var(--max-width-page)}.page--full{max-width:none}.page h2{font-size:var(--role-page-title-size);font-weight:var(--role-page-title-weight);color:var(--role-page-title-color);margin:0 0 var(--page-header-mb)}.page-header{margin-bottom:var(--page-header-mb);justify-content:space-between;align-items:center;display:flex}.page-header h2{font-size:var(--role-page-title-size);font-weight:var(--role-page-title-weight);color:var(--role-page-title-color);line-height:var(--role-page-title-lh);margin:0}.page-subtitle{font-size:var(--font-sm);color:var(--text-primary);margin:0 0 var(--space-3);min-height:1.4em;line-height:1.4}.page-layout{flex-direction:column;height:100%;display:flex}.page-layout-header{padding:var(--page-padding-y) var(--page-header-avatar-clearance) 0 var(--page-padding-x);flex-shrink:0}.page-layout-title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--page-header-mb);min-height:var(--btn-min-height-md);display:flex}.page-layout-title-row--has-subtitle{margin-bottom:-3px}.page-layout-header-right{align-items:center;gap:var(--space-3);font-size:var(--font-md);margin-left:auto;display:flex}.page-layout-content{min-height:0;padding:0 var(--page-padding-x) var(--space-8);flex:1;overflow-y:auto}.page-layout-content--no-scroll{padding:0;overflow-y:hidden}.sticky-bottom-bar{background:var(--bg-surface);z-index:var(--z-base);flex-shrink:0;position:sticky;bottom:0}.text-page-title{font-size:var(--role-page-title-size);font-weight:var(--role-page-title-weight);color:var(--role-page-title-color);line-height:var(--role-page-title-lh);margin:0}.text-section-title{font-size:var(--role-section-title-size);font-weight:var(--role-section-title-weight);color:var(--role-section-title-color);margin:0}.text-card-title{font-size:var(--role-card-title-size);font-weight:var(--role-card-title-weight);color:var(--role-card-title-color);margin:0}.text-body{font-size:var(--role-body-size);font-weight:var(--role-body-weight);color:var(--role-body-color)}.text-caption{font-size:var(--role-caption-size);font-weight:var(--role-caption-weight);color:var(--role-caption-color)}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-10);width:100%;max-width:var(--card-login-max-w);box-shadow:var(--shadow-md);border-top:3px solid var(--accent)}.login-card h1{text-align:center;color:var(--text-primary);margin:0 0 var(--space-1)}.login-logo{margin:0 auto var(--space-3);max-width:var(--login-logo-max-w);height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-subtitle{text-align:center;color:var(--text-muted);margin:0 0 var(--space-2)}.login-card .form-group input{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-md)}.login-card .form-group input:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}.login-card .btn-primary{background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-md);font-weight:var(--font-weight-semi);cursor:pointer;transition:background var(--transition-fast);border:none}.login-card .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.color-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.color-swatch{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;transition:transform var(--transition-micro), box-shadow var(--transition-fast);border:2px solid #0000;position:relative}.color-swatch:hover{transform:scale(1.08)}.color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface) inset, var(--shadow-drop-sm)}.color-swatch-legacy{position:relative}.color-swatch-legacy:after{content:"現在";font-size:var(--font-2xs);color:var(--text-muted);white-space:nowrap;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.color-swatch input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.coming-soon{max-width:var(--coming-soon-max-w);margin:var(--coming-soon-margin-top) auto;text-align:center;background:var(--bg-surface);padding:var(--space-8) var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.coming-soon-icon{margin-bottom:var(--space-4)}.coming-soon-icon svg{width:var(--coming-soon-icon-size);height:var(--coming-soon-icon-size)}.coming-soon h2{margin:0 0 var(--space-2) 0;font-size:var(--font-display);color:var(--text-primary)}.coming-soon-label{background:var(--warning-bg);color:var(--warning-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semi);margin:var(--space-2) 0 var(--space-4) 0;display:inline-block}.coming-soon-desc{color:var(--text-secondary);margin:var(--space-3) 0;font-size:var(--font-base)}.coming-soon-note{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--space-4)}.sidebar-loading{padding:var(--space-4);color:var(--text-muted);font-size:var(--font-sm)}.tab-nav{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.tab-nav button{padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab-nav button:hover{color:var(--accent)}.tab-nav button.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--font-weight-semi)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-sm);color:var(--text-secondary)}.lead-badge-新規{background:var(--info-bg);color:var(--info-text);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.lead-badge-コンタクト中{background:var(--lead-contact-bg);color:var(--lead-contact-text);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.lead-badge-提案中{background:var(--purple-bg);color:var(--purple-text);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.lead-badge-案件化{background:var(--success-bg);color:var(--success-text);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.lead-badge-失注{background:var(--danger-bg);color:var(--danger-text);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.lead-badge-保留{background:var(--bg-hover);color:var(--text-primary);padding:var(--space-2px) var(--space-2);border-radius:var(--radius-sm)}.badge-confirmed{background:var(--info-bg);color:var(--info-text)}.roles-page{padding:var(--space-5)}.roles-layout{gap:var(--space-5);grid-template-columns:260px 1fr;align-items:flex-start;display:grid}.roles-sidebar{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);top:var(--space-5);position:sticky}.roles-sidebar-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.roles-sidebar-header h3{font-size:var(--font-md);color:var(--text-primary);margin:0}.roles-list{margin:0 0 var(--space-3) 0;padding:0;list-style:none}.role-item{text-align:left;width:100%;padding:var(--space-10px) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-6px);cursor:pointer;transition:background var(--transition-fast);border:none;display:block}.role-item:hover{background:var(--bg-hover);transform:translate(2px)}.role-item.active{background:var(--accent);color:var(--on-accent);transform:translate(2px)}.role-item.active:hover{background:var(--accent-hover)}.role-item-name{font-weight:var(--font-weight-semi);font-size:var(--font-base);display:block}.role-item-meta{font-size:var(--font-xs);opacity:var(--opacity-dim);margin-top:var(--space-2px);display:block}.btn-block{width:100%;padding:var(--space-2)}.roles-main{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.roles-main-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);background:var(--bg-surface);z-index:var(--z-base);padding-top:var(--space-1);display:flex;position:sticky;top:0}.roles-main-header h2{margin:0 0 var(--space-6px) 0;font-size:var(--font-xl)}.role-description{color:var(--text-secondary);margin:var(--space-1) 0 0 0;font-size:var(--font-base)}.role-note{color:var(--text-muted);margin:var(--space-1) 0 0 0;font-size:var(--font-xs)}.roles-main-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.permission-groups{gap:var(--space-4);flex-direction:column;display:flex}.permission-group{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.permission-group-header{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.permission-group-title{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semi);color:var(--text-primary);display:flex}.permission-group-icon{font-size:var(--font-lg)}.permission-group-toggles{gap:var(--space-3);display:flex}.chk-label{align-items:center;gap:var(--space-1);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.chk-label input[type=checkbox]{margin:0}.permission-group-body{padding:var(--space-3) var(--space-4);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.permission-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-10px);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.permission-item:hover{background:var(--bg-hover);border-color:var(--accent);box-shadow:var(--shadow-accent-hover)}.permission-item input[type=checkbox]{margin-top:var(--space-1);flex-shrink:0}.permission-item-text{flex:1;min-width:0}.permission-item-desc{font-size:var(--font-base);color:var(--text-primary);line-height:1.3}.permission-item-key{font-size:var(--font-2xs);color:var(--text-muted);background:var(--bg-hover);padding:1px var(--space-6px);border-radius:var(--radius-2xs);margin-top:var(--space-2px);display:inline-block}.unsaved-banner{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--warning-bg);border:1px solid var(--warning-text);border-radius:var(--radius-md);color:var(--warning-text);font-size:var(--font-base);position:sticky;bottom:0}.hub-shell{height:100%;display:flex;overflow:hidden}.hub-subnav{width:var(--mc-subnav-width);border-right:1px solid var(--border);overscroll-behavior:contain;height:100%;padding:var(--space-2) 0 var(--space-6);background:0 0;flex-shrink:0;overflow-y:auto}.hub-subnav-section{margin-bottom:var(--space-4)}.hub-subnav-title{padding:var(--space-1) var(--space-4);font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;display:block}.hub-subnav-item{width:100%;padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-right:var(--space-2);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;text-decoration:none;display:block}.hub-subnav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.hub-subnav-item.active{background:var(--sidebar-item-active-bg);color:var(--accent);font-weight:var(--font-weight-semi)}.hub-subnav-section+.hub-subnav-section{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2)}.hub-content{flex:1;min-width:0;min-height:0;overflow:hidden}.integration-placeholder{width:100%;height:100%;padding:var(--space-6);color:var(--text-muted);font-size:var(--font-lg);font-weight:var(--font-weight-semi);text-align:center;justify-content:center;align-items:center;display:flex}@media (width<=767px){.hub-shell{flex-direction:column}.hub-subnav{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:var(--space-2) 0;max-height:var(--dropdown-max-h)}.hub-content{overflow-y:auto}}.page-container{padding:var(--space-2) var(--space-8);max-width:var(--max-width-page)}.page-container .page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.page-container .page-header h1,.page-container .page-header h2{font-size:var(--role-page-title-size);font-weight:var(--role-page-title-weight);color:var(--role-page-title-color);line-height:var(--role-page-title-lh);margin:var(--space-2) 0 0}.page-container .page-header h1 span,.page-container .page-header h2 span{color:var(--text-muted)}.tabs{gap:var(--space-1);border-bottom:2px solid var(--border);margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap;display:flex}.tabs .tab{padding:var(--space-10px) var(--space-5);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px}.tabs .tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--font-weight-semi)}.tabs .tab.active:hover{background:var(--link-active-bg)}.form-grid{gap:var(--space-4) var(--space-2);background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.form-grid>.form-row{gap:var(--space-6px);flex-direction:column;display:flex}.form-grid>.form-row>label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-grid>.form-row input:not([type=checkbox]):not([type=radio]),.form-grid>.form-row select,.form-grid>.form-row textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-base);background:var(--bg-surface);color:var(--text-primary);box-sizing:border-box;width:100%;font-family:inherit}.form-grid>.form-row textarea{min-height:var(--textarea-min-h);resize:vertical}.form-grid>.form-row input:focus,.form-grid>.form-row select:focus,.form-grid>.form-row textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}.form-grid>.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);grid-column:1/-1;display:flex}.modal-content .form-row,.modal-content-wide .form-row{gap:var(--space-6px);margin-bottom:var(--space-4);flex-direction:column;display:flex}.modal-content .form-row>label,.modal-content-wide .form-row>label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.modal-content .form-row input:not([type=checkbox]):not([type=radio]),.modal-content .form-row select,.modal-content .form-row textarea,.modal-content-wide .form-row input:not([type=checkbox]):not([type=radio]),.modal-content-wide .form-row select,.modal-content-wide .form-row textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--font-base);background:var(--bg-surface);color:var(--text-primary);box-sizing:border-box;width:100%;font-family:inherit}.modal-content .form-row textarea,.modal-content-wide .form-row textarea{min-height:var(--textarea-min-h);resize:vertical}.modal-content .form-row input:focus,.modal-content .form-row select:focus,.modal-content .form-row textarea:focus,.modal-content-wide .form-row input:focus,.modal-content-wide .form-row select:focus,.modal-content-wide .form-row textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring-shadow);outline:none}@media (width<=768px){.form-grid{padding:var(--space-4);grid-template-columns:1fr}.page-container{padding:var(--space-4)}}@media (width<=480px){.page,.page-container{padding:var(--space-3) var(--space-3)}.topbar-search{display:none}}.modal.product-edit-modal{max-width:min(96vw, var(--modal-xwide-w))}.product-edit-form{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;display:grid}.product-edit-form .form-group{margin-bottom:0}.product-edit-form>fieldset,.product-edit-form>.form-group-full,.product-edit-form>.form-actions{grid-column:1/-1}.product-edit-form fieldset{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;display:grid}.product-edit-form fieldset>legend,.product-edit-form fieldset>.form-group-full{grid-column:1/-1}.product-edit-form .form-group input:not([type=checkbox]):not([type=radio]),.product-edit-form .form-group select,.product-edit-form .form-group textarea{border:1px solid var(--border-strong)}@media (width<=768px){.layout{flex-direction:column}.sidebar{flex-flow:wrap;width:100%}.sidebar-nav{padding:0;display:flex}.sidebar-nav a{padding:var(--space-2) var(--space-4)}.sidebar-footer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:flex}.dashboard-tables{grid-template-columns:1fr}.page{padding:var(--space-4)}.roles-layout{grid-template-columns:1fr}.roles-sidebar{position:static}.roles-main-header{flex-direction:column;align-items:stretch}.topnav{height:auto;padding:var(--space-2) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.topnav-links{width:100%;padding-top:var(--space-1);order:3}.topnav-user{margin-left:auto}.topnav-email{max-width:var(--topnav-email-max-w)}.brandbar{height:auto;padding:var(--space-2) var(--space-4);gap:var(--space-2);flex-direction:column;align-items:stretch}.brandbar-search{max-width:100%}.mainnav{flex-direction:column;align-items:stretch}.mainnav-user{padding:var(--space-2) 0;order:2;justify-content:flex-end}}:root{--font-2xs:.7rem;--font-xs:.75rem;--font-sm:.85rem;--font-base:.9rem;--font-md:1rem;--font-lg:1.1rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-sidebar-brand:1.6rem;--font-display:1.6rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semi:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--role-page-title-size:var(--font-2xl);--role-page-title-weight:var(--font-weight-semi);--role-page-title-color:var(--text-primary);--role-page-title-lh:var(--line-height-tight);--role-section-title-size:var(--font-lg);--role-section-title-weight:var(--font-weight-semi);--role-section-title-color:var(--text-primary);--role-card-title-size:var(--font-md);--role-card-title-weight:var(--font-weight-semi);--role-card-title-color:var(--text-primary);--role-body-size:var(--font-base);--role-body-weight:var(--font-weight-normal);--role-body-color:var(--text-secondary);--role-caption-size:var(--font-xs);--role-caption-weight:var(--font-weight-normal);--role-caption-color:var(--text-muted);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-1px:1px;--space-2px:2px;--space-3px:3px;--space-6px:6px;--space-10px:10px;--space-14px:14px;--radius-2xs:3px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-badge:10px;--radius-pill:20px;--radius-full:9999px;--radius-bubble-out:20.8px;--radius-bubble-in:20.8px 20.8px 20.8px 4.8px;--breakpoint-mobile-max:767px;--breakpoint-tablet-min:768px;--breakpoint-tablet-max:1279px;--breakpoint-desktop-min:1280px;--breakpoint-xl-min:1440px;--z-base:10;--z-dropdown:50;--z-topbar:100;--z-sidebar:200;--z-sidebar-overlay:210;--z-backdrop:298;--z-drawer:299;--z-avatar:300;--z-modal:400;--z-toast:500;--duration-base:.2s;--transition-micro:.1s ease;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-sidebar:.25s ease;--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--btn-min-height-md:40px;--size-icon-btn:36px;--size-icon-btn-sm:28px;--size-msg-attach-w:240px;--size-msg-attach-h:200px;--textarea-min-h:80px;--topbar-height:56px;--drawer-width:300px;--logo-size:36px;--sidebar-nav-icon-center-x:33px;--max-width-page:1200px;--max-width-truncate:200px;--page-padding-x:var(--space-6);--page-padding-y:10px;--page-header-mb:var(--space-5);--avatar-zone-top:var(--space-3);--avatar-zone-right:var(--space-4);--avatar-zone-width:var(--size-avatar-md);--avatar-zone-z:var(--z-avatar);--page-header-avatar-clearance:calc(var(--avatar-zone-width) + var(--avatar-zone-right) + var(--space-3));--icon-sm:14px;--icon-md:16px;--icon-base:20px;--icon-lg:24px;--icon-xl:48px;--size-checkbox:16px;--size-checkbox-sm:14px;--size-check-mark-w:5px;--size-avatar-sm:32px;--size-avatar-md:40px;--size-avatar-lg:48px;--size-toggle-w:44px;--size-toggle-knob:18px;--size-lang-select-min:120px;--opacity-full:1;--opacity-muted:.7;--opacity-dim:.8;--opacity-soft:.9;--opacity-secondary:.85;--opacity-hover:.75;--opacity-disabled:.6;--opacity-skipped:.55;--opacity-archived:.5;--height-tab-bar:54px;--height-tab-item:36px;--width-inbox-panel:443px;--min-height-conv-item:92px;--min-width-dropdown:180px;--selection-strip-w:2px;--platform-dot-offset:-2px;--send-top-row-padding:var(--space-10px) var(--space-10px) var(--space-6px);--center-header-min-h:81px;--toggle-width:40px;--toggle-height:22px;--toggle-thumb-size:16px;--toggle-thumb-offset:3px;--toggle-translate:18px;--right-panel-avatar-size:var(--size-avatar-md);--mc-subnav-width:200px;--max-width-modal-sm:420px;--modal-max-w:500px;--modal-profile-min-w:480px;--max-width-form:560px;--modal-profile-max-w:640px;--inbox-settings-min-w:320px;--inbox-settings-max-w:480px;--inbox-panel-label-size:var(--font-xs);--inbox-panel-group-heading-size:var(--font-2xs);--inbox-left-panel-min-w:220px;--inbox-collapsed-panel-w:360px;--inbox-center-min-h:300px;--inbox-textarea-min-h:60px;--sidebar-logo-h:64px;--sidebar-logo-text-h:28px;--sidebar-logo-max-w:160px;--sidebar-item-padding-v:11px;--sidebar-sub-item-indent:56px;--nav-badge-size:18px;--search-bar-max-w:480px;--topnav-email-max-w:140px;--card-login-max-w:400px;--login-logo-max-w:280px;--coming-soon-max-w:600px;--coming-soon-icon-size:64px;--coming-soon-margin-top:80px;--filter-pill-h:28px;--input-select-min-w:280px;--dropdown-max-h:200px;--dashboard-badge-min-w:38px;--progress-bar-h:4px;--dashboard-rank-badge:20px;--ds-swatch-size:36px;--schedule-mini-size:46px;--schedule-cell-icon-size:24px;--schedule-min-h:500px;--schedule-mini-col-min-w:100px;--schedule-slot-h:60px;--schedule-nav-btn-size:32px;--schedule-allday-row-h:24px;--schedule-day-num-size:1.625rem;--min-width-input-sm:120px;--size-thread-avatar:36px;--input-width-qty:70px;--input-width-product-name:280px;--table-col-product-name-min-w:320px;--input-width-weight:80px;--input-width-year:90px;--input-width-month:60px;--table-min-width-base:720px;--table-col-min-width:280px;--col-width-checkbox:40px;--col-width-medium:200px;--col-width-wide:360px;--col-width-url:300px;--modal-wide-w:880px;--modal-xwide-w:1100px;--modal-commission-w:760px;--modal-detail-max-w:720px;--dropdown-list-h:280px;--dropdown-results-max-h:320px;--dropdown-min-width:400px;--textarea-min-h-lg:120px;--ds-preview-width:320px;--ds-panel-size:120px;--story-width-sm:280px}@media (width<=1279px){:root{--schedule-slot-h:40px;--schedule-allday-row-h:14px}}:root{--bg-primary:#f5f7fa;--bg-surface:#fff;--bg-subtle:#f7fafc;--bg-hover:#e2e8f0;--bg-active:#cbd5e0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border:#e2e8f0;--border-strong:#cbd5e0;--border-icon:#000;--accent:#1877f2;--accent-hover:#166fe5;--link:#1877f2;--link-active-bg:#e7f3ff;--avatar-bg:#f1f4f7;--indicator:#1877f2;--sidebar-bg:#fff;--sidebar-border:#e4e4e7;--sidebar-item-hover-bg:#e7f3ff;--sidebar-item-active-bg:#e7f3ff;--sidebar-item-active-color:#1877f2;--sidebar-item-active-border:#1877f2;--sidebar-width-collapsed:54px;--sidebar-width-expanded:240px;--danger:#e53e3e;--danger-bg:#fed7d7;--danger-text:#9b2c2c;--warning-bg:#fefcbf;--warning-text:#744210;--success-bg:#c6f6d5;--success-text:#22543d;--banner-success-bg:#e6f4ea;--banner-success-text:#137333;--banner-warning-bg:#fff4e5;--banner-warning-text:#a45a00;--banner-error-bg:#fdecea;--banner-error-text:#a50e0e;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #00000014, 0 8px 10px #0000000a;--shadow-modal:0 8px 32px #0003;--shadow-dropdown:0 2px 12px #00000026;--shadow-drop-sm:0 2px 4px #0003;--shadow-accent-hover:0 2px 6px #1877f226;--overlay-bg:#0006;--danger-bg-subtle:#e53e3e0f;--accent-bg-subtle:#1877f20f;--warning-bg-subtle:#b7791f0f;--success-bg-subtle:#48bb780d;--color-hover-overlay:#0000000d;--color-separator-subtle:#cbd2d999;--focus-ring-shadow:0 0 0 3px #1877f226;--search-focus-glow:0 0 0 3px #1877f226, 0 0 10px 1px #1877f22e;--row-hover:#edf2f7;--bubble-inbound-bg:#efefef;--bubble-outbound-bg:#8b2ef5;--rank-bg:#fff3e0;--rank-text:#e65100;--info-bg:#bee3f8;--info-text:#2b6cb0;--purple-bg:#e9d8fd;--purple-text:#553c9a;--inbox-separator:#e4e6eb;--inbox-hover:#f2f3f5;--inbox-action-icon-color:var(--text-secondary);--inbox-bulk-icon-color:var(--text-primary);--on-accent:#fff;--lead-contact-bg:#fbd38d;--lead-contact-text:#744210;--success:#2e7d32;--color-warning:#c08a00;--bg-disabled:#f7f7f7;--bg-row-zero-stock:#e3e8f0;--bg-row-zero-stock-hover:#d6dde8;--border-color:#ccc;--border-light:#eee;--accent-bg:#2d6cdf;--bg-badge:#eef;--platform-mail-bg:#ea4335;--platform-unknown-bg:#999;--inbox-bg-gradient:radial-gradient(103.89% 81.75% at 95.41% 106.34%, #eaf8ef 6%, #eaf8ef00 79.68%), radial-gradient(297.85% 151.83% at -21.39% 8.81%, #faf1f1 0%, #faf1f1 15.29%, #f3edf5 21.39%, #e5f0fa 40.79%);--tooltip-bg:#1a202ceb;--tooltip-text:#fff;--calendar-google-blue:#1a73e8;--calendar-google-blue-light:#e8f0fe;--calendar-today-bg:#1a73e8;--calendar-today-text:#fff;--calendar-today-cell-bg:#e8f0fe;--calendar-grid-border:#dadce0;--calendar-status-ok-bg:#e6f4ea;--calendar-status-ok-text:#1e7e34;--calendar-status-error-bg:#fce8e6;--calendar-status-error-text:#c5221f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.force-dark{--bg-primary:#0f172a;--bg-surface:#1e293b;--bg-subtle:#243046;--bg-hover:#334155;--bg-active:#475569;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-strong:#475569;--border-icon:#e2e8f0;--accent:#818cf8;--accent-hover:#6366f1;--link:#93c5fd;--link-active-bg:#1e3a8a;--avatar-bg:#334155;--indicator:#818cf8;--danger:#f87171;--danger-bg:#4c1d1d;--danger-text:#fecaca;--warning-bg:#3d2f0c;--warning-text:#fde68a;--success-bg:#14432b;--success-text:#bbf7d0;--banner-success-bg:#1a3a25;--banner-success-text:#86efac;--banner-warning-bg:#3a2300;--banner-warning-text:#fcd34d;--banner-error-bg:#3a1515;--banner-error-text:#fca5a5;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d;--shadow-xl:0 20px 25px #00000080, 0 8px 10px #0006;--shadow-modal:0 8px 32px #00000080;--shadow-dropdown:0 2px 12px #00000059;--shadow-drop-sm:0 2px 4px #00000059;--shadow-accent-hover:0 2px 6px #818cf833;--overlay-bg:#0009;--danger-bg-subtle:#e53e3e1f;--accent-bg-subtle:#818cf81f;--warning-bg-subtle:#fde68a1a;--success-bg-subtle:#4ade801a;--color-hover-overlay:#ffffff0f;--color-separator-subtle:#94a3b866;--focus-ring-shadow:0 0 0 3px #818cf84d;--search-focus-glow:0 0 0 3px #818cf840, 0 0 12px 2px #818cf84d;--row-hover:#2d3b52;--bubble-inbound-bg:#334155;--bubble-outbound-bg:#6d28d9;--rank-bg:#3d2200;--rank-text:#fb923c;--info-bg:#1e3a5f;--info-text:#93c5fd;--purple-bg:#3b1f6e;--purple-text:#d8b4fe;--inbox-separator:#374151;--inbox-hover:#243046;--inbox-action-icon-color:var(--text-secondary);--inbox-bulk-icon-color:var(--text-primary);--sidebar-bg:#1e293b;--sidebar-border:#334155;--sidebar-item-hover-bg:#1e3a8a;--sidebar-item-active-bg:#1e3a8a;--sidebar-item-active-color:#93c5fd;--sidebar-item-active-border:#818cf8;--sidebar-width-collapsed:54px;--sidebar-width-expanded:240px;--on-accent:#fff;--lead-contact-bg:#3d2b00;--lead-contact-text:#fbd38d;--success:#4ade80;--color-warning:#fde68a;--bg-disabled:#2d3b52;--bg-row-zero-stock:#131c2c;--bg-row-zero-stock-hover:#1b2536;--border-color:#475569;--border-light:#334155;--accent-bg:#818cf8;--bg-badge:#3b2d5c;--platform-mail-bg:#ea4335;--platform-unknown-bg:#999;--inbox-bg-gradient:radial-gradient(103.89% 81.75% at 95.41% 106.34%, #14281e 6%, #14281e00 79.68%), radial-gradient(297.85% 151.83% at -21.39% 8.81%, #1e1414 0%, #1e1414 15.29%, #191423 21.39%, #0f1e2d 40.79%);--tooltip-bg:#f1f5f9f0;--tooltip-text:#0f172a;--calendar-google-blue:#8ab4f8;--calendar-google-blue-light:#1e3a5f;--calendar-today-bg:#8ab4f8;--calendar-today-text:#0f172a;--calendar-today-cell-bg:#1e3a5f;--calendar-grid-border:#3c4043;--calendar-status-ok-bg:#14432b;--calendar-status-ok-text:#4ade80;--calendar-status-error-bg:#4c1d1d;--calendar-status-error-text:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.icon-frame{border:1px solid var(--border-icon)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh}