html[data-theme="light"],
body[data-theme="light"]{
  color-scheme:light;
}

html[data-theme="graphite"],
body[data-theme="graphite"]{
  color-scheme:dark;
}

body[data-theme="graphite"]{
  --card:rgba(32,34,38,.98);
  --card2:rgba(32,34,38,.94);
  --border:rgba(255,255,255,.08);
  background:#272a2f;
}

body[data-theme="graphite"] .headerx{
  background:rgb(38 40 52);
}

body[data-theme="graphite"] .cardx,
body[data-theme="graphite"] .mini-month,
body[data-theme="graphite"] .notif-panel,
body[data-theme="graphite"] .user-panel,
body[data-theme="graphite"] .mobile-nav-panel{
  background:rgba(32,34,38,.98);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-hero{
  background:linear-gradient(180deg, rgba(32,34,38,.99), rgba(39,42,47,.98));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-kpi{
  background:
    radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, var(--kpi-accent) 19%, transparent), transparent 60%),
    radial-gradient(120% 120% at 0% 100%, color-mix(in srgb, var(--kpi-accent) 10%, transparent), transparent 70%),
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    linear-gradient(180deg, rgba(32,34,38,.99), rgba(39,42,47,.97));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-panel{
  background:linear-gradient(180deg, rgba(32,34,38,.99), rgba(39,42,47,.97));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-item{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.08), transparent 70%),
    rgba(32,34,38,.88);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-stat{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(34,197,94,.07), transparent 74%),
    rgba(32,34,38,.88);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-health-card{
  background:
    radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, var(--health-accent) 22%, transparent), transparent 70%),
    radial-gradient(120% 120% at 0% 100%, color-mix(in srgb, var(--health-accent) 11%, transparent), transparent 74%),
    rgba(32,34,38,.9);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .dash-hero::after,
body[data-theme="graphite"] .dash-hero-orb{
  display:none;
}

body[data-theme="graphite"] .dash-kpi::after,
body[data-theme="graphite"] .dash-health-card::after{
  display:block;
}

body[data-theme="graphite"] .modalx,
body[data-theme="graphite"] .swalx-dialog{
  background:linear-gradient(180deg, rgba(39,42,47,.99), rgba(32,34,38,.98));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 30px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
}

body[data-theme="graphite"] .modalx-header,
body[data-theme="graphite"] .modalx-actions{
  background:rgba(32,34,38,.96);
  border-color:rgba(255,255,255,.08);
}

body[data-theme="graphite"] .modalx-body{
  background:linear-gradient(180deg, rgba(39,42,47,.95), rgba(39,42,47,.99));
}

body[data-theme="graphite"] .calendar-appt-hero,
body[data-theme="graphite"] .calendar-appt-card,
body[data-theme="graphite"] .calendar-payment-row{
  background:linear-gradient(180deg, rgba(39,42,47,.96), rgba(32,34,38,.94));
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-theme="graphite"] .schedule-scroller{
  background:#272a2f;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 34px rgba(0,0,0,.24);
}

body[data-theme="graphite"] .schedule-table th{
  background:rgb(32 34 38);
}

body[data-theme="graphite"] .schedule-table th:first-child,
body[data-theme="graphite"] .schedule-table td:first-child{
  background:rgb(32 34 38);
  box-shadow:1px 0 0 rgba(255,255,255,.08);
}

body[data-theme="graphite"] .slot-cell{
  background:#272a2f;
}

body[data-theme="graphite"] .fc .fc-daygrid-day-frame{
  background:#272a2f;
}

body[data-theme="graphite"] .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
  background:linear-gradient(180deg, rgba(124,92,255,.18), #272a2f);
}

body[data-theme="light"]{
  --bg:#eef4fb;
  --card:rgba(255,255,255,.82);
  --card2:rgba(255,255,255,.7);
  --border:rgba(148,163,184,.24);
  --text:#0f172a;
  --muted:rgba(51,65,85,.72);
  --field-text:#1e293b;
  --field-placeholder:rgb(139 143 149);
  --brand:#6d5efc;
  --ok:#16a34a;
  --warn:#d97706;
  --bad:#dc2626;
  --info:#0284c7;
  background:
    radial-gradient(900px 600px at 10% 0%, rgba(109,94,252,.12), transparent 60%),
    radial-gradient(900px 600px at 90% 8%, rgba(14,165,233,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(238,244,251,.96)),
    var(--bg);
}

body[data-theme="light"] .small-muted,
body[data-theme="light"] .help,
body[data-theme="light"] .notif-meta,
body[data-theme="light"] .user-panel-role{
  color:var(--muted);
}

body[data-theme="light"] .cardx,
body[data-theme="light"] .mini-month,
body[data-theme="light"] .notif-panel,
body[data-theme="light"] .user-panel,
body[data-theme="light"] .mobile-nav-panel{
  background:rgba(255,255,255,.84);
  border-color:rgba(148,163,184,.24);
  box-shadow:0 14px 32px rgba(15,23,42,.08);
}

body[data-theme="light"] .headerx{
  background:rgba(247,250,255,.88);
  border-bottom-color:rgba(148,163,184,.24);
}

body[data-theme="light"] .headerx-nav .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .nav-item-icon{
  color:rgba(51,65,85,.72);
}

body[data-theme="light"] .headerx-nav .btnx:hover .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx:hover .nav-item-icon{
  color:#0f172a;
}

body[data-theme="light"] .headerx-logo{
  background:rgba(109,94,252,.12);
  border-color:rgba(109,94,252,.2);
}

body[data-theme="light"] .btnx,
body[data-theme="light"] .pill,
body[data-theme="light"] .badge-soft{
  background:rgba(255,255,255,.72);
  border-color:rgba(148,163,184,.24);
  color:var(--text);
}

body[data-theme="light"] .btnx:hover{
  background:rgba(255,255,255,.96);
  border-color:rgba(100,116,139,.28);
}

body[data-theme="light"] .btnx.primary{
  background:rgba(109,94,252,.12);
  border-color:rgba(109,94,252,.22);
}

body[data-theme="light"] .btnx.success{
  background:rgba(22,163,74,.12);
  border-color:rgba(22,163,74,.2);
}

body[data-theme="light"] .btnx.danger{
  background:rgba(220,38,38,.08);
  border-color:rgba(220,38,38,.16);
}

body[data-theme="light"] .tablex th,
body[data-theme="light"] .tablex td{
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .tablex th{
  color:rgba(51,65,85,.78);
}

body[data-theme="light"] .data-row:hover{
  background:rgba(148,163,184,.08);
}

body[data-theme="light"] .notif-item,
body[data-theme="light"] .calendar-appt-card,
body[data-theme="light"] .calendar-payment-row{
  background:rgba(255,255,255,.72);
  border-color:rgba(148,163,184,.2);
}

body[data-theme="light"] .notif-item-upcoming{
  background:linear-gradient(140deg, rgba(56,189,248,.12), rgba(255,255,255,.76));
  border-color:rgba(14,165,233,.24);
}

body[data-theme="light"] .notif-item-finance{
  background:linear-gradient(140deg, rgba(34,197,94,.10), rgba(255,255,255,.76));
  border-color:rgba(34,197,94,.20);
}

body[data-theme="light"] .notif-item-expense{
  background:linear-gradient(140deg, rgba(239,68,68,.10), rgba(255,255,255,.76));
  border-color:rgba(239,68,68,.20);
}

body[data-theme="light"] .notif-head{
  color:rgba(51,65,85,.82);
}

body[data-theme="light"] .notif-head-settings{
  color:#ffffff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
}

body[data-theme="light"] .notif-read-btn{
  color:#ffffff;
  background:rgba(34,197,94,.08);
}

body[data-theme="light"] label{
  color:#334155;
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .inline-search-select-trigger{
  background:rgba(255,255,255,.82);
  border-color:rgba(148,163,184,.24);
  color:#1e293b;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder,
body[data-theme="light"] select.is-placeholder,
body[data-theme="light"] .inline-search-select-trigger.is-placeholder{
  color:rgb(139 143 149);
}

body[data-theme="light"] select option[value=""]{
  color:#94a3b8;
}

body[data-theme="light"] input[type="date"]::-webkit-datetime-edit,
body[data-theme="light"] input[type="datetime-local"]::-webkit-datetime-edit,
body[data-theme="light"] input[type="time"]::-webkit-datetime-edit{
  color:#1e293b;
}

body[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
body[data-theme="light"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
body[data-theme="light"] input[type="time"]::-webkit-calendar-picker-indicator{
  filter:invert(19%) sepia(11%) saturate(964%) hue-rotate(182deg) brightness(95%) contrast(90%);
}

body[data-theme="light"] .inline-search-select-panel{
  background:rgba(255,255,255,.98);
  border-color:rgba(109,94,252,.2);
  box-shadow:0 16px 36px rgba(15,23,42,.12);
}

body[data-theme="light"] .inline-search-select-search-wrap{
  background:rgba(241,245,249,.9);
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .inline-search-select-option{
  background:rgba(248,250,252,.9);
  color:#1e293b;
}

body[data-theme="light"] .inline-search-select-option:hover{
  background:rgba(109,94,252,.08);
  border-color:rgba(109,94,252,.2);
}

body[data-theme="light"] .inline-search-select-option.is-selected{
  background:rgba(14,165,233,.1);
  border-color:rgba(14,165,233,.24);
  color:#0f172a;
}

body[data-theme="light"] .inline-search-select-option-meta,
body[data-theme="light"] .inline-search-select-empty{
  color:rgba(71,85,105,.72);
}

body[data-theme="light"] .pay-box,
body[data-theme="light"] .pay-toggle-label{
  background:rgba(248,250,252,.88);
  border-color:rgba(148,163,184,.24);
}

body[data-theme="light"] .pay-box-modern,
body[data-theme="light"] .pay-box.payment-soft,
body[data-theme="light"] .pay-toggle-label-modern,
body[data-theme="light"] .pay-toggle-label.payment-soft{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(56,189,248,.1), transparent 58%),
    linear-gradient(165deg, rgba(255,255,255,.92), rgba(240,249,255,.88));
  border-color:rgba(14,165,233,.2);
  box-shadow:0 10px 24px rgba(14,116,144,.08);
}

body[data-theme="light"] .calendar-payment-overflow-indicator{
  background:rgba(14,165,233,.08);
  border-color:rgba(14,165,233,.18);
  color:#0f172a;
}

body[data-theme="light"] .calendar-payment-overflow-icon{
  background:rgba(14,165,233,.12);
}

body[data-theme="light"] .modalx{
  background:rgba(255,255,255,.98);
  border-color:rgba(148,163,184,.22);
  box-shadow:0 26px 60px rgba(15,23,42,.16);
}

body[data-theme="light"] .modalx-header,
body[data-theme="light"] .modalx-actions{
  border-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .swalx-backdrop{
  background:rgba(226,232,240,.5);
}

body[data-theme="light"] .swalx-dialog{
  background:rgba(255,255,255,.98);
  border-color:rgba(148,163,184,.24);
  box-shadow:0 24px 60px rgba(15,23,42,.14);
}

body[data-theme="light"] .swalx-title{
  color:#0f172a;
}

body[data-theme="light"] .swalx-text,
body[data-theme="light"] .swalx-hint{
  color:rgba(51,65,85,.78);
}

body[data-theme="light"] .toast{
  background:rgba(255,255,255,.94);
  border-color:rgba(148,163,184,.24);
  color:#0f172a;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}

body[data-theme="light"] .mini-grid th,
body[data-theme="light"] .schedule-sub,
body[data-theme="light"] .planning-appt-status-editor label,
body[data-theme="light"] .calendar-appt-label,
body[data-theme="light"] .calendar-appt-status-editor label,
body[data-theme="light"] .calendar-appt-status-feedback,
body[data-theme="light"] .calendar-payment-main span,
body[data-theme="light"] .calendar-payment-sub,
body[data-theme="light"] .calendar-appt-sub,
body[data-theme="light"] .calendar-appt-contact{
  color:rgba(71,85,105,.74);
}

body[data-theme="light"] .mini-grid td{
  color:#334155;
}

body[data-theme="light"] .mini-grid td.mini-empty{
  color:rgba(148,163,184,.6);
}

body[data-theme="light"] .mini-grid td.mini-selected{
  background:rgba(109,94,252,.1);
  outline-color:rgba(109,94,252,.24);
}

body[data-theme="light"] .mini-grid td.mini-today{
  color:#4338ca;
}

body[data-theme="light"] .fc .fc-scrollgrid,
body[data-theme="light"] .fc .fc-theme-standard td,
body[data-theme="light"] .fc .fc-theme-standard th{
  border-color:rgba(148,163,184,.24);
}

body[data-theme="light"] .fc .fc-col-header-cell{
  background:rgba(248,250,252,.96);
}

body[data-theme="light"] .fc .fc-col-header-cell-cushion{
  color:#334155;
}

body[data-theme="light"] .fc .fc-daygrid-day-number{
  color:rgba(71,85,105,.78);
}

body[data-theme="light"] .fc .fc-daygrid-day-frame{
  background:rgba(255,255,255,.74);
}

body[data-theme="light"] .fc .fc-daygrid-day.has-status{
  background:var(--day-status-bg, rgba(56,189,248,.1));
}

body[data-theme="light"] .fc .fc-daygrid-day.fc-day-today{
  background:rgba(109,94,252,.05);
}

body[data-theme="light"] .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
  background:linear-gradient(180deg, rgba(109,94,252,.12), rgba(255,255,255,.82));
  box-shadow:inset 0 0 0 1px rgba(109,94,252,.22);
}

body[data-theme="light"] .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{
  color:#4338ca;
}

body[data-theme="light"] .fc .calendar-event-client,
body[data-theme="light"] .calendar-appt-name,
body[data-theme="light"] .calendar-appt-value,
body[data-theme="light"] .calendar-payment-main{
  color:#0f172a;
}

body[data-theme="light"] .fc-day-dot{
  box-shadow:0 0 0 1px rgba(15,23,42,.14);
}

body[data-theme="light"] .schedule-scroller{
  border-color:rgba(148,163,184,.22);
  box-shadow:0 16px 32px rgba(15,23,42,.08);
}

body[data-theme="light"] .schedule-table th{
  background:rgba(248,250,252,.96);
  color:#0f172a;
}

body[data-theme="light"] .schedule-table td:first-child,
body[data-theme="light"] .schedule-table th:first-child{
  background:rgba(248,250,252,.98);
  color:rgba(71,85,105,.8);
  box-shadow:1px 0 0 rgba(148,163,184,.18);
}

body[data-theme="light"] .schedule-table th,
body[data-theme="light"] .schedule-table td{
  border-bottom-color:rgba(148,163,184,.18);
  border-right-color:rgba(148,163,184,.16);
}

body[data-theme="light"] .schedule-table th.is-hover-col{
  background:linear-gradient(180deg, rgba(56,189,248,.14), rgba(248,250,252,.96));
  color:#0f172a;
  box-shadow:inset 0 0 0 1px rgba(14,165,233,.16);
}

body[data-theme="light"] .schedule-table td:first-child.is-hover-row{
  background:linear-gradient(180deg, rgba(109,94,252,.12), rgba(248,250,252,.98));
  color:#4338ca;
}

body[data-theme="light"] .schedule-table td.is-hover-row:not(:first-child){
  background:rgba(109,94,252,.05);
}

body[data-theme="light"] .schedule-table td.is-hover-col:not(:first-child){
  background:rgba(56,189,248,.05);
}

body[data-theme="light"] .slot-cell{
  background:rgba(255,255,255,.62);
}

body[data-theme="light"] .slot-cell:hover{
  background:rgba(109,94,252,.05);
}

body[data-theme="light"] .slot-cell.is-hover-row:not(.is-drop-target):not(.is-drop-blocked):not(.is-dragging){
  background:rgba(109,94,252,.06);
}

body[data-theme="light"] .slot-cell.is-hover-col:not(.is-drop-target):not(.is-drop-blocked):not(.is-dragging){
  background:rgba(56,189,248,.06);
}

body[data-theme="light"] .slot-cell.is-hover-row.is-hover-col:not(.is-drop-target):not(.is-drop-blocked):not(.is-dragging){
  background:linear-gradient(145deg, rgba(109,94,252,.12), rgba(56,189,248,.1));
}

body[data-theme="light"] .slot-cell.is-hover-focus:not(.is-drop-target):not(.is-drop-blocked){
  box-shadow:inset 0 0 0 1px rgba(109,94,252,.24), inset 0 0 24px rgba(109,94,252,.05);
}

body[data-theme="light"] .appt-chip .t2,
body[data-theme="light"] .appt-chip .t3{
  color:rgba(30,41,59,.72);
}

body[data-theme="light"] .appt-chip::after{
  background:rgba(15,23,42,.14);
}

body[data-theme="light"] .schedule-title-wrap.is-today{
  color:#312e81;
  border-color:rgba(109,94,252,.26);
  background:linear-gradient(180deg, rgba(109,94,252,.14), rgba(255,255,255,.88));
  box-shadow:0 12px 24px rgba(109,94,252,.08);
}

body[data-theme="light"] .schedule-title-wrap.is-today .schedule-sub{
  color:#4338ca;
}

body[data-theme="light"] .schedule-sub::before{
  border-color:rgba(109,94,252,.32);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 7.5v4l2.8 1.8' stroke='%234338ca' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='7.2' stroke='%234338ca' stroke-width='1.7'/%3E%3C/svg%3E") center / 11px 11px no-repeat,
    linear-gradient(180deg, rgba(109,94,252,.18), rgba(196,181,253,.22));
  box-shadow:0 8px 16px rgba(109,94,252,.12), inset 0 1px 0 rgba(255,255,255,.86);
}

body[data-theme="light"] .schedule-title-wrap.is-today .schedule-sub::before{
  border-color:rgba(109,94,252,.42);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 7.5v4l2.8 1.8' stroke='%234338ca' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='7.2' stroke='%234338ca' stroke-width='1.7'/%3E%3C/svg%3E") center / 11px 11px no-repeat,
    linear-gradient(180deg, rgba(109,94,252,.26), rgba(196,181,253,.28));
  box-shadow:0 8px 18px rgba(109,94,252,.16), inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .calendar-appt-hero{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(56,189,248,.12), transparent 58%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(240,249,255,.88));
  border-color:rgba(14,165,233,.18);
}

body[data-theme="light"] .calendar-appt-note{
  color:#334155;
}

body[data-theme="light"] .dash-hero,
body[data-theme="light"] .dash-kpi,
body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card,
body[data-theme="light"] .clients-grid--admin .client-card,
body[data-theme="light"] .client-detail-shell .clients-head,
body[data-theme="light"] .client-detail-shell .client-side-panel,
body[data-theme="light"] .client-summary-list .client-meta-row,
body[data-theme="light"] .client-appointment-row,
body[data-theme="light"] .client-appointments-page,
body[data-theme="light"] .staff-detail-shell .staff-page-head,
body[data-theme="light"] .staff-stat,
body[data-theme="light"] .staff-table-wrap,
body[data-theme="light"] .staff-mobile-card,
body[data-theme="light"] .staff-mobile-meta div,
body[data-theme="light"] .staff-detail-shell .staff-side-panel,
body[data-theme="light"] .staff-summary-list .staff-meta-row,
body[data-theme="light"] .staff-form-group,
body[data-theme="light"] .staff-toggle,
body[data-theme="light"] .settings-shell,
body[data-theme="light"] .settings-panel,
body[data-theme="light"] .settings-switch,
body[data-theme="light"] .settings-meta-card,
body[data-theme="light"] .settings-reset-preview-card,
body[data-theme="light"] .settings-reset-alert,
body[data-theme="light"] .settings-reset-item,
body[data-theme="light"] .settings-reset-auth,
body[data-theme="light"] .system-settings-shell,
body[data-theme="light"] .system-settings-panel,
body[data-theme="light"] .system-settings-create-form,
body[data-theme="light"] .system-settings-table-wrap,
body[data-theme="light"] .system-settings-item,
body[data-theme="light"] .system-settings-empty,
body[data-theme="light"] .system-settings-switch,
body[data-theme="light"] .system-settings-status-color-pill,
body[data-theme="light"] .notif-hero,
body[data-theme="light"] .notif-stat,
body[data-theme="light"] .notif-card,
body[data-theme="light"] .finance-kpi,
body[data-theme="light"] .finance-table-wrap,
body[data-theme="light"] .finance-table tr,
body[data-theme="light"] .finance-mobile-card,
body[data-theme="light"] .finance-empty-card,
body[data-theme="light"] .appointment-detail-shell .appointments-head,
body[data-theme="light"] .appointment-detail-hero,
body[data-theme="light"] .appointment-detail-hero-item,
body[data-theme="light"] .appointment-detail-badge,
body[data-theme="light"] .appointment-detail-kicker{
  color:#0f172a;
  border-color:rgba(148,163,184,.22);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

body[data-theme="light"] .dash-hero,
body[data-theme="light"] .dash-kpi,
body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card,
body[data-theme="light"] .clients-grid--admin .client-card,
body[data-theme="light"] .client-detail-shell .clients-head,
body[data-theme="light"] .client-detail-shell .client-side-panel,
body[data-theme="light"] .client-summary-list .client-meta-row,
body[data-theme="light"] .client-appointment-row,
body[data-theme="light"] .staff-detail-shell .staff-page-head,
body[data-theme="light"] .staff-mobile-card,
body[data-theme="light"] .staff-detail-shell .staff-side-panel,
body[data-theme="light"] .staff-summary-list .staff-meta-row,
body[data-theme="light"] .staff-form-group,
body[data-theme="light"] .appointment-detail-shell .appointments-head,
body[data-theme="light"] .appointment-detail-hero{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.09), transparent 62%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(241,245,249,.88));
}

body[data-theme="light"] .dash-sub,
body[data-theme="light"] .dash-kpi .small-muted,
body[data-theme="light"] .dash-kpi-note,
body[data-theme="light"] .dash-kpi-note-meta,
body[data-theme="light"] .dash-item-meta,
body[data-theme="light"] .dash-time-pill,
body[data-theme="light"] .dash-stat-meta,
body[data-theme="light"] .dash-health-title,
body[data-theme="light"] .dash-health-sub,
body[data-theme="light"] .dash-empty,
body[data-theme="light"] .client-detail-intro-copy,
body[data-theme="light"] .client-appointment-label,
body[data-theme="light"] .client-appointment-value .small-muted,
body[data-theme="light"] .client-appointments-empty,
body[data-theme="light"] .client-appointments-loading,
body[data-theme="light"] .client-meta dt,
body[data-theme="light"] .client-meta dt.with-icon,
body[data-theme="light"] .client-side-list,
body[data-theme="light"] .client-summary-list dt.with-icon,
body[data-theme="light"] .staff-detail-intro-copy,
body[data-theme="light"] .staff-stat-label,
body[data-theme="light"] .staff-table th,
body[data-theme="light"] .staff-table-sub,
body[data-theme="light"] .staff-mobile-meta dt,
body[data-theme="light"] .staff-side-list,
body[data-theme="light"] .staff-meta dt,
body[data-theme="light"] .staff-meta dt.with-icon,
body[data-theme="light"] .staff-summary-list dt.with-icon,
body[data-theme="light"] .staff-form-group-note,
body[data-theme="light"] .staff-toggle small,
body[data-theme="light"] .settings-sub,
body[data-theme="light"] .settings-panel-note,
body[data-theme="light"] .settings-switch-note,
body[data-theme="light"] .settings-range-label,
body[data-theme="light"] .settings-range-legend,
body[data-theme="light"] .settings-meta-label,
body[data-theme="light"] .settings-reset-preview-note,
body[data-theme="light"] .settings-reset-summary,
body[data-theme="light"] .settings-reset-item-note,
body[data-theme="light"] .system-settings-subtitle,
body[data-theme="light"] .system-settings-panel-note,
body[data-theme="light"] .system-settings-action-note,
body[data-theme="light"] .system-settings-item-meta,
body[data-theme="light"] .system-settings-empty,
body[data-theme="light"] .notif-hero-sub,
body[data-theme="light"] .notif-stat-label,
body[data-theme="light"] .notif-table .sub,
body[data-theme="light"] .notif-empty,
body[data-theme="light"] .notif-card-meta dt,
body[data-theme="light"] .finance-subtitle,
body[data-theme="light"] .finance-kpi strong,
body[data-theme="light"] .finance-kpi-note,
body[data-theme="light"] .finance-table-sub,
body[data-theme="light"] .finance-mobile-card .small-muted,
body[data-theme="light"] .finance-mobile-meta dt,
body[data-theme="light"] .finance-empty,
body[data-theme="light"] .finance-table td::before,
body[data-theme="light"] .appointment-meta dt,
body[data-theme="light"] .appointments-intro,
body[data-theme="light"] .appointments-filter-field label,
body[data-theme="light"] .appointment-detail-hero-item dt,
body[data-theme="light"] .appointment-detail-hero-sub,
body[data-theme="light"] .appointment-detail-badge,
body[data-theme="light"] .appointment-detail-kicker{
  color:rgba(71,85,105,.78);
}

body[data-theme="light"] .dash-title,
body[data-theme="light"] .dash-kpi-value,
body[data-theme="light"] .dash-day-btn,
body[data-theme="light"] .dash-day-btn.is-active,
body[data-theme="light"] .dash-item-title,
body[data-theme="light"] .dash-stat-name,
body[data-theme="light"] .dash-health-value,
body[data-theme="light"] .client-name,
body[data-theme="light"] .client-appointments-total,
body[data-theme="light"] .client-appointment-date,
body[data-theme="light"] .client-appointment-line,
body[data-theme="light"] .client-appointment-value,
body[data-theme="light"] .client-appointments-page,
body[data-theme="light"] .client-summary-list dd,
body[data-theme="light"] .staff-stat-value,
body[data-theme="light"] .staff-mobile-name,
body[data-theme="light"] .staff-count-pill,
body[data-theme="light"] .staff-summary-list dd,
body[data-theme="light"] .settings-switch-title,
body[data-theme="light"] .settings-range-value,
body[data-theme="light"] .settings-meta-value,
body[data-theme="light"] .settings-reset-preview-title,
body[data-theme="light"] .settings-reset-item-title,
body[data-theme="light"] .settings-reset-item-count,
body[data-theme="light"] .settings-reset-item-state,
body[data-theme="light"] .system-settings-toggle,
body[data-theme="light"] .system-settings-table td,
body[data-theme="light"] .system-settings-switch,
body[data-theme="light"] .system-settings-status-color-pill,
body[data-theme="light"] .notif-stat-value,
body[data-theme="light"] .notif-table .main,
body[data-theme="light"] .notif-pill,
body[data-theme="light"] .notif-card-meta dd,
body[data-theme="light"] .finance-kpi-value,
body[data-theme="light"] .finance-table-main,
body[data-theme="light"] .finance-money,
body[data-theme="light"] .finance-pill,
body[data-theme="light"] .finance-mobile-name,
body[data-theme="light"] .finance-mobile-meta dd,
body[data-theme="light"] .appointment-detail-title,
body[data-theme="light"] .appointment-detail-hero-title,
body[data-theme="light"] .appointment-detail-hero-item dd,
body[data-theme="light"] .appointment-detail-badge.is-status{
  color:#0f172a;
}

body[data-theme="light"] .dash-day-switch,
body[data-theme="light"] .dash-time-pill,
body[data-theme="light"] .client-appointments-page,
body[data-theme="light"] .staff-count-pill,
body[data-theme="light"] .settings-toggle-ui,
body[data-theme="light"] .system-settings-switch,
body[data-theme="light"] .notif-pill,
body[data-theme="light"] .finance-pill,
body[data-theme="light"] .appointment-detail-badge{
  background:rgba(255,255,255,.72);
  border-color:rgba(148,163,184,.22);
}

body[data-theme="light"] .dash-day-btn.is-active{
  background:rgba(22,163,74,.12);
  border-color:rgba(22,163,74,.24);
}

body[data-theme="light"] .dash-title-icon,
body[data-theme="light"] .dash-health-title-icon{
  background:rgba(255,255,255,.74);
  border-color:rgba(148,163,184,.22);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

body[data-theme="light"] .dash-progress{
  background:rgba(148,163,184,.16);
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}

body[data-theme="light"] .client-card-head::after,
body[data-theme="light"] .staff-form-group-head,
body[data-theme="light"] .appointment-detail-hero-head{
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .clients-grid--admin .client-card-head::after{
  background:linear-gradient(90deg, rgba(148,163,184,.24), rgba(56,189,248,.28), rgba(148,163,184,.12));
}

body[data-theme="light"] .client-action-btn,
body[data-theme="light"] .client-appointments-btn,
body[data-theme="light"] .staff-search button[type="submit"],
body[data-theme="light"] .finance-btn-filter{
  color:#0f172a;
}

body[data-theme="light"] .settings-toggle-ui{
  border-color:rgba(148,163,184,.24);
  background:rgba(148,163,184,.14);
}

body[data-theme="light"] .settings-toggle-ui::after{
  background:#ffffff;
}

body[data-theme="light"] .settings-reset-alert{
  color:#334155;
}

body[data-theme="light"] .settings-reset-item.is-locked{
  background:linear-gradient(145deg, rgba(245,158,11,.08), rgba(255,255,255,.82));
  border-color:rgba(245,158,11,.2);
}

body[data-theme="light"] .settings-reset-item-state{
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.2);
  color:#92400e;
}

body[data-theme="light"] .system-settings-alert{
  color:#0f172a;
}

body[data-theme="light"] .system-settings-alert.is-success{
  color:#166534;
}

body[data-theme="light"] .system-settings-alert.is-danger{
  color:#991b1b;
}

body[data-theme="light"] .system-settings-tab.is-active{
  color:#14532d;
  background:rgba(22,163,74,.14);
  border-color:rgba(22,163,74,.26);
}

body[data-theme="light"] .system-settings-table th{
  color:rgba(71,85,105,.78);
  background:rgba(248,250,252,.94);
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .system-settings-table td{
  border-bottom-color:rgba(148,163,184,.16);
}

body[data-theme="light"] .notif-flash,
body[data-theme="light"] .settings-flash,
body[data-theme="light"] .client-flash,
body[data-theme="light"] .staff-flash{
  color:#0f172a;
}

body[data-theme="light"] .notif-card,
body[data-theme="light"] .notif-stat,
body[data-theme="light"] .finance-kpi{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.08), transparent 68%),
    linear-gradient(165deg, rgba(255,255,255,.94), rgba(241,245,249,.88));
}

body[data-theme="light"] .notif-table .main,
body[data-theme="light"] .notif-card-meta dd{
  color:#0f172a;
}

body[data-theme="light"] .finance-kpi-icon,
body[data-theme="light"] .dash-kpi-icon{
  box-shadow:none;
}

body[data-theme="light"] .finance-pill.method,
body[data-theme="light"] .finance-pill.admin{
  color:#075985;
}

body[data-theme="light"] .finance-pill.employee{
  color:#166534;
}

body[data-theme="light"] .finance-btn-clear{
  color:#7f1d1d;
}

body[data-theme="light"] .appointment-detail-badge.is-status{
  background:rgba(22,163,74,.12);
  border-color:rgba(22,163,74,.22);
}

body[data-theme="light"] .appointment-detail-hero-item-status{
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}

body[data-theme="light"] .calendar-payment-page{
  border-color:rgba(148,163,184,.24);
  background:rgba(255,255,255,.88);
  color:#334155;
}

body[data-theme="light"] .calendar-payment-page:hover{
  border-color:rgba(14,165,233,.24);
  background:rgba(224,242,254,.82);
}

body[data-theme="light"] .calendar-payment-page.is-active{
  border-color:rgba(14,165,233,.34);
  background:rgba(14,165,233,.14);
  color:#0f172a;
}

body[data-theme="light"] .smart-pager-link.is-current{
  border-color:rgba(109,94,252,.32);
  color:#312e81;
  background:linear-gradient(165deg, rgba(109,94,252,.18), rgba(124,92,255,.08));
  box-shadow:0 10px 22px rgba(109,94,252,.12), inset 0 1px 0 rgba(255,255,255,.5);
}

body[data-theme="light"] .smart-pager-gap{
  color:rgba(71,85,105,.78);
}

body[data-theme="light"] .clients-top-card,
body[data-theme="light"] .clients-empty,
body[data-theme="light"] .clients-pager,
body[data-theme="light"] .admin-accounts-panel,
body[data-theme="light"] .admin-accounts-kpi{
  border-color:rgba(148,163,184,.22);
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.07), transparent 68%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(241,245,249,.88));
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

body[data-theme="light"] .client-meta dd,
body[data-theme="light"] .admin-accounts-meta-row dd,
body[data-theme="light"] .admin-accounts-kpi-value,
body[data-theme="light"] .client-detail-kicker,
body[data-theme="light"] .client-name-highlight{
  color:#0f172a;
}

body[data-theme="light"] .client-detail-kicker,
body[data-theme="light"] .client-name-highlight{
  border-color:rgba(14,165,233,.24);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(56,189,248,.12), transparent 58%),
    linear-gradient(165deg, rgba(255,255,255,.94), rgba(240,249,255,.88));
  box-shadow:0 10px 22px rgba(14,116,144,.08);
}

body[data-theme="light"] .client-action-btn,
body[data-theme="light"] .client-appointments-btn{
  color:#0f172a;
}

body[data-theme="light"] .client-appointments-btn{
  border-color:rgba(20,184,166,.24);
  background:linear-gradient(170deg, rgba(20,184,166,.1), rgba(45,212,191,.05));
}

body[data-theme="light"] .client-appointment-payment,
body[data-theme="light"] .client-card .small-muted,
body[data-theme="light"] .admin-accounts-note,
body[data-theme="light"] .admin-accounts-policy{
  color:rgba(71,85,105,.82);
}

body[data-theme="light"] .admin-accounts-meta-row dt,
body[data-theme="light"] .admin-accounts-kpi-label{
  color:rgba(71,85,105,.76);
}

body[data-theme="light"] .appointment-card,
body[data-theme="light"] .appointments-empty,
body[data-theme="light"] .appointments-pager,
body[data-theme="light"] .appointment-record-summary,
body[data-theme="light"] .appointment-record-item,
body[data-theme="light"] .appointment-summary,
body[data-theme="light"] .appointment-side-panel,
body[data-theme="light"] .appointment-payment-toggle,
body[data-theme="light"] .appointment-payment-drawer,
body[data-theme="light"] .appointment-payment-summary-card,
body[data-theme="light"] .payment-summary-tile,
body[data-theme="light"] .payment-history-table-wrap,
body[data-theme="light"] .payment-entry,
body[data-theme="light"] .payment-entry-info-item,
body[data-theme="light"] .payment-entry-note,
body[data-theme="light"] .payment-empty{
  border-color:rgba(148,163,184,.22);
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

body[data-theme="light"] .appointment-card,
body[data-theme="light"] .appointments-empty,
body[data-theme="light"] .appointments-pager,
body[data-theme="light"] .appointment-summary,
body[data-theme="light"] .appointment-side-panel,
body[data-theme="light"] .payment-summary-tile,
body[data-theme="light"] .payment-empty{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.07), transparent 68%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(241,245,249,.88));
}

body[data-theme="light"] .appointment-record-summary,
body[data-theme="light"] .appointment-payment-toggle,
body[data-theme="light"] .appointment-payment-drawer,
body[data-theme="light"] .payment-entry{
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(56,189,248,.12), transparent 58%),
    linear-gradient(165deg, rgba(255,255,255,.96), rgba(240,249,255,.88));
}

body[data-theme="light"] .appointment-record-item,
body[data-theme="light"] .appointment-payment-summary-card,
body[data-theme="light"] .payment-entry-info-item,
body[data-theme="light"] .payment-entry-note{
  background:rgba(248,250,252,.88);
}

body[data-theme="light"] .payment-history-table-wrap{
  background:rgba(255,255,255,.92);
}

body[data-theme="light"] .payment-history-table thead th{
  color:rgba(71,85,105,.76);
  background:rgba(248,250,252,.96);
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .payment-history-table tbody td{
  color:#0f172a;
  border-bottom-color:rgba(148,163,184,.14);
}

body[data-theme="light"] .payment-history-table tbody tr:hover td{
  background:rgba(14,165,233,.05);
}

body[data-theme="light"] .appointment-title,
body[data-theme="light"] .appointment-meta dd,
body[data-theme="light"] .appointment-record-item dd,
body[data-theme="light"] .appointment-payment-summary-value,
body[data-theme="light"] .payment-summary-value,
body[data-theme="light"] .payment-history-collector,
body[data-theme="light"] .payment-entry-amount,
body[data-theme="light"] .payment-entry-info-item dd,
body[data-theme="light"] .payment-entry-note strong,
body[data-theme="light"] .payment-table-action-none{
  color:#0f172a;
}

body[data-theme="light"] .appointment-time,
body[data-theme="light"] .appointment-meta dt,
body[data-theme="light"] .appointment-meta dt.with-icon,
body[data-theme="light"] .appointment-side-list,
body[data-theme="light"] .appointment-record-item dt,
body[data-theme="light"] .appointment-payment-toggle small,
body[data-theme="light"] .appointment-payment-drawer-copy,
body[data-theme="light"] .appointment-payment-summary-card strong,
body[data-theme="light"] .payment-summary-tile strong,
body[data-theme="light"] .payment-summary-note,
body[data-theme="light"] .payment-history-date,
body[data-theme="light"] .payment-history-note,
body[data-theme="light"] .payment-delete-modal-copy,
body[data-theme="light"] .payment-entry-time,
body[data-theme="light"] .payment-entry-info-item dt,
body[data-theme="light"] .payment-entry-note{
  color:rgba(71,85,105,.78);
}

body[data-theme="light"] .appointment-time{
  color:rgba(71,85,105,.72);
}

body[data-theme="light"] .appointment-record-status.status-pending{
  color:#92400e;
}

body[data-theme="light"] .appointment-record-status.status-confirmed{
  color:#166534;
}

body[data-theme="light"] .appointment-record-status.status-completed{
  color:#0b0c0d;
}

body[data-theme="light"] .appointment-record-status.status-cancelled{
  color:#991b1b;
}

body[data-theme="light"] .appointment-record-badge{
  border-color:rgba(14,165,233,.24);
  background:rgba(14,165,233,.1);
  color:#075985;
}

body[data-theme="light"] .dash-hero-logo,
body[data-theme="light"] .dash-title-icon,
body[data-theme="light"] .dash-health-title-icon{
  background:rgba(248,250,252,.92);
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

body[data-theme="light"] .payment-history-amount{
  border-color:rgba(14,165,233,.2);
  background:rgba(14,165,233,.1);
  color:#075985;
}

body[data-theme="light"] .payment-chip{
  border-color:rgba(148,163,184,.22);
  background:rgba(255,255,255,.88);
  color:#0f172a;
}

/* Light Theme Refinement */
body[data-theme="light"]{
  --light-surface-main:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,253,.94));
  --light-surface-soft:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,252,.9));
  --light-surface-accent:linear-gradient(165deg, rgba(255,255,255,.98), rgba(239,246,255,.92));
  --light-surface-muted:rgba(248,250,252,.9);
  --light-border-strong:rgba(148,163,184,.22);
  --light-border-soft:rgba(148,163,184,.16);
  --light-text-strong:#0f172a;
  --light-text-soft:#64748b;
  --light-shadow-sm:0 10px 24px rgba(15,23,42,.05);
  --light-shadow-md:0 18px 38px rgba(15,23,42,.07);
  --light-shadow-lg:0 24px 50px rgba(15,23,42,.08);
  --light-ring:0 0 0 4px rgba(56,189,248,.08);
  background:
    radial-gradient(1200px 760px at -8% -10%, rgba(109,94,252,.18), transparent 56%),
    radial-gradient(1100px 760px at 108% 0%, rgba(14,165,233,.16), transparent 52%),
    linear-gradient(180deg, #fbfdff 0%, #f1f6fc 100%);
}

body[data-theme="light"] .headerx{
  background:rgba(255,255,255,.78);
  border-bottom-color:rgba(148,163,184,.18);
  box-shadow:0 14px 34px rgba(15,23,42,.05);
  backdrop-filter:blur(18px);
}

body[data-theme="light"] .cardx,
body[data-theme="light"] .mini-month,
body[data-theme="light"] .notif-panel,
body[data-theme="light"] .user-panel,
body[data-theme="light"] .mobile-nav-panel{
  background:var(--light-surface-main);
  border-color:var(--light-border-strong);
  box-shadow:var(--light-shadow-md), inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .cardx-title,
body[data-theme="light"] h3.cardx-title,
body[data-theme="light"] h4.cardx-title{
  color:var(--light-text-strong);
}

body[data-theme="light"] h3.cardx-title:not(.dash-title-with-icon):not(.mini-title):not(.appointment-detail-title):not(.staff-detail-title):not(.client-detail-title)::before{
  border-color:rgba(109,94,252,.2);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3.6 4.8 6.8v5.1c0 4.4 3 8.5 7.2 9.8 4.2-1.3 7.2-5.4 7.2-9.8V6.8L12 3.6Z' stroke='%231e293b' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='m9.2 12.1 1.8 1.8 3.8-3.8' stroke='%231e293b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat,
    linear-gradient(180deg, rgba(109,94,252,.18), rgba(56,189,248,.12));
  box-shadow:0 8px 18px rgba(109,94,252,.1), inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-theme="light"] .btnx,
body[data-theme="light"] .pill,
body[data-theme="light"] .badge-soft{
  background:var(--light-surface-soft);
  border-color:var(--light-border-strong);
  color:var(--light-text-strong);
  box-shadow:0 8px 18px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-theme="light"] .btnx:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(240,249,255,.94));
  border-color:rgba(56,189,248,.24);
  box-shadow:0 12px 24px rgba(15,23,42,.06), var(--light-ring);
  transform:translateY(-1px);
}

body[data-theme="light"] .btnx.primary{
  background:linear-gradient(180deg, rgba(109,94,252,.18), rgba(124,92,255,.1));
  border-color:rgba(109,94,252,.24);
  color:#312e81;
}

body[data-theme="light"] .btnx.success{
  background:linear-gradient(180deg, rgba(34,197,94,.16), rgba(74,222,128,.08));
  border-color:rgba(34,197,94,.22);
  color:#166534;
}

body[data-theme="light"] .btnx.danger{
  background:linear-gradient(180deg, rgba(239,68,68,.12), rgba(254,226,226,.08));
  border-color:rgba(239,68,68,.18);
  color:#991b1b;
}

body[data-theme="light"] .badge-soft,
body[data-theme="light"] .pill{
  background:rgba(255,255,255,.86);
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .inline-search-select-trigger{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
  border-color:var(--light-border-strong);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.92), 0 1px 2px rgba(15,23,42,.03);
  color:#1e293b;
}

body[data-theme="light"] input:focus,
body[data-theme="light"] select:focus,
body[data-theme="light"] textarea:focus{
  border-color:rgba(56,189,248,.32);
  box-shadow:0 0 0 4px rgba(56,189,248,.1), 0 12px 24px rgba(14,116,144,.08);
}

body[data-theme="light"] .tablex th{
  background:rgba(248,250,252,.92);
  color:rgba(51,65,85,.8);
  border-bottom-color:var(--light-border-soft);
}

body[data-theme="light"] .tablex td{
  color:var(--light-text-strong);
  border-bottom-color:rgba(148,163,184,.14);
}

body[data-theme="light"] .data-row:hover{
  background:linear-gradient(180deg, rgba(224,242,254,.42), rgba(255,255,255,.86));
}

body[data-theme="light"] #mini-calendars::-webkit-scrollbar-thumb,
body[data-theme="light"] #mini-calendars2::-webkit-scrollbar-thumb,
body[data-theme="light"] .inline-search-select-options::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(109,94,252,.44), rgba(14,165,233,.34));
}

body[data-theme="light"] .mini-month{
  background:var(--light-surface-soft);
  border-color:var(--light-border-strong);
}

body[data-theme="light"] .mini-month-title{
  color:var(--light-text-strong);
}

body[data-theme="light"] .mini-grid th{
  color:rgba(71,85,105,.74);
}

body[data-theme="light"] .mini-grid td{
  color:#334155;
}

body[data-theme="light"] .mini-grid td:hover{
  background:rgba(109,94,252,.08);
  outline-color:rgba(109,94,252,.2);
}

body[data-theme="light"] .mini-grid td.mini-selected{
  background:rgba(109,94,252,.12);
}

body[data-theme="light"] .mini-grid td.mini-today{
  background:linear-gradient(180deg, rgba(109,94,252,.18), rgba(196,181,253,.16));
  color:#4338ca;
}

body[data-theme="light"] .fc .fc-scrollgrid{
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.7);
  box-shadow:var(--light-shadow-md);
}

body[data-theme="light"] .fc .fc-col-header-cell{
  background:rgba(248,250,252,.96);
}

body[data-theme="light"] .fc .fc-col-header-cell-cushion{
  color:#334155;
}

body[data-theme="light"] .fc .fc-daygrid-day-frame{
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,248,252,.84));
}

body[data-theme="light"] .fc .fc-daygrid-day:hover .fc-daygrid-day-frame{
  background:linear-gradient(180deg, rgba(224,242,254,.55), rgba(255,255,255,.92));
}

body[data-theme="light"] .fc .fc-daygrid-day-number{
  color:rgba(71,85,105,.8);
}

body[data-theme="light"] .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
  background:linear-gradient(180deg, rgba(109,94,252,.18), rgba(255,255,255,.88));
  box-shadow:inset 0 0 0 1px rgba(109,94,252,.24);
}

body[data-theme="light"] .fc .fc-daygrid-event{
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

body[data-theme="light"] .fc .fc-daygrid-event,
body[data-theme="light"] .fc .fc-daygrid-event .calendar-event-client{
  color:#0f172a !important;
}

body[data-theme="light"] .fc .fc-list-event:hover td{
  background:rgba(224,242,254,.4);
}

body[data-theme="light"] .schedule-scroller{
  background:var(--light-surface-main);
  border-color:var(--light-border-strong);
  box-shadow:var(--light-shadow-lg), inset 0 1px 0 rgba(255,255,255,.8);
}

body[data-theme="light"] .schedule-table th{
  background:rgba(248,250,252,.96);
  color:#0f172a;
}

body[data-theme="light"] .schedule-table th:first-child,
body[data-theme="light"] .schedule-table td:first-child{
  background:rgba(248,250,252,.98);
  box-shadow:1px 0 0 rgba(148,163,184,.16);
}

body[data-theme="light"] .slot-cell{
  background:rgba(255,255,255,.72);
}

body[data-theme="light"] .appt-chip{
  background:var(--appt-bg);
  border-color:var(--appt-border);
  box-shadow:0 10px 20px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.28);
}

body[data-theme="light"] .appt-chip .t1{
  color:#0f172a;
}

body[data-theme="light"] .appt-chip .t2,
body[data-theme="light"] .appt-chip .t3{
  color:rgba(71,85,105,.74);
}

body[data-theme="light"] .dash-hero{
  background:
    radial-gradient(140% 130% at 12% 0%, rgba(56,189,248,.14), transparent 58%),
    radial-gradient(120% 110% at 100% 100%, rgba(109,94,252,.14), transparent 62%),
    linear-gradient(165deg, rgba(255,255,255,.98), rgba(244,248,253,.92));
  border-color:rgba(148,163,184,.2);
  box-shadow:0 24px 48px rgba(15,23,42,.08);
}

body[data-theme="light"] .dash-hero::after{
  background:
    linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(148,163,184,.06) 1px, transparent 1px);
  opacity:.28;
}

body[data-theme="light"] .dash-kpi{
  border-color:color-mix(in srgb, var(--kpi-accent) 24%, rgba(148,163,184,.22));
  background:
    radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, var(--kpi-accent) 15%, transparent), transparent 60%),
    radial-gradient(120% 120% at 0% 100%, color-mix(in srgb, var(--kpi-accent) 9%, transparent), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,253,.92));
  box-shadow:0 14px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .dash-kpi:hover{
  box-shadow:0 18px 34px rgba(15,23,42,.08), 0 0 0 4px color-mix(in srgb, var(--kpi-accent) 10%, transparent);
}

body[data-theme="light"] .dash-kpi-icon{
  background:color-mix(in srgb, var(--kpi-accent) 10%, rgba(255,255,255,.94));
  border-color:color-mix(in srgb, var(--kpi-accent) 28%, rgba(148,163,184,.24));
  color:color-mix(in srgb, var(--kpi-accent) 78%, #0f172a);
  box-shadow:0 10px 20px rgba(15,23,42,.05);
}

body[data-theme="light"] .dash-kpi-value,
body[data-theme="light"] .dash-title,
body[data-theme="light"] .dash-item-title,
body[data-theme="light"] .dash-stat-name,
body[data-theme="light"] .dash-health-value{
  color:#0f172a;
}

body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card{
  background:var(--light-surface-main);
  border-color:rgba(148,163,184,.18);
  box-shadow:var(--light-shadow-sm), inset 0 1px 0 rgba(255,255,255,.8);
}

body[data-theme="light"] .dash-progress{
  background:#dde6f1;
  box-shadow:inset 0 1px 3px rgba(15,23,42,.08);
}

body[data-theme="light"] .dash-progress > span{
  box-shadow:0 6px 16px rgba(56,189,248,.18);
}

body[data-theme="light"] .dash-time-pill,
body[data-theme="light"] .dash-day-switch,
body[data-theme="light"] .dash-title-icon,
body[data-theme="light"] .dash-health-title-icon{
  background:rgba(255,255,255,.92);
  border-color:rgba(148,163,184,.2);
}

body[data-theme="light"] .dash-day-btn{
  color:#475569;
}

body[data-theme="light"] .dash-day-btn.is-active{
  background:linear-gradient(180deg, rgba(34,197,94,.16), rgba(74,222,128,.08));
  border-color:rgba(34,197,94,.22);
  color:#166534;
}

body[data-theme="light"] .clients-top-card,
body[data-theme="light"] .clients-grid--admin .client-card,
body[data-theme="light"] .client-appointment-row,
body[data-theme="light"] .staff-mobile-card,
body[data-theme="light"] .staff-stat,
body[data-theme="light"] .settings-panel,
body[data-theme="light"] .settings-switch,
body[data-theme="light"] .settings-meta-card,
body[data-theme="light"] .settings-reset-item,
body[data-theme="light"] .system-settings-panel,
body[data-theme="light"] .system-settings-item,
body[data-theme="light"] .notif-stat,
body[data-theme="light"] .notif-card,
body[data-theme="light"] .finance-kpi,
body[data-theme="light"] .finance-mobile-card,
body[data-theme="light"] .appointment-card,
body[data-theme="light"] .appointment-summary,
body[data-theme="light"] .appointment-side-panel,
body[data-theme="light"] .payment-summary-tile,
body[data-theme="light"] .payment-entry{
  background:var(--light-surface-main);
  border-color:rgba(148,163,184,.18);
  box-shadow:var(--light-shadow-sm), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .notif-table-wrap,
body[data-theme="light"] .system-settings-table-wrap,
body[data-theme="light"] .finance-table-wrap,
body[data-theme="light"] .payment-history-table-wrap{
  border-color:rgba(148,163,184,.18);
  box-shadow:var(--light-shadow-sm);
}

body[data-theme="light"] .finance-table-wrap{
  background:#ffffff;
  overflow:hidden;
}

body[data-theme="light"] .finance-table tr{
  box-shadow:none;
}

body[data-theme="light"] .finance-table thead th{
  background:linear-gradient(180deg, rgba(241,247,255,.98), rgba(233,242,252,.94));
  border-bottom-color:rgba(148,163,184,.2);
}

body[data-theme="light"] .finance-table tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,.98);
}

body[data-theme="light"] .finance-table tbody tr:nth-child(even) td{
  background:rgba(247,251,255,.98);
}

body[data-theme="light"] .finance-table tbody tr:hover td{
  background:rgba(238,246,255,.98);
}

body[data-theme="light"] .headerx-logo{
  background:linear-gradient(180deg, rgba(109,94,252,.18), rgba(56,189,248,.12));
  border-color:rgba(109,94,252,.2);
  box-shadow:0 12px 24px rgba(109,94,252,.1), inset 0 1px 0 rgba(255,255,255,.8);
}

body[data-theme="light"] .headerx-brand-title,
body[data-theme="light"] .headerx-brand .small-muted{
  color:var(--light-text-strong);
}

body[data-theme="light"] .mobile-menu-icon,
body[data-theme="light"] .mobile-menu-icon svg{
  color:#111827;
}

body[data-theme="light"] .headerx-nav .btnx,
body[data-theme="light"] .mobile-nav-links .btnx,
body[data-theme="light"] .theme-toggle-btn,
body[data-theme="light"] .fullscreen-btn,
body[data-theme="light"] .bell-btn,
body[data-theme="light"] .user-btn,
body[data-theme="light"] .mobile-menu-btn{
  background:rgba(255,255,255,.84);
  border-color:rgba(148,163,184,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .headerx-nav .btnx.active,
body[data-theme="light"] .mobile-nav-links .btnx.active{
  background:linear-gradient(180deg, rgba(109,94,252,.18), rgba(56,189,248,.1));
  border-color:rgba(109,94,252,.26);
  color:#312e81;
  box-shadow:0 14px 28px rgba(109,94,252,.1), 0 0 0 4px rgba(109,94,252,.08);
}

body[data-theme="light"] .headerx-nav .btnx.active .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx.active .nav-item-icon{
  color:#4f46e5;
}

body[data-theme="light"] .theme-toggle-track{
  background:linear-gradient(180deg, rgba(226,232,240,.8), rgba(255,255,255,.9));
  border-color:rgba(148,163,184,.18);
  box-shadow:inset 0 1px 2px rgba(15,23,42,.06);
}

body[data-theme="light"] .theme-toggle-thumb{
  box-shadow:0 10px 22px rgba(15,23,42,.1);
}

body[data-theme="light"] .bell-btn,
body[data-theme="light"] .user-btn{
  color:#334155;
}

body[data-theme="light"] .user-panel,
body[data-theme="light"] .mobile-nav-panel,
body[data-theme="light"] .notif-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,253,.96));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 26px 50px rgba(15,23,42,.1), inset 0 1px 0 rgba(255,255,255,.85);
}

body[data-theme="light"] .mobile-nav-theme-label{
  color:#334155;
}

body[data-theme="light"] .notif-item,
body[data-theme="light"] .notif-item-upcoming,
body[data-theme="light"] .notif-item-finance,
body[data-theme="light"] .notif-item-expense{
  border-color:rgba(148,163,184,.16);
  box-shadow:0 10px 18px rgba(15,23,42,.04);
}

body[data-theme="light"] .notif-item:hover{
  border-color:rgba(56,189,248,.2);
  box-shadow:0 14px 24px rgba(15,23,42,.06);
}

body[data-theme="light"] .badge-soft{
  border-color:rgba(148,163,184,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .dot{
  box-shadow:0 0 0 4px rgba(148,163,184,.12);
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder,
body[data-theme="light"] select.is-placeholder,
body[data-theme="light"] .inline-search-select-trigger.is-placeholder{
  color:rgb(139 143 149);
}

body[data-theme="light"] .inline-search-select-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,253,.96));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 24px 46px rgba(15,23,42,.1);
}

body[data-theme="light"] .modalx,
body[data-theme="light"] .swalx-dialog{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,253,.96));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 30px 70px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .modalx-header,
body[data-theme="light"] .modalx-actions{
  background:rgba(248,250,252,.72);
}

body[data-theme="light"] .modalx-body{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.58));
}

body[data-theme="light"] .swalx-backdrop{
  background:rgba(226,232,240,.62);
}

body[data-theme="light"] .toast{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,253,.94));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}

body[data-theme="light"] .toast.success{
  background:linear-gradient(180deg, rgba(240,253,244,.96), rgba(255,255,255,.96));
}

body[data-theme="light"] .toast.warning{
  background:linear-gradient(180deg, rgba(255,251,235,.96), rgba(255,255,255,.96));
}

body[data-theme="light"] .toast.error{
  background:linear-gradient(180deg, rgba(254,242,242,.96), rgba(255,255,255,.96));
}

body[data-theme="light"] .toast.info{
  background:linear-gradient(180deg, rgba(240,249,255,.96), rgba(255,255,255,.96));
}

body[data-theme="light"] .settings-flash,
body[data-theme="light"] .client-flash,
body[data-theme="light"] .staff-flash,
body[data-theme="light"] .appointment-flash,
body[data-theme="light"] .notif-flash,
body[data-theme="light"] .system-settings-alert,
body[data-theme="light"] .settings-reset-alert{
  border-width:1px;
  border-style:solid;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
}

body[data-theme="light"] .settings-flash.is-success,
body[data-theme="light"] .client-flash.is-success,
body[data-theme="light"] .staff-flash.is-success,
body[data-theme="light"] .appointment-flash.is-success,
body[data-theme="light"] .system-settings-alert.is-success{
  background:linear-gradient(180deg, rgba(240,253,244,.96), rgba(255,255,255,.94));
  border-color:rgba(34,197,94,.22);
  color:#166534;
}

body[data-theme="light"] .settings-flash.is-danger,
body[data-theme="light"] .client-flash.is-danger,
body[data-theme="light"] .staff-flash.is-danger,
body[data-theme="light"] .appointment-flash.is-danger,
body[data-theme="light"] .system-settings-alert.is-danger{
  background:linear-gradient(180deg, rgba(254,242,242,.96), rgba(255,255,255,.94));
  border-color:rgba(239,68,68,.2);
  color:#991b1b;
}

body[data-theme="light"] .notif-flash,
body[data-theme="light"] .settings-reset-alert{
  background:linear-gradient(180deg, rgba(240,249,255,.96), rgba(255,255,255,.94));
  border-color:rgba(56,189,248,.2);
  color:#075985;
}

body[data-theme="light"] .form-error{
  color:#b91c1c;
}

body[data-theme="light"] .danger-panel{
  background:linear-gradient(180deg, rgba(254,242,242,.96), rgba(255,255,255,.94));
  border-color:rgba(239,68,68,.18);
  box-shadow:0 14px 26px rgba(239,68,68,.05);
}

body[data-theme="light"] .clients-empty,
body[data-theme="light"] .appointments-empty,
body[data-theme="light"] .client-appointments-empty,
body[data-theme="light"] .notif-empty,
body[data-theme="light"] .finance-empty,
body[data-theme="light"] .payment-empty{
  border-style:dashed;
  border-width:1px;
  border-color:rgba(148,163,184,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(248,250,252,.86));
  color:#64748b;
}

/* Light Theme Visibility Pass */
body[data-theme="light"] .cardx,
body[data-theme="light"] .mini-month,
body[data-theme="light"] .clients-grid--admin .client-card,
body[data-theme="light"] .dash-kpi,
body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card,
body[data-theme="light"] .settings-panel,
body[data-theme="light"] .settings-switch,
body[data-theme="light"] .settings-meta-card,
body[data-theme="light"] .settings-reset-item,
body[data-theme="light"] .system-settings-panel,
body[data-theme="light"] .system-settings-item,
body[data-theme="light"] .notif-stat,
body[data-theme="light"] .notif-card,
body[data-theme="light"] .finance-kpi,
body[data-theme="light"] .appointment-card,
body[data-theme="light"] .appointment-summary,
body[data-theme="light"] .appointment-side-panel,
body[data-theme="light"] .payment-summary-tile,
body[data-theme="light"] .payment-entry,
body[data-theme="light"] .modalx,
body[data-theme="light"] .swalx-dialog,
body[data-theme="light"] .user-panel,
body[data-theme="light"] .notif-panel,
body[data-theme="light"] .mobile-nav-panel{
  border-color:rgba(100,116,139,.28);
  box-shadow:0 18px 38px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.88), inset 0 0 0 1px rgba(255,255,255,.32);
}

body[data-theme="light"] .tablex th,
body[data-theme="light"] .system-settings-table th,
body[data-theme="light"] .payment-history-table thead th,
body[data-theme="light"] .schedule-table th,
body[data-theme="light"] .fc .fc-col-header-cell{
  background:linear-gradient(180deg, rgba(219,234,254,.84), rgba(248,250,252,.98));
  color:#1e293b;
  border-bottom-color:rgba(100,116,139,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(148,163,184,.08);
}

body[data-theme="light"] .schedule-table th:first-child,
body[data-theme="light"] .schedule-table td:first-child{
  border-right-color:rgba(100,116,139,.16);
}

body[data-theme="light"] .headerx-nav .btnx,
body[data-theme="light"] .mobile-nav-links .btnx{
  border-color:rgba(100,116,139,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,245,249,.88));
}

body[data-theme="light"] .headerx-nav .btnx:hover,
body[data-theme="light"] .mobile-nav-links .btnx:hover{
  border-color:rgba(14,165,233,.28);
  background:linear-gradient(180deg, rgba(224,242,254,.78), rgba(255,255,255,.98));
}

body[data-theme="light"] .headerx-nav .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .nav-item-icon{
  color:#0ea5e9;
}

body[data-theme="light"] .headerx-nav .btnx:hover .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx:hover .nav-item-icon{
  color:#4f46e5;
}

body[data-theme="light"] .headerx-nav .btnx.active,
body[data-theme="light"] .mobile-nav-links .btnx.active{
  border-color:rgba(109,94,252,.3);
  background:linear-gradient(180deg, rgba(109,94,252,.22), rgba(14,165,233,.12));
  color:#312e81;
}

body[data-theme="light"] .headerx-nav .btnx.active .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx.active .nav-item-icon{
  color:#4338ca;
}

body[data-theme="light"] .headerx-logo,
body[data-theme="light"] .dash-hero-logo,
body[data-theme="light"] .dash-title-icon,
body[data-theme="light"] .dash-health-title-icon,
body[data-theme="light"] .theme-toggle-btn,
body[data-theme="light"] .fullscreen-btn,
body[data-theme="light"] .bell-btn,
body[data-theme="light"] .user-btn,
body[data-theme="light"] .mobile-menu-btn{
  border-color:rgba(100,116,139,.22);
}

body[data-theme="light"] .headerx-logo svg,
body[data-theme="light"] .dash-hero-logo svg,
body[data-theme="light"] .dash-title-icon svg,
body[data-theme="light"] .dash-health-title-icon svg,
body[data-theme="light"] .client-detail-title svg,
body[data-theme="light"] .client-section-title-with-icon svg,
body[data-theme="light"] .section-title-with-icon svg,
body[data-theme="light"] .appointment-detail-title svg,
body[data-theme="light"] .payment-summary-tile strong.payment-summary-label svg,
body[data-theme="light"] .payment-entry-amount-row svg,
body[data-theme="light"] .payment-entry-time svg,
body[data-theme="light"] .payment-entry-info-item dt svg,
body[data-theme="light"] .payment-entry-note svg{
  color:#0ea5e9;
  filter:drop-shadow(0 4px 10px rgba(14,165,233,.18));
}

body[data-theme="light"] .notif-pill,
body[data-theme="light"] .finance-pill,
body[data-theme="light"] .appointment-detail-badge,
body[data-theme="light"] .badge-soft{
  border-color:rgba(100,116,139,.22);
}

body[data-theme="light"] .fc .fc-daygrid-event{
  border-width:1px;
  border-style:solid;
  box-shadow:0 10px 20px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.5);
}

body[data-theme="light"] .fc .fc-daygrid-day.has-status{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);
}

body[data-theme="light"] .slot-cell.is-hover-focus:not(.is-drop-target):not(.is-drop-blocked){
  box-shadow:inset 0 0 0 1px rgba(14,165,233,.32), inset 0 0 28px rgba(14,165,233,.08);
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .inline-search-select-trigger{
  border-color:rgba(100,116,139,.24);
}

body[data-theme="light"] select,
body[data-theme="light"] .inline-search-select-trigger{
  box-shadow:inset 0 1px 1px rgba(255,255,255,.92), 0 2px 6px rgba(15,23,42,.04);
}

/* Light Theme Card Accent Boost */
body[data-theme="light"] .clients-grid--admin .client-card,
body[data-theme="light"] .notif-stat,
body[data-theme="light"] .notif-card{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(56,189,248,.16), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(14,165,233,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,248,255,.94));
  border-color:rgba(14,165,233,.22);
  box-shadow:0 18px 38px rgba(14,116,144,.08), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(186,230,253,.24);
}

body[data-theme="light"] .finance-kpi,
body[data-theme="light"] .payment-summary-tile,
body[data-theme="light"] .payment-entry,
body[data-theme="light"] .appointment-payment-summary-card{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(34,197,94,.15), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(16,185,129,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,252,246,.94));
  border-color:rgba(34,197,94,.2);
  box-shadow:0 18px 38px rgba(22,163,74,.07), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(187,247,208,.24);
}

body[data-theme="light"] .appointment-card,
body[data-theme="light"] .appointment-summary,
body[data-theme="light"] .appointment-side-panel,
body[data-theme="light"] .appointment-payment-toggle,
body[data-theme="light"] .appointment-payment-drawer{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(245,158,11,.15), transparent 52%),
    radial-gradient(110% 90% at 0% 100%, rgba(56,189,248,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,248,238,.94));
  border-color:rgba(245,158,11,.22);
  box-shadow:0 18px 38px rgba(180,83,9,.07), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(253,230,138,.22);
}

body[data-theme="light"] .settings-panel,
body[data-theme="light"] .settings-meta-card,
body[data-theme="light"] .settings-switch,
body[data-theme="light"] .settings-reset-item,
body[data-theme="light"] .system-settings-panel,
body[data-theme="light"] .system-settings-item{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(109,94,252,.14), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(56,189,248,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(245,244,255,.94));
  border-color:rgba(109,94,252,.22);
  box-shadow:0 18px 38px rgba(79,70,229,.07), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(224,231,255,.26);
}

body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(56,189,248,.12), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(109,94,252,.07), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,253,.94));
  border-color:rgba(56,189,248,.18);
  box-shadow:0 18px 38px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.92), inset 0 0 0 1px rgba(186,230,253,.18);
}

body[data-theme="light"] .dash-kpi{
  box-shadow:0 20px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92), inset 0 0 0 1px color-mix(in srgb, var(--kpi-accent) 20%, rgba(255,255,255,.25));
}

/* Light Theme Dashboard Clarity Pass */
body[data-theme="light"] .dash-page{
  gap:20px;
}

body[data-theme="light"] .dash-kpis,
body[data-theme="light"] .dash-grid{
  gap:18px;
}

body[data-theme="light"] .dash-hero{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,250,255,.985));
  border-color:rgba(148,163,184,.3);
  box-shadow:0 20px 38px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .dash-hero::after,
body[data-theme="light"] .dash-kpi::after,
body[data-theme="light"] .dash-health-card::after{
  display:none;
}

body[data-theme="light"] .dash-hero-orb{
  display:none;
}

body[data-theme="light"] .dash-meta .badge-soft,
body[data-theme="light"] .dash-panel-head .badge-soft{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
  border-color:rgba(148,163,184,.24);
  box-shadow:0 4px 10px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.94);
}

body[data-theme="light"] .dash-kpi{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.982));
  border-color:color-mix(in srgb, var(--kpi-accent) 34%, rgba(148,163,184,.28));
  box-shadow:0 14px 26px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .dash-kpi::before{
  left:0;
  right:0;
  top:0;
  height:4px;
  border-radius:16px 16px 0 0;
  background:linear-gradient(90deg, color-mix(in srgb, var(--kpi-accent) 92%, #fff), color-mix(in srgb, var(--kpi-accent) 62%, #fff) 58%, transparent);
  opacity:1;
}

body[data-theme="light"] .dash-kpi:hover{
  box-shadow:0 18px 32px rgba(15,23,42,.07), 0 0 0 4px color-mix(in srgb, var(--kpi-accent) 10%, transparent);
}

body[data-theme="light"] .dash-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.978));
  border-color:rgba(148,163,184,.28);
  box-shadow:0 16px 30px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .dash-panel::before{
  border-color:rgba(255,255,255,.72);
}

body[data-theme="light"] .panel-admin::after,
body[data-theme="light"] .panel-today::after,
body[data-theme="light"] .panel-upcoming::after,
body[data-theme="light"] .panel-staff::after,
body[data-theme="light"] .panel-services::after{
  width:5px;
  opacity:1;
}

body[data-theme="light"] .dash-panel-head{
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(226,232,240,.95);
}

body[data-theme="light"] .dash-list,
body[data-theme="light"] .dash-stack,
body[data-theme="light"] .dash-health-grid{
  gap:12px;
}

body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(248,250,252,.985));
  border-color:rgba(203,213,225,.96);
  box-shadow:0 8px 18px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.94);
}

body[data-theme="light"] .dash-health-card{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(248,250,252,.985));
  border-color:color-mix(in srgb, var(--health-accent) 26%, rgba(203,213,225,.94));
  box-shadow:0 8px 18px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.94);
}

body[data-theme="light"] .dash-health-card::before{
  left:0;
  right:0;
  top:0;
  height:3px;
  border-radius:13px 13px 0 0;
  background:linear-gradient(90deg, color-mix(in srgb, var(--health-accent) 88%, #fff), color-mix(in srgb, var(--health-accent) 54%, #fff) 60%, transparent);
  opacity:1;
}

body[data-theme="light"] .dash-item:hover,
body[data-theme="light"] .dash-stat:hover,
body[data-theme="light"] .dash-health-card:hover{
  background:#ffffff;
  border-color:rgba(148,163,184,.34);
  box-shadow:0 12px 24px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .panel-upcoming .dash-item:hover{
  border-color:rgba(245,158,11,.34);
}

body[data-theme="light"] .panel-today .dash-item:hover{
  border-color:rgba(34,197,94,.32);
}

body[data-theme="light"] .panel-staff .dash-stat:hover{
  border-color:rgba(56,189,248,.34);
}

body[data-theme="light"] .panel-services .dash-stat:hover{
  border-color:rgba(109,94,252,.32);
}

body[data-theme="light"] .dash-progress{
  background:#e2e8f0;
  box-shadow:inset 0 1px 2px rgba(100,116,139,.16);
}

body[data-theme="light"] .dash-progress > span{
  box-shadow:0 6px 14px rgba(56,189,248,.2);
}

body[data-theme="light"] .dash-time-pill,
body[data-theme="light"] .dash-day-switch{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.95));
  border-color:rgba(203,213,225,.95);
  box-shadow:0 4px 10px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.94);
}

body[data-theme="light"] .dash-day-btn{
  color:#475569;
}

body[data-theme="light"] .dash-day-btn.is-active{
  box-shadow:0 6px 14px rgba(34,197,94,.12);
}

body[data-theme="light"] .dash-empty{
  display:grid;
  place-items:center;
  min-height:120px;
  padding:18px;
  border:1px dashed rgba(203,213,225,.98);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(248,250,252,.92), rgba(255,255,255,.98));
  color:#64748b;
  text-align:center;
}

body[data-theme="light"] .dash-title,
body[data-theme="light"] .dash-kpi-value,
body[data-theme="light"] .dash-item-title,
body[data-theme="light"] .dash-stat-name,
body[data-theme="light"] .dash-health-value,
body[data-theme="light"] .dash-panel-head .badge-soft,
body[data-theme="light"] .dash-meta .badge-soft{
  color:#0b1220;
}

body[data-theme="light"] .dash-sub,
body[data-theme="light"] .dash-kpi .small-muted,
body[data-theme="light"] .dash-kpi-note,
body[data-theme="light"] .dash-kpi-note-meta,
body[data-theme="light"] .dash-item-meta,
body[data-theme="light"] .dash-stat-meta,
body[data-theme="light"] .dash-health-title,
body[data-theme="light"] .dash-health-sub,
body[data-theme="light"] .dash-time-pill,
body[data-theme="light"] .dash-empty{
  color:#475569;
}

body[data-theme="light"]{
  --light-label:rgb(11 12 13 / 78%);
  --light-span:#000000;
  --card:rgba(255,255,255,.97);
  --card2:rgba(248,250,252,.96);
}

body[data-theme="light"] label,
body[data-theme="light"] .appointments-filter-field label,
body[data-theme="light"] .appointment-meta dt,
body[data-theme="light"] .appointment-record-item dt,
body[data-theme="light"] .appointment-detail-hero-item dt,
body[data-theme="light"] .calendar-appt-label,
body[data-theme="light"] .planning-appt-status-editor label,
body[data-theme="light"] .calendar-appt-status-editor label,
body[data-theme="light"] .payment-summary-tile strong,
body[data-theme="light"] .appointment-payment-summary-card strong,
body[data-theme="light"] .payment-entry-info-item dt,
body[data-theme="light"] .client-appointment-label,
body[data-theme="light"] .admin-accounts-kpi-label{
  color:var(--light-label);
}

body[data-theme="light"] .cardx,
body[data-theme="light"] .mini-month,
body[data-theme="light"] .notif-panel,
body[data-theme="light"] .user-panel,
body[data-theme="light"] .mobile-nav-panel{
  background:#ffffff;
  border-color:rgba(203,213,225,.92);
  box-shadow:0 16px 30px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .dash-hero,
body[data-theme="light"] .dash-kpi,
body[data-theme="light"] .dash-panel,
body[data-theme="light"] .dash-item,
body[data-theme="light"] .dash-stat,
body[data-theme="light"] .dash-health-card{
  background:#ffffff;
}

body[data-theme="light"] :where(
  .cardx,
  .mini-month,
  .dash-panel,
  .dash-item,
  .dash-stat,
  .dash-health-card,
  .appointment-card,
  .appointment-summary,
  .appointment-side-panel,
  .modalx,
  .swalx-dialog,
  .notif-panel,
  .user-panel,
  .client-card,
  .client-detail-shell,
  .tablex
) span:not(.dot):not(.req):not(.badge-soft):not(.notif-pill):not(.finance-pill):not(.appointment-status):not(.appointment-record-status):not(.notif-badge):not(.theme-toggle-track):not(.theme-toggle-thumb):not(.theme-toggle-sun):not(.theme-toggle-graphite):not(.theme-toggle-moon):not(.nav-item-icon):not(.mobile-menu-icon):not(.bell-btn-icon):not(.user-avatar):not(.user-panel-link-icon){
  color:var(--light-span);
}

body[data-theme="light"] .btnx span,
body[data-theme="light"] .badge-soft span,
body[data-theme="light"] .notif-pill span,
body[data-theme="light"] .finance-pill span,
body[data-theme="light"] .appointment-status span,
body[data-theme="light"] .appointment-record-status span{
  color:inherit;
}

body[data-theme="light"] .btnx,
body[data-theme="light"] .headerx-nav .btnx,
body[data-theme="light"] .mobile-nav-links .btnx,
body[data-theme="light"] .theme-toggle-btn,
body[data-theme="light"] .fullscreen-btn,
body[data-theme="light"] .bell-btn,
body[data-theme="light"] .user-btn,
body[data-theme="light"] .mobile-menu-btn{
  background:linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  border-color:rgba(43, 67, 116, .22);
  color:#19325f;
  box-shadow:0 10px 24px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.96);
}

body[data-theme="light"] .btnx:hover,
body[data-theme="light"] .headerx-nav .btnx:hover,
body[data-theme="light"] .mobile-nav-links .btnx:hover,
body[data-theme="light"] .theme-toggle-btn:hover,
body[data-theme="light"] .fullscreen-btn:hover,
body[data-theme="light"] .bell-btn:hover,
body[data-theme="light"] .user-btn:hover,
body[data-theme="light"] .mobile-menu-btn:hover{
  background:linear-gradient(180deg, #f8fbff 0%, #e9f1ff 100%);
  border-color:rgba(59,130,246,.34);
  color:#1d3b6e;
  box-shadow:0 14px 28px rgba(37,99,235,.12), 0 0 0 3px rgba(59,130,246,.08);
}

body[data-theme="light"] .notif-badge{
  color:#fff !important;
}

body[data-theme="light"] .theme-toggle-option-light .theme-toggle-sun{
  color:#f59e0b;
  filter:drop-shadow(0 2px 6px rgba(245,158,11,.28));
}

body[data-theme="light"] .theme-toggle-option-graphite .theme-toggle-graphite{
  color:#64748b;
  filter:drop-shadow(0 2px 6px rgba(100,116,139,.22));
}

body[data-theme="light"] .theme-toggle-option-dark .theme-toggle-moon{
  color:#4f46e5;
  filter:drop-shadow(0 2px 6px rgba(79,70,229,.24));
}

body[data-theme="light"] .fullscreen-btn{
  color:#0891b2;
}

body[data-theme="light"] .fullscreen-btn-icon{
  color:#0891b2;
  filter:drop-shadow(0 4px 10px rgba(8,145,178,.18));
}

body[data-theme="light"] .bell-btn{
  color:#d97706;
}

body[data-theme="light"] .bell-btn-icon{
  color:#d97706;
  filter:drop-shadow(0 4px 10px rgba(217,119,6,.18));
}

body[data-theme="light"] .user-btn{
  color:#0f5db3;
}

body[data-theme="light"] .user-avatar{
  color:#3b82f6;
  filter:drop-shadow(0 4px 10px rgba(59,130,246,.18));
}

body[data-theme="light"] .user-panel-link .user-panel-link-icon{
  width:28px;
  height:28px;
  border-radius:9px;
  padding:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-theme="light"] .user-panel-link:not([data-admin-link]) .user-panel-link-icon{
  color:#5b5bd6;
  background:rgba(99,102,241,.14);
}

body[data-theme="light"] .user-panel-link[data-admin-link]:not(.finance) .user-panel-link-icon{
  color:#2563eb;
  background:rgba(37,99,235,.14);
}

body[data-theme="light"] .user-panel-link.finance .user-panel-link-icon{
  color:#10b981;
  background:rgba(16,185,129,.14);
}

body[data-theme="light"] .staff-status-badge{
  border-width:1px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-theme="light"] .staff-status-badge--active{
  background:linear-gradient(180deg, rgba(236,253,245,.98), rgba(220,252,231,.96));
  border-color:rgba(34,197,94,.28);
  color:#166534;
}

body[data-theme="light"] .staff-status-badge--active .dot{
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.14);
}

body[data-theme="light"] .staff-status-badge--inactive{
  background:linear-gradient(180deg, rgba(255,251,235,.98), rgba(254,243,199,.96));
  border-color:rgba(245,158,11,.28);
  color:#92400e;
}

body[data-theme="light"] .staff-status-badge--inactive .dot{
  background:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.14);
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.14), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,248,255,.95));
  border-color:rgba(56,189,248,.24);
  box-shadow:0 16px 32px rgba(14,116,144,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-section-title-with-icon,
body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list dd{
  color:#0f172a;
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-section-title-with-icon svg,
body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list dt.with-icon svg{
  color:#38bdf8;
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list .staff-meta-row{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(237,247,255,.95));
  border-color:rgba(56,189,248,.34);
  box-shadow:0 12px 24px rgba(14,116,144,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list .staff-meta-row::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:0 8px 8px 0;
  background:linear-gradient(180deg, #38bdf8, #0ea5e9);
  box-shadow:0 0 12px rgba(56,189,248,.24);
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list dt.with-icon{
  color:#5f6f86;
}

body[data-theme="light"] .staff-detail-shell .staff-summary-panel .staff-summary-list dt.with-icon svg{
  width:28px;
  height:28px;
  padding:6px;
  border-radius:10px;
  background:rgba(56,189,248,.14);
  border:1px solid rgba(56,189,248,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .staff-detail-shell .danger-panel{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(248,113,113,.14), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,245,245,.95));
  border-color:rgba(248,113,113,.28);
  box-shadow:0 16px 32px rgba(239,68,68,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .staff-detail-shell .danger-panel .staff-section-title-with-icon{
  color:#0f172a;
}

body[data-theme="light"] .staff-detail-shell .danger-panel .staff-section-title-with-icon svg{
  color:#fb7185;
}

body[data-theme="light"] .staff-detail-shell .danger-panel .badge-soft{
  background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(255,228,230,.94));
  border-color:rgba(248,113,113,.3);
  color:#9f1239;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .staff-detail-shell .danger-panel .badge-soft .dot{
  background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.12);
}

body[data-theme="light"] .staff-detail-shell .danger-panel .staff-danger-copy{
  color:#64748b;
}

body[data-theme="light"] .staff-detail-shell .danger-panel textarea{
  border-color:rgba(248,113,113,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,250,.95));
}

body[data-theme="light"] .staff-detail-shell .danger-panel textarea:focus{
  border-color:rgba(248,113,113,.42);
  box-shadow:0 0 0 4px rgba(248,113,113,.1), 0 12px 24px rgba(239,68,68,.08);
}

body[data-theme="light"] .client-detail-shell .client-summary-panel,
body[data-theme="light"] .appointments-shell .appointment-record-summary{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.14), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(241,248,255,.95));
  border-color:rgba(56,189,248,.24);
  box-shadow:0 16px 32px rgba(14,116,144,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .client-detail-shell .client-section-title-with-icon,
body[data-theme="light"] .appointments-shell .appointment-record-summary .section-title-with-icon{
  color:#0f172a;
}

body[data-theme="light"] .client-detail-shell .client-summary-panel .client-section-title-with-icon svg,
body[data-theme="light"] .appointments-shell .appointment-record-summary .section-title-with-icon svg{
  color:#38bdf8;
}

body[data-theme="light"] .client-detail-shell .client-summary-list .client-meta-row,
body[data-theme="light"] .appointments-shell .appointment-record-list .appointment-record-item{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(237,247,255,.95));
  border-color:rgba(56,189,248,.34);
  box-shadow:0 12px 24px rgba(14,116,144,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .client-detail-shell .client-summary-list .client-meta-row::before,
body[data-theme="light"] .appointments-shell .appointment-record-list .appointment-record-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius:0 8px 8px 0;
  background:linear-gradient(180deg, #38bdf8, #0ea5e9);
  box-shadow:0 0 12px rgba(56,189,248,.24);
}

body[data-theme="light"] .client-detail-shell .client-summary-list dt.with-icon,
body[data-theme="light"] .appointments-shell .appointment-record-item dt{
  color:#5f6f86;
}

body[data-theme="light"] .client-detail-shell .client-summary-list dt.with-icon svg,
body[data-theme="light"] .appointments-shell .appointment-record-item dt svg{
  width:28px;
  height:28px;
  padding:6px;
  border-radius:10px;
  background:rgba(56,189,248,.14);
  border:1px solid rgba(56,189,248,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .client-detail-shell .client-summary-list dd,
body[data-theme="light"] .appointments-shell .appointment-record-item dd{
  color:#0f172a;
}

body[data-theme="light"] .appointments-shell .appointment-record-badge{
  background:linear-gradient(180deg, rgba(239,249,255,.98), rgba(224,242,254,.94));
  border-color:rgba(56,189,248,.28);
  color:#0369a1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .client-detail-shell .danger-panel,
body[data-theme="light"] .appointments-shell .danger-panel{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(248,113,113,.14), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,245,245,.95));
  border-color:rgba(248,113,113,.28);
  box-shadow:0 16px 32px rgba(239,68,68,.08), inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .client-detail-shell .danger-panel .client-section-title-with-icon,
body[data-theme="light"] .appointments-shell .danger-panel .section-title-with-icon{
  color:#0f172a;
}

body[data-theme="light"] .client-detail-shell .danger-panel .client-section-title-with-icon svg,
body[data-theme="light"] .appointments-shell .danger-panel .section-title-with-icon svg{
  color:#fb7185;
}

body[data-theme="light"] .client-detail-shell .danger-panel .badge-soft,
body[data-theme="light"] .appointments-shell .danger-panel .badge-soft{
  background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(255,228,230,.94));
  border-color:rgba(248,113,113,.3);
  color:#9f1239;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .client-detail-shell .danger-panel .badge-soft .dot,
body[data-theme="light"] .appointments-shell .danger-panel .badge-soft .dot{
  background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.12);
}

body[data-theme="light"] .client-detail-shell .danger-panel .small-muted,
body[data-theme="light"] .appointments-shell .danger-panel .appointment-danger-copy{
  color:#64748b;
}

body[data-theme="light"] .client-detail-shell .danger-panel textarea,
body[data-theme="light"] .appointments-shell .danger-panel textarea{
  border-color:rgba(248,113,113,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,250,.95));
}

body[data-theme="light"] .client-detail-shell .danger-panel textarea:focus,
body[data-theme="light"] .appointments-shell .danger-panel textarea:focus{
  border-color:rgba(248,113,113,.42);
  box-shadow:0 0 0 4px rgba(248,113,113,.1), 0 12px 24px rgba(239,68,68,.08);
}

body[data-theme="light"] .staff-edit-btn{
  background:linear-gradient(180deg, rgba(59,130,246,.16), rgba(37,99,235,.1));
  border-color:rgba(37,99,235,.3);
  color:#1d4ed8;
  box-shadow:0 10px 20px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .staff-edit-btn:hover{
  background:linear-gradient(180deg, rgba(59,130,246,.22), rgba(37,99,235,.14));
  border-color:rgba(37,99,235,.42);
  color:#1e40af;
  box-shadow:0 14px 24px rgba(37,99,235,.12), 0 0 0 3px rgba(59,130,246,.08);
}

body[data-theme="light"] .finance-detail-link{
  background:linear-gradient(180deg, rgba(59,130,246,.16), rgba(37,99,235,.1));
  border-color:rgba(37,99,235,.3);
  color:#1d4ed8;
  box-shadow:0 10px 20px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.84);
}

body[data-theme="light"] .finance-detail-link:hover{
  background:linear-gradient(180deg, rgba(59,130,246,.22), rgba(37,99,235,.14));
  border-color:rgba(37,99,235,.42);
  color:#1e40af;
  box-shadow:0 14px 24px rgba(37,99,235,.12), 0 0 0 3px rgba(59,130,246,.08);
}

body[data-theme="light"] .btnx.primary{
  background:linear-gradient(180deg, #7b89f8 0%, #6677ec 100%);
  border-color:rgba(93,102,228,.58);
  color:#f8faff;
  box-shadow:0 14px 28px rgba(99,102,241,.18);
}

body[data-theme="light"] .btnx.primary:hover{
  background:linear-gradient(180deg, #6d7ef1 0%, #5c6de3 100%);
  border-color:rgba(79,70,229,.62);
  color:#ffffff;
}

body[data-theme="light"] .btnx.success{
  background:linear-gradient(180deg, #34c96b 0%, #22a957 100%);
  border-color:rgba(22,163,74,.46);
  color:#f0fdf4;
  box-shadow:0 14px 28px rgba(34,197,94,.16);
}

body[data-theme="light"] .btnx.success:hover{
  background:linear-gradient(180deg, #2ebf63 0%, #1f944d 100%);
  border-color:rgba(21,128,61,.52);
  color:#f0fdf4;
}

body[data-theme="light"] .btnx.danger{
  background:linear-gradient(180deg, #f87171 0%, #ef4444 100%);
  border-color:rgba(239,68,68,.42);
  color:#fef2f2;
  box-shadow:0 14px 28px rgba(239,68,68,.14);
}

body[data-theme="light"] .btnx.danger:hover{
  background:linear-gradient(180deg, #ef5f5f 0%, #dc2626 100%);
  border-color:rgba(220,38,38,.48);
  color:#fef2f2;
}

body[data-theme="light"] .headerx-nav .btnx.active,
body[data-theme="light"] .mobile-nav-links .btnx.active{
  background:linear-gradient(180deg, #7a87f5 0%, #6274ea 100%);
  border-color:rgba(99,102,241,.58);
  color:#f8faff;
  box-shadow:0 16px 30px rgba(99,102,241,.2), 0 0 0 4px rgba(99,102,241,.08);
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn{
  background:linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border-color:rgba(43, 67, 116, .18);
  color:#1b325e;
  box-shadow:0 10px 20px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.98);
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn:hover{
  background:linear-gradient(180deg, #f8fbff 0%, #ebf2ff 100%);
  border-color:rgba(59,130,246,.3);
  color:#18325d;
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn--detail{
  background:#dbe7ff;
  border-color:#9bb8ff;
  color:#1e3a8a;
  box-shadow:0 10px 20px rgba(59,130,246,.16), inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn--detail:hover{
  background:#c8d8ff;
  border-color:#7ea2ff;
  color:#1e3a8a;
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn--edit{
  background:#dcfce7;
  border-color:#86efac;
  color:#166534;
  box-shadow:0 10px 20px rgba(34,197,94,.16), inset 0 1px 0 rgba(255,255,255,.82);
}

body[data-theme="light"] .appointments-grid--admin .appointment-action-btn--edit:hover{
  background:#bbf7d0;
  border-color:#4ade80;
  color:#166534;
}

body[data-theme="light"] .appointments-grid--admin .payment-summary-tile{
  background:#f8fafc;
  border-color:#cbd5e1;
  box-shadow:0 8px 18px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.92);
}

body[data-theme="light"] .appointments-grid--admin .payment-summary-tile:first-child{
  background:#eff6ff;
  border-color:#bae6fd;
}

body[data-theme="light"] .appointments-grid--admin .payment-summary-tile:last-child{
  background:#f0fdf4;
  border-color:#bbf7d0;
}

body[data-theme="light"] .appointments-grid--admin .appointment-status.status-completed{
  color:#0b0c0d;
}

body[data-theme="light"] .appointments-grid--admin .appointment-status-select-wrap.status-completed{
  color:#0b0c0d;
}

body[data-theme="light"] .appointments-grid--admin .appointment-status-select-wrap.status-pending::after,
body[data-theme="light"] .appointments-grid--admin .appointment-status-select-wrap.status-cancelled::after{
  border-right-color:#0b0c0d;
  border-bottom-color:#0b0c0d;
}

body[data-theme="light"] .calendar-payment-main span,
body[data-theme="light"] .calendar-payment-sub span,
body[data-theme="light"] .calendar-appt-sub span,
body[data-theme="light"] .calendar-appt-contact span{
  color:var(--light-span);
}

body[data-theme="light"] .headerx-nav .btnx.active .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx.active .nav-item-icon,
body[data-theme="light"] .headerx-nav .btnx:hover .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .btnx:hover .nav-item-icon,
body[data-theme="light"] .headerx-nav .nav-item-icon,
body[data-theme="light"] .mobile-nav-links .nav-item-icon{
  color:currentColor;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder{
  color:rgb(139 143 149);
}

body[data-theme="light"] select.is-placeholder,
body[data-theme="light"] .inline-search-select-trigger.is-placeholder,
body[data-theme="light"] select option[value=""]{
  color:#1e293b;
}

body[data-theme="light"] .appointments-search select{
  --field-placeholder:rgb(139 143 149);
}

body[data-theme="light"] #na-client-selectbox .inline-search-select-trigger,
body[data-theme="light"] [data-client-selectbox] .inline-search-select-trigger{
  font-size:.92rem;
  font-weight:400;
  line-height:1.2;
  letter-spacing:0;
}

body[data-theme="light"] #na-client-selectbox .inline-search-select-trigger.is-placeholder,
body[data-theme="light"] [data-client-selectbox] .inline-search-select-trigger.is-placeholder{
  color:#94a3b8;
}

body[data-theme="light"] #na-client-trigger-text,
body[data-theme="light"] [data-client-trigger-text]{
  font:inherit;
  line-height:inherit;
}

body[data-theme="light"] #na-client-selectbox .inline-search-select-option,
body[data-theme="light"] [data-client-selectbox] .inline-search-select-option{
  font-size:.92rem;
  line-height:1.16;
}

body[data-theme="light"] #na-client-selectbox .inline-search-select-option-main,
body[data-theme="light"] [data-client-selectbox] .inline-search-select-option-main{
  font-size:.92rem;
  font-weight:400;
  line-height:1.16;
  letter-spacing:0;
}

body[data-theme="light"] .headerx-logo{
  background:linear-gradient(180deg, #7a87f5 0%, #6274ea 100%);
  border-color:rgba(99,102,241,.58);
  box-shadow:0 16px 30px rgba(99,102,241,.18), inset 0 1px 0 rgba(255,255,255,.14);
  color:#fbbf24;
  font-size:1.08rem;
  text-shadow:0 0 12px rgba(251,191,36,.26);
}

body[data-theme="light"] .fc .fc-daygrid-event .calendar-event-client,
body[data-theme="graphite"] .fc .fc-daygrid-event .calendar-event-client{
  color:#f8fbff !important;
  text-shadow:0 1px 2px rgba(15,23,42,.22);
}

body[data-theme="light"] .fc .fc-daygrid-event.is-completed .calendar-event-client{
  color:#0b0c0d !important;
  text-shadow:none;
}

.fc .fc-event-title,
.fc .calendar-event-client{
  text-transform:uppercase;
}

body[data-theme="light"] .dash-kpi{
  background:
    radial-gradient(125% 115% at 100% 0%, color-mix(in srgb, var(--kpi-accent) 18%, transparent), transparent 54%),
    radial-gradient(118% 96% at 0% 100%, color-mix(in srgb, var(--kpi-accent) 10%, transparent), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.995), color-mix(in srgb, var(--kpi-accent) 7%, rgba(247,250,255,.985)));
  border-color:color-mix(in srgb, var(--kpi-accent) 36%, rgba(191,219,254,.86));
  box-shadow:0 16px 32px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.96), inset 0 0 0 1px color-mix(in srgb, var(--kpi-accent) 14%, rgba(255,255,255,.22));
}

body[data-theme="light"] .panel-admin{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.985));
  border-color:rgba(203,213,225,.92);
}

body[data-theme="light"] .panel-today{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.985));
  border-color:rgba(203,213,225,.92);
}

body[data-theme="light"] .panel-upcoming{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.985));
  border-color:rgba(203,213,225,.92);
}

body[data-theme="light"] .panel-staff{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.985));
  border-color:rgba(203,213,225,.92);
}

body[data-theme="light"] .panel-services{
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(249,251,255,.985));
  border-color:rgba(203,213,225,.92);
}

body[data-theme="light"] .dash-health-card{
  background:
    radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, var(--health-accent) 16%, transparent), transparent 70%),
    radial-gradient(120% 120% at 0% 100%, color-mix(in srgb, var(--health-accent) 9%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.995), color-mix(in srgb, var(--health-accent) 5%, rgba(248,250,252,.985)));
  border-color:color-mix(in srgb, var(--health-accent) 30%, rgba(203,213,225,.94));
}

body[data-theme="light"] .panel-today .dash-item{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(34,197,94,.1), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(244,253,247,.985));
  border-color:rgba(187,247,208,.9);
}

body[data-theme="light"] .panel-upcoming .dash-item{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(245,158,11,.11), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(255,250,243,.985));
  border-color:rgba(253,230,138,.92);
}

body[data-theme="light"] .panel-staff .dash-stat{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(56,189,248,.11), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(243,250,255,.985));
  border-color:rgba(186,230,253,.92);
}

body[data-theme="light"] .panel-services .dash-stat{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(109,94,252,.11), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(247,245,255,.985));
  border-color:rgba(224,231,255,.92);
}

.calendar-payment-row{
  display:grid;
  gap:5px;
  padding:8px 12px 8px 15px;
  background:linear-gradient(180deg, rgba(30,42,56,.92), rgba(24,34,48,.88));
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.calendar-payment-main{
  display:grid;
  gap:3px;
  align-items:flex-start;
}

.calendar-payment-main strong{
  line-height:.94;
}

.calendar-payment-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  font-size:.82rem;
  line-height:1.18;
  font-weight:500;
  letter-spacing:.01em;
}

.calendar-payment-meta-item{
  font-weight:500;
}

.calendar-payment-method-inline{
  font-size:inherit;
  font-weight:500;
  padding:2px 6px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:4px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  transition:border-color .2s,background .2s;
  max-width:130px;
}
.calendar-payment-method-inline:hover,
.calendar-payment-method-inline:focus{
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  outline:none;
}
.calendar-payment-method-inline:disabled{
  opacity:.5;
  cursor:wait;
}

.calendar-payment-dot{
  width:4px;
  height:4px;
  border-radius:999px;
  flex:0 0 4px;
  background:var(--calendar-payment-dot, currentColor);
  opacity:.9;
}

.calendar-payment-sub{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:5px;
  padding-left:1px;
  font-size:.8rem;
  line-height:1.2;
}

.calendar-payment-sub-label{
  font-weight:650;
  opacity:.78;
}

.calendar-payment-sub-label-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  opacity:.88;
}

.calendar-payment-sub-label-icon svg{
  width:14px;
  height:14px;
  display:block;
}

.calendar-payment-sub-value{
  font-weight:500;
}

.calendar-payment-history-title{
  font-weight:700;
}

body[data-theme="light"] .calendar-payment-meta{
  color:rgba(71,85,105,.82);
}

body[data-theme="light"] .calendar-payment-dot{
  --calendar-payment-dot:#6274ea;
}

body[data-theme="light"] .calendar-payment-sub{
  color:rgba(71,85,105,.9);
}

body[data-theme="light"] .calendar-payment-history-title{
  color:#0f172a;
}

body[data-theme="light"] .calendar-payment-method-inline{
  border-color:rgba(0,0,0,.06);
  background:transparent;
  color:#334155;
}
body[data-theme="light"] .calendar-payment-method-inline:hover,
body[data-theme="light"] .calendar-payment-method-inline:focus{
  border-color:rgba(0,0,0,.15);
  background:rgba(0,0,0,.04);
}

body[data-theme="graphite"] .calendar-payment-meta{
  color:rgba(226,232,240,.72);
}

body[data-theme="graphite"] .calendar-payment-dot{
  --calendar-payment-dot:#7a87f5;
}

body[data-theme="graphite"] .calendar-payment-sub{
  color:rgba(226,232,240,.78);
}

body[data-theme="dark"] .calendar-payment-meta{
  color:rgba(234,240,255,.72);
}

body[data-theme="dark"] .calendar-payment-dot{
  --calendar-payment-dot:#60a5fa;
}

body[data-theme="dark"] .calendar-payment-sub{
  color:rgba(234,240,255,.76);
}

body[data-theme="light"] .appointment-payment-toggle,
body[data-theme="light"] .appointment-payment-drawer,
body[data-theme="light"] .pay-toggle-label,
body[data-theme="light"] .pay-toggle-label.payment-soft,
body[data-theme="light"] .pay-toggle-label-modern,
body[data-theme="light"] .pay-box.warn,
body[data-theme="light"] .pay-box.payment-soft,
body[data-theme="light"] .pay-box-modern{
  border-style:solid;
  border-color:rgba(99,102,241,.32);
  background:
    radial-gradient(125% 115% at 0% 0%, rgba(122,135,245,.18), transparent 56%),
    radial-gradient(120% 110% at 100% 100%, rgba(99,102,241,.08), transparent 68%),
    linear-gradient(180deg, rgba(235,240,255,.985), rgba(223,231,255,.955));
  box-shadow:0 16px 30px rgba(99,102,241,.12), inset 0 1px 0 rgba(255,255,255,.7);
  color:#1f2f69;
}

body[data-theme="light"] .appointment-payment-toggle:hover,
body[data-theme="light"] .pay-toggle-label:hover,
body[data-theme="light"] .pay-toggle-label.payment-soft:hover,
body[data-theme="light"] .pay-toggle-label-modern:hover{
  border-color:rgba(99,102,241,.42);
  box-shadow:0 18px 34px rgba(99,102,241,.16), inset 0 1px 0 rgba(255,255,255,.78);
}

body[data-theme="light"] .appointment-payment-toggle span,
body[data-theme="light"] .appointment-payment-drawer-title,
body[data-theme="light"] .pay-toggle-copy strong{
  color:#18295f;
}

body[data-theme="light"] .appointment-payment-toggle small,
body[data-theme="light"] .appointment-payment-drawer-copy,
body[data-theme="light"] .pay-toggle-copy small,
body[data-theme="light"] .pay-box.warn .small-muted,
body[data-theme="light"] .pay-box.payment-soft .small-muted,
body[data-theme="light"] .pay-box-modern .small-muted{
  color:rgba(49,56,101,.82);
}

body[data-theme="light"] .appointment-payment-drawer .badge-soft,
body[data-theme="light"] .pay-toggle-label-modern .badge-soft{
  border-color:rgba(99,102,241,.26);
  background:rgba(255,255,255,.38);
  color:#24356e;
}

body[data-theme="light"] .appointment-payment-drawer .badge-soft .dot,
body[data-theme="light"] .pay-toggle-label-modern .badge-soft .dot{
  box-shadow:0 0 0 4px rgba(99,102,241,.08);
}

body[data-theme="light"] .appointment-payment-toggle input[type="checkbox"],
body[data-theme="light"] .pay-toggle-label input[type="checkbox"],
body[data-theme="light"] .pay-toggle-label-modern input[type="checkbox"]{
  border-color:rgba(99,102,241,.52);
}

body[data-theme="light"] .appointments-top-card span:not(.dot):not(.req),
body[data-theme="light"] .appointments-grid--admin span:not(.dot):not(.req),
body[data-theme="light"] .appointments-empty span:not(.dot):not(.req),
body[data-theme="light"] .appointments-pager span:not(.dot):not(.req){
  color:#000000;
}

body[data-theme="light"] .staff-stat{
  box-shadow:0 16px 30px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .staff-stat-icon{
  background:rgba(255,255,255,.72);
  border-color:rgba(255,255,255,.88);
  box-shadow:0 10px 22px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95);
}

body[data-theme="light"] .staff-stat--total{
  background:
    radial-gradient(140% 130% at 100% 0%, rgba(139,92,246,.2), transparent 58%),
    linear-gradient(180deg, rgba(245,243,255,.98), rgba(237,233,254,.92));
  border-color:rgba(167,139,250,.34);
}

body[data-theme="light"] .staff-stat--active{
  background:
    radial-gradient(140% 130% at 100% 0%, rgba(34,197,94,.18), transparent 58%),
    linear-gradient(180deg, rgba(240,253,244,.98), rgba(220,252,231,.92));
  border-color:rgba(74,222,128,.34);
}

body[data-theme="light"] .staff-stat--inactive{
  background:
    radial-gradient(140% 130% at 100% 0%, rgba(245,158,11,.18), transparent 58%),
    linear-gradient(180deg, rgba(255,251,235,.98), rgba(254,243,199,.92));
  border-color:rgba(251,191,36,.34);
}

body[data-theme="light"] .staff-stat--total .staff-stat-icon{
  color:#7c3aed;
}

body[data-theme="light"] .staff-stat--active .staff-stat-icon{
  color:#16a34a;
}

body[data-theme="light"] .staff-stat--inactive .staff-stat-icon{
  color:#d97706;
}

body[data-theme="light"] [data-quick-client-open].btnx.plus-icon,
body[data-theme="light"] #btn-add-client-inline.btnx.plus-icon{
  background:linear-gradient(180deg, #34c96b 0%, #22a957 100%);
  border-color:rgba(22,163,74,.46);
  color:#f0fdf4;
  box-shadow:0 12px 24px rgba(34,197,94,.18), inset 0 1px 0 rgba(255,255,255,.22);
}

body[data-theme="light"] [data-quick-client-open].btnx.plus-icon:hover,
body[data-theme="light"] #btn-add-client-inline.btnx.plus-icon:hover{
  background:linear-gradient(180deg, #2ebf63 0%, #1f944d 100%);
  border-color:rgba(21,128,61,.52);
  color:#ffffff;
  box-shadow:0 14px 28px rgba(34,197,94,.22), inset 0 1px 0 rgba(255,255,255,.24);
}

body[data-theme="light"] [data-quick-client-open].btnx.plus-icon span,
body[data-theme="light"] #btn-add-client-inline.btnx.plus-icon span{
  color:#ffffff;
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .modalx,
body[data-theme="light"] .modal-focus-card.modal-client-quick{
  background:
    radial-gradient(120% 140% at 100% 100%, rgba(16,185,129,.18), transparent 42%),
    radial-gradient(120% 140% at 0% 0%, rgba(59,130,246,.12), transparent 44%),
    linear-gradient(165deg, rgba(8,18,39,.985), rgba(10,20,44,.97));
  border-color:rgba(148,163,184,.26);
  box-shadow:0 28px 56px rgba(15,23,42,.34), inset 0 1px 0 rgba(255,255,255,.05);
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .modalx-header,
body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .modalx-actions{
  border-color:rgba(148,163,184,.18);
  background:transparent;
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .modalx-title,
body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .quick-client-modal-body label,
body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .quick-client-modal-body .field label,
body[data-theme="light"] .modal-focus-card.modal-client-quick .cardx-title,
body[data-theme="light"] .modal-focus-card.modal-client-quick .field label{
  color:#f8fafc;
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .quick-client-modal-body .req,
body[data-theme="light"] .modal-focus-card.modal-client-quick .req{
  color:#f87171;
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .btnx[data-modal-close]{
  background:rgba(255,255,255,.96);
  border-color:rgba(148,163,184,.34);
  color:#223a69;
}

body[data-theme="light"] .modalx-backdrop.quick-client-modal-open .btnx[data-modal-close]:hover{
  background:#ffffff;
  border-color:rgba(96,165,250,.4);
  color:#13284d;
}

body[data-theme="light"] .modal-focus-card.modal-client-quick .inline-service-close{
  background:rgba(255,255,255,.96);
  border-color:rgba(148,163,184,.34);
  color:#223a69;
  box-shadow:0 8px 20px rgba(15,23,42,.12);
}

body[data-theme="light"] .modal-focus-card.modal-client-quick .inline-service-close:hover{
  background:#ffffff;
  border-color:rgba(96,165,250,.42);
  color:#13284d;
}

body[data-theme="light"] .settings-shell .cardx-title,
body[data-theme="light"] .settings-panel-title,
body[data-theme="light"] .settings-meta-value,
body[data-theme="light"] .settings-meta-value.role,
body[data-theme="light"] .settings-switch-title,
body[data-theme="light"] .settings-range-value,
body[data-theme="light"] .settings-panel .field label,
body[data-theme="light"] .settings-panel .field input,
body[data-theme="light"] .settings-panel .field textarea{
  color:#0f172a;
}

body[data-theme="light"] .settings-sub{
  color:#5f6f86;
}

body[data-theme="light"] .settings-panel-note,
body[data-theme="light"] .settings-switch-note,
body[data-theme="light"] .settings-meta-label,
body[data-theme="light"] .settings-range-label,
body[data-theme="light"] .settings-range-legend{
  color:#66758b;
}

body[data-theme="light"] .settings-toggle-ui{
  border-color:rgba(71,85,105,.34);
  background:linear-gradient(180deg, rgba(148,163,184,.46), rgba(100,116,139,.36));
  box-shadow:inset 0 1px 2px rgba(15,23,42,.12);
}

body[data-theme="light"] .settings-toggle-ui::after{
  background:#ffffff;
  box-shadow:0 4px 10px rgba(15,23,42,.16);
}

body[data-theme="light"] .settings-toggle input:checked + .settings-toggle-ui{
  background:linear-gradient(180deg, #34c96b 0%, #16934f 100%);
  border-color:rgba(21,128,61,.72);
  box-shadow:inset 0 1px 2px rgba(20,83,45,.18), 0 0 0 1px rgba(34,197,94,.1);
}

body[data-theme="light"] .settings-toggle input:checked + .settings-toggle-ui::after{
  background:#f8fffb;
}

body[data-theme="light"] .settings-panel.settings-panel-danger{
  background:
    radial-gradient(125% 110% at 100% 0%, rgba(248,113,113,.12), transparent 54%),
    radial-gradient(110% 90% at 0% 100%, rgba(251,191,36,.07), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,247,247,.95));
  border-color:rgba(248,113,113,.24);
  box-shadow:0 18px 38px rgba(239,68,68,.07), inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(254,202,202,.24);
}

body[data-theme="light"] .settings-panel.settings-panel-danger .settings-panel-title,
body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-preview-title,
body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-item-title,
body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-item-count{
  color:#0f172a;
}

body[data-theme="light"] .settings-panel.settings-panel-danger .settings-panel-note,
body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-preview-note,
body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-summary{
  color:#63748b;
}

body[data-theme="light"] .settings-panel.settings-panel-danger .badge-soft.danger{
  background:linear-gradient(180deg, rgba(254,242,242,.98), rgba(255,228,230,.94));
  border-color:rgba(248,113,113,.34);
  color:#b42318;
  box-shadow:0 10px 20px rgba(239,68,68,.08), inset 0 1px 0 rgba(255,255,255,.86);
}

body[data-theme="light"] .settings-panel.settings-panel-danger .badge-soft.danger .dot{
  background:#ef4444;
  box-shadow:0 0 0 5px rgba(239,68,68,.14);
}

body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-preview-card{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(248,113,113,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,248,.92));
  border-color:rgba(248,113,113,.2);
  box-shadow:0 12px 24px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .settings-panel.settings-panel-danger .settings-reset-preview-count{
  color:#c2410c;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .modalx{
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(96,165,250,.08), transparent 40%),
    radial-gradient(120% 140% at 0% 100%, rgba(109,94,252,.06), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.995), rgba(244,248,253,.975));
  border-color:rgba(148,163,184,.22);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .modalx-header{
  background:linear-gradient(180deg, rgba(248,250,252,.92), rgba(243,247,252,.84));
  border-bottom-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .modalx-body{
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(248,250,252,.62));
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .modalx-actions{
  background:linear-gradient(180deg, rgba(248,250,252,.84), rgba(244,248,253,.9));
  border-top-color:rgba(148,163,184,.18);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .modalx-title{
  color:#0f172a;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-alert{
  background:linear-gradient(180deg, rgba(239,248,255,.96), rgba(255,255,255,.96));
  border-color:rgba(125,211,252,.42);
  color:#075985;
  box-shadow:0 12px 24px rgba(14,116,144,.06);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-summary{
  color:#6b778c;
  font-size:.93rem;
  font-weight:700;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(109,94,252,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.97), rgba(245,244,255,.93));
  border-color:rgba(109,94,252,.22);
  box-shadow:0 12px 26px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.9);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item:hover{
  border-color:rgba(96,165,250,.34);
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(96,165,250,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(240,247,255,.94));
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item.is-locked{
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(245,158,11,.12), transparent 58%),
    linear-gradient(180deg, rgba(255,251,235,.98), rgba(255,255,255,.94));
  border-color:rgba(245,158,11,.28);
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item-title,
body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item-count,
body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-auth .settings-panel-title,
body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-auth .field label{
  color:#0f172a;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item-note,
body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-auth .settings-panel-note{
  color:#66758b;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item-dependency{
  color:#3b82f6;
  font-weight:800;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-item-state{
  background:rgba(245,158,11,.14);
  border-color:rgba(245,158,11,.26);
  color:#9a3412;
}

body[data-theme="light"] .modalx-backdrop.system-reset-modal-open .settings-reset-auth{
  --settings-reset-auth-blink-border:rgba(59,130,246,.46);
  --settings-reset-auth-blink-bg:linear-gradient(180deg, rgba(239,248,255,.98), rgba(255,255,255,.96));
  --settings-reset-auth-blink-ring-inner:rgba(59,130,246,.2);
  --settings-reset-auth-blink-ring-outer:rgba(96,165,250,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,250,252,.88));
  border-color:rgba(148,163,184,.22);
}

body[data-theme="light"] .notif-pill.status-unread{
  background:linear-gradient(180deg, rgba(255,247,237,.98), rgba(255,237,213,.94));
  border-color:rgba(251,146,60,.34);
  color:#c2410c;
  box-shadow:0 10px 20px rgba(249,115,22,.08), inset 0 1px 0 rgba(255,255,255,.86);
}

body[data-theme="light"] .notif-pill.status-unread .dot{
  background:#f59e0b;
  box-shadow:0 0 0 6px rgba(245,158,11,.18);
}

body[data-theme="light"] .notif-pill.status-seen{
  background:linear-gradient(180deg, rgba(239,246,255,.98), rgba(219,234,254,.94));
  border-color:rgba(96,165,250,.34);
  color:#1d4ed8;
  box-shadow:0 10px 20px rgba(59,130,246,.08), inset 0 1px 0 rgba(255,255,255,.86);
}

body[data-theme="light"] .notif-pill.status-seen .dot{
  background:#60a5fa;
  box-shadow:0 0 0 6px rgba(96,165,250,.16);
}

body[data-theme="light"] .notif-pill.status-read{
  background:linear-gradient(180deg, rgba(236,253,245,.98), rgba(209,250,229,.94));
  border-color:rgba(52,211,153,.34);
  color:#047857;
  box-shadow:0 10px 20px rgba(16,185,129,.08), inset 0 1px 0 rgba(255,255,255,.86);
}

body[data-theme="light"] .notif-pill.status-read .dot{
  background:#34d399;
  box-shadow:0 0 0 6px rgba(52,211,153,.16);
}

body[data-theme="light"] .auth-login-page{
  background:
    radial-gradient(110% 140% at 0% 0%, rgba(191,219,254,.55), transparent 38%),
    radial-gradient(120% 150% at 100% 100%, rgba(219,234,254,.42), transparent 42%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

body[data-theme="light"] .auth-login-page::before{
  opacity:.3;
  filter:blur(18px);
  background:radial-gradient(circle, rgba(96,165,250,.24) 0%, rgba(96,165,250,.02) 70%);
}

body[data-theme="light"] .auth-login-page::after{
  opacity:.28;
  filter:blur(18px);
  background:radial-gradient(circle, rgba(129,140,248,.2) 0%, rgba(129,140,248,.02) 70%);
}

body[data-theme="light"] .auth-login-panel{
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(96,165,250,.08), transparent 42%),
    radial-gradient(120% 140% at 0% 100%, rgba(129,140,248,.08), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(244,248,253,.96));
  border-color:rgba(148,163,184,.26);
  box-shadow:0 34px 78px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.92);
}

body[data-theme="light"] .auth-login-mark{
  color:#eef6ff;
  border-color:rgba(37,99,235,.54);
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(147,197,253,.26), transparent 46%),
    linear-gradient(180deg, #365fd8 0%, #213b8f 100%);
  box-shadow:0 18px 36px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.18);
}

body[data-theme="light"] .auth-login-mark::after{
  border-color:rgba(59,130,246,.24);
}

body[data-theme="light"] .auth-login-title,
body[data-theme="light"] .auth-login-label{
  color:#0f172a;
}

body[data-theme="light"] .auth-login-sub{
  color:#5f6f86;
}

body[data-theme="light"] .auth-login-input{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  border-color:rgba(148,163,184,.34);
  color:#0f172a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}

body[data-theme="light"] .auth-login-input::placeholder{
  color:rgb(139 143 149);
}

body[data-theme="light"] .auth-login-input:hover{
  border-color:rgba(96,165,250,.36);
  background:linear-gradient(180deg, rgba(255,255,255,.995), rgba(243,247,252,.98));
}

body[data-theme="light"] .auth-login-input:focus{
  border-color:rgba(96,165,250,.58);
  box-shadow:0 0 0 4px rgba(96,165,250,.14), 0 16px 30px rgba(59,130,246,.1);
}

body[data-theme="light"] .auth-login-input-icon{
  color:#94a3b8;
}

body[data-theme="light"] .auth-login-btn,
body[data-theme="light"] .auth-login-btn:hover,
body[data-theme="light"] .auth-login-btn:active{
  color:#ffffff;
}

body[data-theme="light"] .auth-login-btn{
  border-color:rgba(37,99,235,.76);
  background:
    radial-gradient(110% 110% at 0% 0%, rgba(147,197,253,.24), transparent 52%),
    linear-gradient(180deg, #4678eb 0%, #234bb9 100%);
  box-shadow:0 18px 34px rgba(37,99,235,.2), inset 0 1px 0 rgba(255,255,255,.2);
}

body[data-theme="light"] .auth-login-btn:hover{
  border-color:rgba(29,78,216,.92);
  background:
    radial-gradient(110% 110% at 0% 0%, rgba(191,219,254,.2), transparent 50%),
    linear-gradient(180deg, #396ce4 0%, #1e40af 100%);
  box-shadow:0 20px 38px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.2);
  filter:none;
}

body[data-theme="light"] .auth-login-btn:active{
  background:
    radial-gradient(110% 110% at 0% 0%, rgba(147,197,253,.18), transparent 50%),
    linear-gradient(180deg, #315fd0 0%, #1d3f9f 100%);
}

/* ── Bell notification panel: graphite style in all themes ───────────── */
body[data-theme="light"] .notif-panel{
  background:rgba(32,34,38,.98) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body[data-theme="light"] .notif-head{
  color:#ffffff !important;
}
body[data-theme="light"] .notif-head-settings{
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
}
body[data-theme="light"] .notif-panel .notif-item{
  background:rgba(255,255,255,.02) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
body[data-theme="light"] .notif-panel .notif-item:hover{
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
body[data-theme="light"] .notif-panel .notif-item-upcoming{
  background:linear-gradient(140deg, rgba(56,189,248,.12), rgba(14,116,144,.04)) !important;
  border-color:rgba(56,189,248,.24) !important;
}
body[data-theme="light"] .notif-panel .notif-item-finance{
  background:linear-gradient(140deg, rgba(34,197,94,.12), rgba(16,185,129,.04)) !important;
  border-color:rgba(34,197,94,.28) !important;
}
body[data-theme="light"] .notif-panel .notif-item-expense{
  background:linear-gradient(140deg, rgba(239,68,68,.12), rgba(220,38,38,.04)) !important;
  border-color:rgba(239,68,68,.28) !important;
}
body[data-theme="light"] .notif-panel .notif-title{
  color:#ffffff !important;
}
body[data-theme="light"] .notif-panel .notif-meta{
  color:rgb(255 255 255 / 72%) !important;
}
body[data-theme="light"] .notif-panel .notif-read-btn{
  color:#ffffff !important;
  border-color:rgba(34,197,94,.34) !important;
  background:rgba(34,197,94,.10) !important;
}
body[data-theme="light"] .notif-panel .notif-read-btn:hover{
  color:#ffffff !important;
  border-color:rgba(34,197,94,.56) !important;
  background:rgba(34,197,94,.20) !important;
}
body[data-theme="light"] .notif-panel .notif-item-expense .notif-read-btn{
  color:#ffffff !important;
  border-color:rgba(239,68,68,.34) !important;
  background:rgba(239,68,68,.10) !important;
}
body[data-theme="light"] .notif-panel .notif-item-expense .notif-read-btn:hover{
  color:#ffffff !important;
  border-color:rgba(239,68,68,.56) !important;
  background:rgba(239,68,68,.20) !important;
}
body[data-theme="light"] .notif-panel :where(span):not(.dot):not(.notif-badge){
  color:inherit !important;
}