:root{
  --primary-color:#0b5ed7;--secondary-color:#6c757d;--sidebar-bg:#071c3d;--sidebar-text:#ffffff;
  --button-bg:#0d6efd;--button-text:#ffffff;--button-hover-bg:#084298;--button-hover-text:#ffffff;
  --secondary-button-bg:#ffffff;--secondary-button-text:#1f2937;--secondary-button-hover-bg:#eef4ff;--secondary-button-hover-text:#0b5ed7;
  --card-bg:#ffffff;--body-bg:#f4f7fb;--text-color:#1f2937;--accent-color:#22c55e;--border-color:#e5eaf2;
  --table-header-bg:#f8fafc;--input-focus-color:#22c55e;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;
  --navy:var(--sidebar-bg);--blue:var(--primary-color);--green:var(--success-color);--red:var(--danger-color);--orange:var(--warning-color);
  --bg:var(--body-bg);--card:var(--card-bg);--text:var(--text-color);--muted:var(--secondary-color);--border:var(--border-color);
  --shadow:0 14px 40px rgba(15,23,42,.08);--soft-shadow:0 8px 26px rgba(15,23,42,.07);--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--body-bg);color:var(--text-color);font-size:14px;line-height:1.45;overflow-x:hidden}a{color:var(--primary-color);text-decoration:none;font-weight:750}a:hover{color:var(--accent-color);text-decoration:none}img{max-width:100%}code{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:8px;padding:2px 8px;color:var(--text-color)}.muted{color:var(--secondary-color)}.icon{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.18em;fill:currentColor;flex:0 0 auto}.app-shell{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{width:250px;background:linear-gradient(180deg,var(--sidebar-bg),color-mix(in srgb,var(--sidebar-bg) 78%,#000));color:var(--sidebar-text);padding:18px 14px;position:fixed;left:0;top:0;bottom:0;z-index:30;transition:.25s;box-shadow:10px 0 28px rgba(2,8,23,.10);overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--sidebar-text);margin:0 4px 24px;padding:5px}.brand:hover{color:var(--sidebar-text)}.brand img{width:38px;height:38px;flex:0 0 38px}.brand span{display:flex;flex-direction:column;line-height:1.1;min-width:0}.brand strong{font-size:16px}.brand small{font-size:12px;color:color-mix(in srgb,var(--sidebar-text) 72%,transparent)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:color-mix(in srgb,var(--sidebar-text) 84%,transparent);padding:11px 13px;border-radius:12px;font-weight:750;font-size:14px;display:flex;align-items:center;gap:10px;min-height:42px;position:relative;transition:.18s}.sidebar nav a .icon{color:color-mix(in srgb,var(--sidebar-text) 78%,transparent)}.sidebar nav a:hover,.sidebar nav a.active{background:color-mix(in srgb,var(--accent-color) 20%,transparent);color:var(--sidebar-text)}.sidebar nav a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:99px;background:var(--accent-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 13%,transparent)}.sidebar nav a.active .icon,.sidebar nav a:hover .icon{color:var(--accent-color)}.sidebar-backdrop{display:none}.main{margin-left:250px;width:calc(100% - 250px);min-width:0}.topbar{min-height:78px;background:color-mix(in srgb,var(--card-bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20}.topbar h1{font-size:22px;margin:0;color:var(--text-color)}.topbar p{margin:4px 0 0;color:var(--secondary-color);font-size:13px}.user-menu{display:flex;align-items:center;gap:14px;font-size:14px;white-space:nowrap}.logout-link{display:inline-flex;align-items:center;gap:6px;color:var(--secondary-color)}.logout-link:hover{color:var(--danger-color)}.mobile-toggle{display:none;border:0;background:var(--button-bg);color:var(--button-text);border-radius:10px;padding:9px 11px;font-size:18px}.content{padding:24px;max-width:1780px;margin:0 auto;width:100%}.grid{display:grid;gap:18px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.summary-grid{align-items:stretch}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:18px}.three-col{grid-template-columns:1.2fr 1fr .9fr;margin-bottom:18px}.panel,.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px;margin-bottom:18px;min-width:0}.narrow{max-width:980px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.panel h3{margin:0 0 14px;font-size:18px;color:var(--text-color);display:flex;align-items:center;gap:8px}.panel h3 .icon{color:var(--accent-color)}.panel-head h3{margin:0}.panel-head p{margin:4px 0 0}.section-intro{margin-bottom:16px}.section-intro h3{margin-bottom:6px}.stat-card{padding:18px;position:relative;overflow:hidden;min-height:112px;display:flex;flex-direction:column;justify-content:center}.stat-card:after{content:"";position:absolute;right:-20px;top:-20px;width:92px;height:92px;border-radius:50%;opacity:.10;background:currentColor}.stat-icon{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 10%,transparent);color:currentColor}.stat-icon .icon{font-size:18px}.stat-card span{display:block;color:var(--secondary-color);font-size:13px;margin-bottom:8px;font-weight:800;max-width:calc(100% - 38px)}.stat-card strong{font-size:22px;line-height:1.2;word-break:break-word}.stat-card.blue{color:var(--primary-color)}.stat-card.green{color:var(--success-color)}.stat-card.red{color:var(--danger-color)}.stat-card.orange{color:var(--warning-color)}.stat-card.purple{color:var(--accent-color)}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--secondary-button-bg);color:var(--secondary-button-text);border-radius:11px;padding:9px 14px;font-weight:800;font-size:14px;cursor:pointer;min-height:40px;gap:7px;transition:.18s;line-height:1}.btn .icon{color:currentColor}.btn-primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}.btn-primary:hover{background:var(--button-hover-bg);border-color:var(--button-hover-bg);color:var(--button-hover-text);filter:none}.btn:hover{background:var(--secondary-button-hover-bg);border-color:color-mix(in srgb,var(--secondary-button-hover-bg, var(--accent-color)) 25%,var(--border-color));color:var(--secondary-button-hover-text);filter:none;transform:translateY(-1px)}.filters,.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px;align-items:center}.filters-advanced input,.filters-advanced select{flex:1 1 175px}.filters input,.filters select,.inline-form input,.inline-form select{min-width:150px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-stack{display:grid;gap:12px}.span-2{grid-column:span 2}.span-all{grid-column:1/-1}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-grid label,.form-stack label,.theme-field label{display:block;font-weight:800;font-size:13px;margin-bottom:7px;color:var(--text-color)}input,select,textarea{width:100%;border:1px solid var(--border-color);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text-color);outline:none;min-height:42px;transition:.18s}input[type=color]{padding:3px;width:52px;min-width:52px;height:42px;cursor:pointer}textarea{min-height:104px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--input-focus-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-focus-color) 18%,transparent)}input:required,select:required,textarea:required{border-left:3px solid color-mix(in srgb,var(--accent-color) 45%,var(--border-color))}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border-radius:14px}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:13px 12px;border-bottom:1px solid var(--border-color);text-align:left;font-size:14px;vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:var(--secondary-color);background:var(--table-header-bg);font-weight:900;letter-spacing:.02em}td strong{color:var(--text-color)}.cell-subtitle{display:block;color:var(--secondary-color);font-size:12px;margin-top:3px}.empty-cell,.empty-card{text-align:center!important;color:var(--secondary-color);padding:28px!important;font-weight:700;background:var(--table-header-bg);border-radius:12px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.action-link{display:inline-flex;align-items:center;gap:5px}.danger{color:var(--danger-color)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:color-mix(in srgb,var(--primary-color) 10%,#fff);color:var(--primary-color);white-space:nowrap}.badge .icon{font-size:12px}.badge-completed,.badge-active,.badge-fully-paid,.badge-income,.badge-transfer-in,.badge-advance,.badge-advance-received{background:color-mix(in srgb,var(--success-color) 13%,#fff);color:color-mix(in srgb,var(--success-color) 70%,#064e3b)}.badge-pending,.badge-partially-paid,.badge-transfer-out{background:color-mix(in srgb,var(--warning-color) 15%,#fff);color:color-mix(in srgb,var(--warning-color) 70%,#78350f)}.badge-cancelled,.badge-unpaid,.badge-expense,.badge-inactive{background:color-mix(in srgb,var(--danger-color) 12%,#fff);color:color-mix(in srgb,var(--danger-color) 75%,#7f1d1d)}.badge-in-progress,.badge-new,.badge-loan-received,.badge-family-money-received,.badge-cash-received,.badge-cash-transfer-in{background:color-mix(in srgb,var(--accent-color) 13%,#fff);color:color-mix(in srgb,var(--accent-color) 72%,#064e3b)}.badge-loan-repayment,.badge-cash-expense,.badge-cash-transfer-out{background:color-mix(in srgb,var(--danger-color) 12%,#fff);color:color-mix(in srgb,var(--danger-color) 75%,#7f1d1d)}.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-weight:800;display:flex;align-items:center;gap:9px;border:1px solid var(--border-color)}.alert .icon{font-size:17px}.alert-success{background:color-mix(in srgb,var(--success-color) 13%,#fff);color:color-mix(in srgb,var(--success-color) 70%,#064e3b)}.alert-danger{background:color-mix(in srgb,var(--danger-color) 12%,#fff);color:color-mix(in srgb,var(--danger-color) 75%,#7f1d1d)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.detail-grid div{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:13px;padding:13px;min-width:0}.detail-grid span{display:block;color:var(--secondary-color);font-size:12px}.detail-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere}.account-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.account-card{border:1px solid var(--border-color);border-radius:16px;padding:16px;background:linear-gradient(180deg,var(--card-bg),color-mix(in srgb,var(--body-bg) 55%,#fff));min-width:0}.account-card span,.account-card small{color:var(--secondary-color)}.account-card strong{display:block;font-size:23px;margin:10px 0;color:var(--text-color);overflow-wrap:anywhere}.account-list{display:grid;gap:10px}.account-list div{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--border-color);border-radius:13px;padding:13px 14px;background:var(--table-header-bg);min-width:0}.account-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.account-list span .icon{color:var(--accent-color)}.account-list strong{font-weight:900;white-space:nowrap;color:var(--text-color)}.account-panel{min-height:350px}.chart-grid{align-items:stretch}.chart-panel{min-height:365px;display:flex;flex-direction:column}.chart-panel canvas{width:100%!important;display:block;flex:1;min-height:270px;max-height:330px}.timeline{display:grid;gap:12px}.timeline div{border-left:3px solid var(--accent-color);padding-left:12px}.timeline span,.timeline small{display:block;color:var(--secondary-color);margin-top:4px}.link-full{display:block;text-align:center;padding-top:12px}.theme-panel{overflow:hidden}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.theme-field{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:14px;padding:13px;position:relative}.theme-field label{display:flex;align-items:center;gap:6px}.theme-field label .icon{color:var(--accent-color)}.color-input-row{display:flex;align-items:center;gap:10px}.color-hex{font-weight:800;font-family:Consolas,monospace;min-height:42px}.color-preview{display:block;height:8px;border-radius:999px;margin-top:10px;border:1px solid var(--border-color)}.theme-preview{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:16px 0 20px}.preview-sidebar,.preview-card{border:1px solid var(--border-color);border-radius:16px;padding:16px;background:var(--table-header-bg);min-height:108px}.preview-sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);position:relative}.preview-sidebar:before{content:"";position:absolute;left:12px;top:18px;bottom:18px;width:4px;border-radius:99px;background:var(--accent-color)}.preview-sidebar span{width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--accent-color) 20%,transparent);display:block;margin-left:14px}.preview-sidebar b,.preview-sidebar small{display:block;margin-left:14px}.preview-card{display:flex;flex-direction:column;gap:10px}.login-body{min-height:100vh;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary-color) 18%,#fff),#f8fbff 40%,var(--sidebar-bg) 40.5%,#031633);display:flex;align-items:center;justify-content:center;padding:20px}.login-wrap{width:min(480px,100%)}.login-card{background:var(--card-bg);border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.18);text-align:center}.login-logo img{width:58px}.login-card h2{margin:12px 0 4px;color:var(--sidebar-bg)}.login-card p{color:var(--secondary-color)}.login-card form{text-align:left}.login-card small{display:block;margin-top:14px;color:var(--secondary-color)}.setup-body{background:var(--body-bg);padding:30px}.setup-card{max-width:900px;margin:auto;background:var(--card-bg);border-radius:18px;box-shadow:var(--shadow);padding:30px}.report-summary{margin:15px 0}.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-help{display:block;color:var(--secondary-color);font-size:12px;margin-top:6px}.one-col{grid-template-columns:1fr}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-list div{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:13px;padding:13px;min-width:0}.detail-list span{display:block;color:var(--secondary-color);font-size:12px;font-weight:800}.detail-list strong{display:block;margin-top:5px;overflow-wrap:anywhere}.detail-list .span-full{grid-column:1/-1}.table-panel{min-width:0}@media print{.sidebar,.topbar,.filters,.btn{display:none!important}.main{margin:0;width:100%}.content{padding:0}.panel{box-shadow:none;break-inside:avoid}}@media(max-width:1400px){.cards-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,1fr)}.two-col,.three-col{grid-template-columns:1fr}.account-cards{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.chart-panel{min-height:340px}.theme-preview{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-105%);width:min(86vw,270px)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:25}.sidebar.open + .sidebar-backdrop{display:block}.main{margin-left:0;width:100%}.topbar{padding:0 14px;min-height:68px}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.page-title{min-width:0}.topbar h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.content{padding:16px}.cards-grid,.account-cards,.detail-grid,.theme-grid,.theme-preview{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar p{display:none}.user-menu span{display:none}th,td{white-space:nowrap}.panel{padding:16px}.panel-head{align-items:flex-start;flex-direction:column}.chart-panel{min-height:320px}.chart-panel canvas{min-height:245px}.account-list div{align-items:flex-start;flex-direction:column;gap:4px}.account-list span{white-space:normal}.account-list strong{white-space:normal}.filters input,.filters select,.inline-form input,.inline-form select{min-width:100%;flex:1 1 100%}.form-actions .btn,.actions-row .btn{flex:1}.detail-list{grid-template-columns:1fr}.actions-row{width:100%}.btn{width:auto}.login-card{padding:26px 20px}}@media(max-width:460px){.topbar h1{max-width:44vw}.user-menu{gap:8px}.logout-link span{display:none}.stat-card strong{font-size:19px}.content{padding:12px}.panel{border-radius:14px}.cards-grid{gap:12px}}
/* FreelanceFlow upgrades */
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 13%,var(--card-bg)),var(--card-bg));border-left:5px solid var(--accent-color)}
.dashboard-hero h2{margin:0 0 6px;font-size:24px;color:var(--text-color)}.dashboard-hero p{margin:0;color:var(--secondary-color);font-weight:700}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.app-footer{padding:14px 24px 22px;margin:0 auto;width:100%;max-width:1780px;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-color)}.app-footer strong{color:var(--text-color)}.app-footer a{color:var(--accent-color)}.login-footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color);color:var(--secondary-color);font-size:12px}.login-footer a{color:var(--accent-color)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}.tabs a{padding:9px 13px;border:1px solid var(--border-color);border-radius:999px;color:var(--secondary-color);background:var(--card-bg);font-weight:850}.tabs a.active,.tabs a:hover{background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color) 35%,var(--border-color))}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px;overflow-x:auto;padding-bottom:8px}.kanban-col{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px;min-height:260px}.kanban-col h3{display:flex;justify-content:space-between;align-items:center}.kanban-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:var(--soft-shadow);display:grid;gap:7px}.kanban-card a{font-weight:900;color:var(--text-color)}.kanban-card small{color:var(--secondary-color)}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.note-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px;box-shadow:var(--soft-shadow);min-width:0}.note-card p{color:var(--text-color);min-height:52px}.note-card small{color:var(--secondary-color)}.notes-mini{display:grid;gap:10px}.notes-mini>div{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:grid;gap:4px}.notes-mini small{color:var(--secondary-color)}.task-list-dash{display:grid;gap:10px}.dash-task{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--table-header-bg)}.dash-task div{display:grid;gap:4px;min-width:0}.dash-task strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-task small{color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-row{display:flex;gap:10px;flex-wrap:wrap}.btn:hover{border-color:color-mix(in srgb,var(--accent-color) 25%,var(--border-color))}.sidebar nav a[href*="tasks"],.sidebar nav a[href*="work-logs"],.sidebar nav a[href*="milestones"],.sidebar nav a[href*="notes"]{position:relative}.setup-card .brand-name{color:var(--accent-color)}
@media(max-width:1200px){.kanban-board{grid-template-columns:repeat(4,260px)}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{align-items:flex-start;flex-direction:column}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.notes-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(4,82vw)}.dashboard-hero h2{font-size:20px}.hero-actions,.hero-actions .btn{width:100%}.dash-task{align-items:flex-start;flex-direction:column}.app-footer{font-size:12px;padding:12px 16px 20px}.footer-sep{display:none}.tabs a{flex:1;text-align:center}.cards-grid{grid-template-columns:1fr}}


/* v6 routing/footer polish */
.main{display:flex!important;flex-direction:column!important;min-height:100vh!important;}
.content{flex:1 0 auto!important;width:100%;}
.app-footer{margin-top:auto!important;text-align:center!important;justify-content:center!important;align-self:stretch;color:var(--secondary-color);background:transparent;}
.app-footer span,.app-footer a{line-height:1.5;}
.dashboard-hero{align-items:center;}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px!important;flex-wrap:wrap;}
.hero-actions .btn{min-width:138px;justify-content:center;}
.panel-head .actions-row{justify-content:flex-end;}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.action-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
@media(max-width:760px){
  .main{min-height:100vh!important;}
  .content{min-height:auto!important;}
  .dashboard-hero{align-items:stretch;}
  .hero-actions{width:100%;gap:12px!important;}
  .hero-actions .btn{width:100%;}
  .app-footer{padding:16px 12px 22px!important;}
  .panel-head .actions-row{justify-content:flex-start;width:100%;}
  .panel-head .actions-row .btn{flex:1 1 100%;}
}

.login-body{flex-direction:column;gap:16px;}
.login-wrap{flex:1;display:flex;align-items:center;justify-content:center;}
.page-login-footer{width:100%;text-align:center;margin:0!important;padding:12px 16px 18px!important;border-top:0!important;}
/* v8 multi-user admin additions */
.viewer-banner{display:flex;align-items:center;gap:12px;justify-content:space-between;background:color-mix(in srgb,var(--accent-color) 12%,#fff);border:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--border-color));color:var(--text-color);border-radius:16px;padding:12px 16px;margin-bottom:18px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.viewer-banner .icon{color:var(--accent-color)}
.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-sm{padding:8px 12px;font-size:13px}.inline-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline-form input{max-width:280px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-grid>div{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:12px;padding:14px}.detail-grid strong{display:block;color:var(--secondary-color);font-size:12px;margin-bottom:6px}.detail-grid span{font-weight:700}.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.permission-group{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px}.permission-group h3{margin:0 0 10px}.permission-group label{display:block;margin:8px 0}.permission-group input{width:auto;margin-right:8px}.empty-state{text-align:center;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}@media(max-width:900px){.detail-grid,.permissions-grid{grid-template-columns:1fr}.viewer-banner{align-items:flex-start;flex-direction:column}.btn-row{width:100%}.btn-row .btn{flex:1 1 auto;justify-content:center}}

/* v9 Super Admin dual dashboard + personal workspace polish */
.nav-section{margin:16px 10px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--sidebar-text) 48%,transparent);font-weight:900}.sidebar nav .nav-section:first-child{margin-top:4px}.admin-dashboard-shell{display:grid;gap:20px}.admin-hero,.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-hero h2,.workspace-hero h2{margin:8px 0 6px;font-size:25px}.admin-hero p,.workspace-hero p{margin:0;color:var(--secondary-color);font-weight:700}.dashboard-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.dashboard-tabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--table-header-bg);color:var(--secondary-color);font-weight:900}.dashboard-tabs a.active,.dashboard-tabs a:hover{background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));border-color:color-mix(in srgb,var(--accent-color) 35%,var(--border-color));color:var(--accent-color)}.admin-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.admin-stat{min-height:118px;height:100%;padding:18px 76px 18px 18px}.admin-stat .stat-icon{right:18px;top:18px}.admin-dashboard-panels{align-items:start}.admin-hero-actions,.workspace-hero .hero-actions{gap:12px;justify-content:flex-end}.workspace-hero .hero-actions .btn{margin:0}.viewer-banner{margin-bottom:18px}.main .content{flex:1 0 auto}.app-footer{flex:0 0 auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.section-title h2 .icon{color:var(--accent-color)}@media(max-width:1280px){.admin-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-hero,.workspace-hero{align-items:flex-start;flex-direction:column}.admin-hero-actions,.workspace-hero .hero-actions{justify-content:flex-start;width:100%}.admin-hero-actions .btn,.workspace-hero .hero-actions .btn{flex:1 1 180px}}@media(max-width:620px){.admin-card-grid{grid-template-columns:1fr}.admin-stat{min-height:104px}.dashboard-tabs a{flex:1;justify-content:center}.admin-hero-actions .btn,.workspace-hero .hero-actions .btn{flex:1 1 100%}.nav-section{margin-left:13px}}

/* v10 Super Admin dashboard, favicon/profile/user-management polish */
.admin-card-grid.admin-cards-grid,
.admin-dashboard-shell .admin-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0 0 20px!important;
}
.admin-dashboard-shell .stat-card,
.admin-dashboard-shell .admin-stat{
  width:auto!important;
  max-width:none!important;
  min-height:112px!important;
  height:100%!important;
  padding:18px 76px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.admin-dashboard-shell .stat-card strong{font-size:22px!important;line-height:1.2!important}
.admin-dashboard-shell .stat-icon{right:16px!important;top:16px!important}
.admin-hero-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important}
.profile-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-color);font-weight:850;white-space:nowrap}.profile-link .icon{color:var(--accent-color)}.profile-link:hover{color:var(--accent-color)}
.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-form label{display:block;font-weight:800;font-size:13px;color:var(--text-color)}.grid-form label input,.grid-form label select,.grid-form label textarea{margin-top:7px}.password-box{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:15px;padding:14px}.password-box h3{margin:0 0 6px;display:flex;align-items:center;gap:8px}.password-box h3 .icon{color:var(--accent-color)}.password-box p{margin:0}.profile-preview{display:flex;align-items:center;gap:14px;background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px}.profile-preview img,.profile-avatar{width:64px;height:64px;border-radius:18px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 20%,var(--card-bg));color:var(--accent-color);font-size:26px;font-weight:900;box-shadow:var(--soft-shadow)}.profile-preview div{display:grid;gap:3px}.profile-preview strong{font-size:17px}.profile-preview span,.profile-preview small{color:var(--secondary-color);font-weight:750}.profile-card{max-width:1080px}.form-card .section-title .btn{white-space:nowrap}
@media(max-width:1100px){.admin-card-grid.admin-cards-grid,.admin-dashboard-shell .admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-hero-actions{justify-content:flex-start!important}}
@media(max-width:760px){.admin-card-grid.admin-cards-grid,.admin-dashboard-shell .admin-card-grid{grid-template-columns:1fr!important}.admin-dashboard-shell .admin-stat{min-height:104px!important}.admin-hero-actions,.admin-hero-actions .btn{width:100%!important}.grid-form{grid-template-columns:1fr}.grid-form .span-2,.grid-form .span-all{grid-column:1/-1}.profile-preview{align-items:flex-start}.profile-link span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* v11 Global SaaS UI + Registration / Approval polish */
.content{min-height:calc(100vh - 150px);display:flex;flex-direction:column}.content>.card,.content>.panel,.content>.dashboard-hero,.content>.admin-dashboard-shell{flex:0 0 auto}.page-head-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 10%,var(--card-bg)),var(--card-bg));border-left:5px solid var(--accent-color)}.form-modern-card,.profile-card{max-width:1180px;margin-left:auto;margin-right:auto}.sectioned-form{background:linear-gradient(180deg,var(--card-bg),color-mix(in srgb,var(--card-bg) 88%,var(--body-bg)));border-radius:16px}.form-section-title{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-color);font-weight:950;background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent-color) 25%,var(--border-color));border-radius:14px;padding:12px 14px}.compact-form textarea{min-height:82px}.check-row{display:flex!important;align-items:center!important;gap:10px!important;background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px}.check-row input{width:auto;min-height:auto}.btn-block{width:100%}.danger-btn{background:color-mix(in srgb,var(--danger-color) 12%,#fff);border-color:color-mix(in srgb,var(--danger-color) 35%,var(--border-color));color:var(--danger-color)}.danger-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.success-link{color:var(--success-color)!important}.mini-action-form{display:inline-flex;margin:0}.mini-action-form button{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.auth-page{min-height:100vh;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent-color) 18%,transparent),transparent 30%),linear-gradient(135deg,var(--body-bg),color-mix(in srgb,var(--primary-color) 7%,var(--body-bg)));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-shell{width:min(1040px,100%);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.auth-brand-panel,.auth-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow);padding:30px}.auth-brand-panel{background:linear-gradient(135deg,var(--sidebar-bg),color-mix(in srgb,var(--sidebar-bg) 82%,var(--accent-color)));color:var(--sidebar-text);display:flex;flex-direction:column;justify-content:center;min-height:420px}.auth-brand-panel img{width:72px;height:72px;margin-bottom:18px}.auth-brand-panel h1{font-size:34px;margin:0 0 10px}.auth-brand-panel p{font-size:16px;color:color-mix(in srgb,var(--sidebar-text) 80%,transparent);max-width:440px}.auth-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.auth-features span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;font-weight:850}.auth-card{display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:28px;margin:0 0 6px}.auth-card .form-stack label{font-weight:850}.auth-links{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.register-card{justify-content:flex-start}.register-shell{grid-template-columns:.85fr 1.15fr}.pending-card{width:min(520px,100%);text-align:center;align-items:center;gap:12px}.pending-icon{width:76px;height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 16%,var(--card-bg));color:var(--accent-color);font-size:34px;margin:0 auto 10px}.approval-card{border-left:5px solid var(--warning-color)}.pending-users-panel{border-left:5px solid var(--warning-color)}.profile-hero{max-width:1180px;margin-left:auto;margin-right:auto}.profile-card .grid-form{align-items:start}.profile-card label{background:transparent}.profile-card .profile-preview{grid-column:1/-1}.profile-card .password-box{grid-column:1/-1}.profile-card .form-actions{justify-content:flex-end}.admin-dashboard-shell .admin-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.admin-dashboard-shell .stat-card{min-width:0}.badge-pending,.badge-pending-approval{background:color-mix(in srgb,var(--warning-color) 15%,#fff);color:color-mix(in srgb,var(--warning-color) 70%,#78350f)}.badge-rejected,.badge-suspended{background:color-mix(in srgb,var(--danger-color) 13%,#fff);color:color-mix(in srgb,var(--danger-color) 76%,#7f1d1d)}.badge-approved{background:color-mix(in srgb,var(--success-color) 13%,#fff);color:color-mix(in srgb,var(--success-color) 75%,#064e3b)}.app-footer{margin-top:auto!important}.section-title>div p{margin:.35rem 0 0}.table-panel table td .inline-form{margin:0}.page-login-footer{width:min(1040px,100%);text-align:center}
@media(max-width:1100px){.auth-shell,.register-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:260px}.admin-dashboard-shell .admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.auth-page{padding:14px}.auth-card,.auth-brand-panel{border-radius:18px;padding:22px}.auth-brand-panel h1{font-size:28px}.form-actions .btn,.section-title .btn,.btn-row .btn{flex:1 1 100%;justify-content:center}.section-title{align-items:flex-start;flex-direction:column}.profile-card .form-actions{justify-content:stretch}.admin-dashboard-shell .admin-card-grid{grid-template-columns:1fr!important}.filters input,.filters select,.filters button{flex:1 1 100%;width:100%}}

/* v11 Profile balanced two-column layout */
.profile-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.profile-side{position:sticky;top:96px}.vertical-profile-preview{flex-direction:column;text-align:center;align-items:center}.vertical-profile-preview img,.vertical-profile-preview .profile-avatar{width:110px;height:110px;border-radius:30px;font-size:44px}.file-upload-label{display:grid;gap:8px;margin-top:16px;font-weight:850}.file-upload-label small{color:var(--secondary-color);font-weight:700}.profile-main{display:grid;gap:0}.profile-actions{justify-content:flex-end;margin-top:14px}@media(max-width:980px){.profile-layout{grid-template-columns:1fr}.profile-side{position:static}.vertical-profile-preview{flex-direction:row;text-align:left}.vertical-profile-preview img,.vertical-profile-preview .profile-avatar{width:76px;height:76px;border-radius:22px;font-size:32px}}

/* v12 Final UI polish, approval UX, login/register consistency and docs-ready layout */
.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-mini{min-height:34px;padding:7px 10px;border-radius:9px;font-size:12px}.filters-card{padding-bottom:16px}.users-summary-grid{margin-bottom:18px}.users-hero .hero-actions{gap:12px}.approval-table th,.approval-table td{white-space:normal}.pending-row{background:linear-gradient(90deg,color-mix(in srgb,var(--warning-color) 8%,transparent),transparent 42%)}.pending-users-panel{box-shadow:0 16px 46px color-mix(in srgb,var(--warning-color) 10%,transparent)}.approval-actions{gap:7px;min-width:280px}.approval-actions .mini-action-form{margin:0}.approval-actions .danger.action-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--danger-color) 32%,var(--border-color));background:color-mix(in srgb,var(--danger-color) 9%,#fff);border-radius:9px;padding:7px 10px;min-height:34px;font-size:12px}.approval-actions .danger.action-link:hover{background:var(--danger-color);color:#fff}.auth-form-card{gap:18px}.auth-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:6px}.auth-card-head h2{margin:0 0 4px}.auth-mini-icon{width:44px;height:44px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 13%,var(--card-bg));color:var(--accent-color);box-shadow:var(--soft-shadow);flex:0 0 44px}.auth-mini-icon .icon{font-size:21px}.auth-form{gap:14px}.auth-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-color);border-radius:13px;padding:0 11px;margin-top:7px;min-height:48px;transition:.18s}.auth-field:focus-within{border-color:var(--input-focus-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-focus-color) 18%,transparent)}.auth-field .icon{color:var(--accent-color);font-size:17px}.auth-field input{border:0!important;box-shadow:none!important;padding:10px 0!important;min-height:44px;background:transparent}.password-field button{border:0;background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color);font-weight:900;border-radius:8px;padding:7px 9px;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.check-inline{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:800}.check-inline input{width:auto;min-height:auto}.auth-alert{border-radius:14px;align-items:flex-start}.pending-approval-page{border-top:5px solid var(--accent-color);max-width:560px}.pending-approval-page h2{margin-bottom:4px}.documentation-note{background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg));border:1px dashed color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-radius:14px;padding:12px}.form-card,.card,.panel{transition:box-shadow .18s,transform .18s}.card:hover,.panel:hover{box-shadow:0 18px 46px rgba(15,23,42,.09)}.section-title{gap:14px}.login-footer,.app-footer{text-align:center;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.auth-page .login-footer{margin-top:20px;color:var(--secondary-color)}
@media(max-width:920px){.approval-actions{min-width:220px}.auth-shell,.register-shell{width:100%}.users-summary-grid.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-options{align-items:flex-start}}
@media(max-width:640px){.users-summary-grid.cards-grid{grid-template-columns:1fr}.approval-actions{min-width:180px;flex-direction:column;align-items:stretch}.approval-actions .btn,.approval-actions .action-link,.approval-actions .mini-action-form,.approval-actions .mini-action-form button{width:100%;justify-content:center}.auth-card-head{align-items:center}.auth-field{min-height:46px}.btn-row .btn{flex:1 1 100%;justify-content:center}.page-login-footer{font-size:13px}.auth-brand-panel,.auth-card{padding:20px}.auth-features span{width:100%;justify-content:center}}

/* v13 Icons, Reports/Loans polish, Backup module */
.report-summary .stat-card,.backup-summary-grid .stat-card{min-height:112px}.report-summary .stat-card .stat-icon,.summary-grid .stat-card .stat-icon{box-shadow:0 10px 28px color-mix(in srgb,currentColor 10%,transparent)}.panel-head .btn-row,.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.backup-hero{align-items:center}.backup-grid{align-items:start}.backup-card .alert{margin:4px 0 0}.backup-warning{font-size:13px}.backup-card input[type=file]{background:var(--card-bg);padding:10px}.backup-card select,.backup-card textarea,.backup-card input{max-width:100%}.backup-history-badge{display:inline-flex;align-items:center;gap:6px}.table-panel h3 .icon,.backup-card h3 .icon{color:var(--accent-color)}.loans-page .filters,.filters-advanced{align-items:center}.filters-advanced button,.filters-advanced .btn{white-space:nowrap}.backup-summary-grid .stat-card strong{font-size:20px}.backup-card .form-stack{gap:12px}.backup-card label{font-weight:900}.backup-card .alert-info{background:color-mix(in srgb,var(--primary-color) 8%,#fff);color:color-mix(in srgb,var(--primary-color) 72%,#111827);border-color:color-mix(in srgb,var(--primary-color) 18%,var(--border-color))}.backup-card .alert-warning{background:color-mix(in srgb,var(--warning-color) 10%,#fff);color:color-mix(in srgb,var(--warning-color) 62%,#111827);border-color:color-mix(in srgb,var(--warning-color) 24%,var(--border-color))}.nav-section{margin:14px 10px 6px;color:color-mix(in srgb,var(--sidebar-text) 58%,transparent);font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.09em}.sidebar nav a[href*="backup"] .icon{color:var(--accent-color)}.empty-cell .icon{color:var(--accent-color);margin-right:6px}.badge-backup-import,.badge-backup-export,.badge-full-system-backup,.badge-single-user-backup,.badge-my-workspace-backup{background:color-mix(in srgb,var(--accent-color) 12%,#fff);color:color-mix(in srgb,var(--accent-color) 75%,#064e3b)}
@media(max-width:900px){.backup-grid{grid-template-columns:1fr}.backup-hero{align-items:flex-start;flex-direction:column}.backup-hero .btn-row{width:100%}.backup-hero .btn-row .btn{flex:1 1 180px}.filters-advanced input,.filters-advanced select,.filters-advanced .btn,.filters-advanced button{flex:1 1 100%}}
@media(max-width:640px){.backup-summary-grid.cards-grid{grid-template-columns:1fr}.backup-card .form-actions,.backup-card .btn{width:100%}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .inline-form{width:100%}.panel-head .inline-form input,.panel-head .inline-form .btn,.panel-head .inline-form button{flex:1 1 100%;width:100%}}
/* v16 Extra Income + Invoice/Estimate polish */
.invoice-paper{background:#fff;border:1px solid var(--border-color);border-radius:18px;padding:30px;margin-top:18px;box-shadow:0 14px 45px rgba(15,23,42,.08)}
.invoice-top{display:flex;justify-content:space-between;gap:24px;border-bottom:3px solid var(--accent-color);padding-bottom:14px;margin-bottom:16px}.invoice-top h2{margin:0;color:var(--text-color)}.invoice-logo{max-width:130px;max-height:90px;object-fit:contain}.invoice-title{text-align:center;color:var(--primary-color);font-size:32px;margin:18px 0}.invoice-bottom{align-items:start;margin-top:22px}.invoice-totals{max-width:420px;margin-left:auto}.invoice-totals p{display:flex;justify-content:space-between;gap:20px;padding:10px 14px;border-bottom:1px solid var(--border-color);margin:0}.invoice-totals .total{background:var(--primary-color);color:#fff;border-radius:8px;border:0}.signature-box{text-align:center;margin-top:32px;margin-left:auto;max-width:280px}.signature-box img{max-height:70px;display:block;margin:0 auto 8px}.compact{margin-bottom:10px}.span-2{grid-column:1 / -1}.check-row{display:flex!important;align-items:center;gap:10px;margin-top:26px}.invoice-preview-card .table-responsive{margin-top:18px}@media(max-width:768px){.invoice-top,.invoice-bottom{display:block}.invoice-totals{max-width:none;margin-top:18px}.invoice-paper{padding:18px}.invoice-title{font-size:24px}.span-2{grid-column:auto}}


/* v17 Invoice/Estimate + Extra Income UX and print polish */
.form-hero,.invoice-form-hero{margin-bottom:18px}.invoice-profile-warning{display:flex;gap:12px;align-items:flex-start;margin-top:14px}.invoice-profile-warning p{margin:.35rem 0 .75rem}.invoice-profile-mini{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--accent-color) 7%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent-color) 20%,var(--border-color));border-radius:14px;padding:12px 14px}.invoice-profile-mini div{display:flex;gap:8px;align-items:center;color:var(--accent-color)}.invoice-builder,.income-builder{display:grid;gap:0}.invoice-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.form-card h3{margin-bottom:16px}.compact-grid{gap:14px 18px}.invoice-items-card table input{min-width:120px}.invoice-items-table th:nth-child(3),.invoice-items-table td:nth-child(3){width:90px}.invoice-items-table th:nth-child(4),.invoice-items-table td:nth-child(4){width:110px}.invoice-items-table th:nth-child(5),.invoice-items-table td:nth-child(5){width:130px}.line-amount{white-space:nowrap;color:var(--primary-color)}.danger-soft{color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 25%,var(--border-color));background:color-mix(in srgb,var(--danger-color) 6%,#fff)}.danger-soft:hover{background:var(--danger-color);color:#fff}.live-total-card{display:grid;gap:0;margin-top:16px;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--body-bg) 40%,var(--card-bg))}.live-total-card p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:10px 14px;border-bottom:1px solid var(--border-color)}.live-total-card p:last-child{border-bottom:0}.live-total-card .grand{background:var(--primary-color);color:var(--button-text);font-size:16px}.sticky-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:0}.extra-live-card .grand{background:var(--accent-color)}.sale-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sale-receipt-card .detail-grid p{background:color-mix(in srgb,var(--body-bg) 45%,#fff);border:1px solid var(--border-color);border-radius:12px;padding:12px}.invoice-profile-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.invoice-profile-preview{position:sticky;top:96px;text-align:center}.preview-logo-box{width:120px;height:120px;border-radius:28px;background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--accent-color);font-size:42px;border:1px solid color-mix(in srgb,var(--accent-color) 20%,var(--border-color))}.preview-logo-box img{width:100%;height:100%;object-fit:contain;border-radius:24px}.mini-list{display:grid;gap:10px;margin:16px 0;text-align:left}.mini-list span{display:flex;gap:8px;align-items:center;background:color-mix(in srgb,var(--body-bg) 55%,#fff);border:1px solid var(--border-color);border-radius:12px;padding:10px}.file-card{border:1px dashed color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-radius:14px;padding:12px!important;background:color-mix(in srgb,var(--accent-color) 5%,#fff)}.file-card small{display:block;color:var(--secondary-color);font-weight:700;margin-top:7px}.invoice-paper{max-width:980px;margin-left:auto;margin-right:auto}.invoice-paper table{table-layout:auto}.invoice-paper th{background:var(--primary-color);color:#fff}.invoice-paper td,.invoice-paper th{vertical-align:top}.invoice-totals .total{background:var(--accent-color);color:#fff}.invoice-title{letter-spacing:.02em}.signature-box{break-inside:avoid}.receipt-paper .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1080px){.invoice-builder-grid,.invoice-profile-layout{grid-template-columns:1fr}.invoice-profile-preview{position:static}.sale-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-actions{justify-content:stretch}.sticky-actions .btn{flex:1}}
@media(max-width:700px){.compact-grid.two-col,.sale-detail-grid,.receipt-paper .detail-grid{grid-template-columns:1fr}.invoice-items-table table{min-width:780px}.invoice-profile-mini{align-items:flex-start}.live-total-card p{font-size:13px}.invoice-paper{padding:16px;border-radius:12px}.invoice-top{display:block;text-align:left}.invoice-logo{margin-top:10px}.invoice-title{font-size:24px}.sticky-actions{flex-direction:column}.sticky-actions .btn{width:100%}}
@media print{body{background:#fff!important;color:#111!important}.sidebar,.topbar,.app-footer,.no-print,.panel-head .actions-row,.btn,.actions-row,.record-payment-panel{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important;max-width:none!important}.panel,.invoice-paper{box-shadow:none!important;border:0!important;border-radius:0!important}.invoice-paper{margin:0!important;padding:0!important}.invoice-paper th{background:#0b7896!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-title{color:#0b7896!important}.invoice-top{border-bottom:2px solid #0b7896!important}.invoice-totals .total{background:#0b7896!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v18 final fixes: alerts, other fields, invoice A4 polish */
.alert-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 8%,transparent)}
.alert-bell:hover{background:color-mix(in srgb,var(--accent-color) 14%,transparent);color:var(--accent-color)}
.alert-bell span{position:absolute;right:-4px;top:-5px;background:var(--danger-color);color:#fff;border-radius:999px;font-size:10px;font-weight:900;padding:2px 6px;line-height:1;border:2px solid var(--card-bg)}
[data-other-wrap]{transition:.18s ease}.field-help{display:block;margin-top:5px;color:var(--secondary-color);font-size:12px;font-weight:700}.invoice-items-table th:nth-child(3),.invoice-items-table td:nth-child(3){width:90px}.invoice-items-table th:nth-child(4),.invoice-items-table td:nth-child(4){width:130px}.invoice-items-table th:nth-child(5),.invoice-items-table td:nth-child(5){width:130px}.invoice-paper .table-responsive{border-radius:0}.invoice-paper table{border-collapse:collapse;border-spacing:0}.invoice-paper th:first-child,.invoice-paper td:first-child{width:42px;text-align:center}.invoice-paper th:nth-child(4),.invoice-paper td:nth-child(4){text-align:center;width:90px}.invoice-paper th:nth-child(5),.invoice-paper td:nth-child(5),.invoice-paper th:nth-child(6),.invoice-paper td:nth-child(6){text-align:right}.invoice-info-grid h4,.invoice-bottom h4{margin-bottom:7px}.invoice-paper p{margin-top:0}.signature-box{min-height:80px}.stat-card .badge{align-self:flex-start;margin-top:5px}
@media(max-width:700px){.alert-bell{width:32px;height:32px}.invoice-items-table table{min-width:680px}.invoice-info-grid{grid-template-columns:1fr!important}.invoice-bottom{grid-template-columns:1fr!important}.invoice-paper th,.invoice-paper td{padding:8px 7px;font-size:12px}}
@media print{@page{size:A4;margin:12mm}.alert-bell{display:none!important}.invoice-paper{max-width:100%!important}.invoice-paper .table-responsive{overflow:visible!important}.invoice-paper table{page-break-inside:auto}.invoice-paper tr{page-break-inside:avoid;page-break-after:auto}.invoice-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important}.invoice-bottom{display:grid!important;grid-template-columns:1fr 310px!important}}

/* v19 final client-ready print, receipt, and consistent filters */
.filters{
  display:grid!important;
  grid-template-columns:minmax(260px,2fr) repeat(auto-fit,minmax(165px,1fr));
  gap:12px!important;
  align-items:end!important;
  margin:14px 0 20px!important;
}
.filters input,.filters select,.filters .btn,.filters button{width:100%!important;min-width:0!important;max-width:none!important}
.filters .btn,.filters button{white-space:nowrap}.filters .filter-actions{display:flex;gap:10px}.filters .filter-actions .btn{flex:1}
.invoice-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:28px!important}.invoice-top>div:first-child{max-width:68%}.invoice-logo{display:block;margin-left:auto;max-width:150px;max-height:100px;object-fit:contain}.invoice-paper h4{color:var(--text-color)}.invoice-paper .invoice-title{margin-top:22px;margin-bottom:26px}.invoice-paper table th:nth-child(5),.invoice-paper table td:nth-child(5),.invoice-paper table th:nth-child(6),.invoice-paper table td:nth-child(6){white-space:nowrap}.invoice-paper table td:nth-child(2),.invoice-paper table td:nth-child(3){overflow-wrap:anywhere}.receipt-paper{font-size:14px}.receipt-paper .receipt-logo{margin-left:auto}
@media(max-width:900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filters input[type=search],.filters .search-wide{grid-column:1/-1}}
@media(max-width:640px){.filters{grid-template-columns:1fr!important}.filters .btn,.filters button{width:100%}.invoice-top{display:grid!important;grid-template-columns:1fr!important}.invoice-top>div:first-child{max-width:none}.invoice-logo{margin:12px 0 0;max-width:120px}.invoice-info-grid,.invoice-bottom{grid-template-columns:1fr!important}}
@media print{
  html,body{background:#fff!important;margin:0!important;color:#111!important}
  .sidebar,.topbar,.app-footer,.print-actions,.no-print,.btn,.actions-row,.panel-head,.record-payment-panel{display:none!important}
  .main{margin:0!important;width:100%!important}.content{padding:0!important;max-width:none!important}
  .invoice-paper,.receipt-paper{box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:100%!important;width:100%!important}
  .invoice-top,.receipt-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;break-inside:avoid;page-break-inside:avoid}
  .invoice-logo,.receipt-logo{margin-left:auto!important;max-width:140px!important;max-height:90px!important}
  .invoice-paper .table-responsive{overflow:visible!important}.invoice-paper table{width:100%!important;page-break-inside:auto}.invoice-paper tr{page-break-inside:avoid;page-break-after:auto}
  .invoice-paper th,.invoice-totals .total,.receipt-total,.receipt-top{ -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important}
  .invoice-bottom,.signature-box{break-inside:avoid;page-break-inside:avoid}.invoice-paper a,.receipt-paper a{color:#111!important;text-decoration:none!important}
}


/* v20 final icons, alerts, invoice/receipt print footer and profile preview polish */
.invoice-profile-preview{display:flex;flex-direction:column;align-items:center;text-align:center}
.invoice-profile-preview h3,.invoice-profile-preview p{width:100%;text-align:center;margin-left:auto;margin-right:auto}
.invoice-profile-preview .preview-logo-box{margin-left:auto;margin-right:auto}
.invoice-profile-preview .mini-list{width:100%;text-align:left}
.loan-alert-panel{border-left:5px solid var(--accent-color)}
.loan-alert-panel .detail-grid div{background:color-mix(in srgb,var(--accent-color) 5%,var(--table-header-bg))}
.alerts-page .stat-card .stat-icon,.loan-alert-panel .stat-card .stat-icon{box-shadow:0 10px 28px color-mix(in srgb,currentColor 10%,transparent)}
.print-footer-brand,.receipt-footer-brand{font-weight:800;letter-spacing:.01em}
.receipt-paper .receipt-top h2,.invoice-paper .invoice-top h2{overflow-wrap:anywhere}
@media print{
  @page{size:A4;margin:0!important}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  .print-wrap{margin:0!important;max-width:none!important;padding:0!important}
  .invoice-paper,.receipt-paper{padding:12mm!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;max-width:100%!important;width:100%!important}
  .print-actions,.no-print,.sidebar,.topbar,.app-footer,.btn,.actions-row{display:none!important}
  .main{margin-left:0!important;width:100%!important}.content{padding:0!important;max-width:none!important}
}
@media(max-width:700px){.invoice-profile-preview{position:static}.invoice-profile-preview .mini-list{text-align:left}}


/* v21 complex expense + invoice contact polish */
.invoice-profile-preview > h3{display:block!important;width:100%!important;max-width:260px!important;margin:0 auto 8px!important;text-align:center!important;align-self:center!important;overflow-wrap:anywhere!important;line-height:1.25!important}
.invoice-profile-preview > .muted{display:block!important;width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.doc-contact{display:grid;gap:4px;line-height:1.45}.doc-contact div{display:flex;gap:8px;align-items:flex-start}.doc-contact span{width:18px;display:inline-block;color:var(--accent-color);font-weight:900}.receipt-top .doc-contact,.invoice-top .doc-contact{margin-top:6px}
.expense-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.expense-project-print table{width:100%;border-collapse:collapse}.expense-project-print th,.expense-project-print td{padding:10px;border-bottom:1px solid var(--border-color)}
@media(max-width:900px){.expense-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.expense-source-grid{grid-template-columns:1fr}.invoice-profile-layout{grid-template-columns:1fr!important}.invoice-profile-preview{position:static!important}}
@media print{.doc-contact span{color:#0b7896!important}.print-footer-brand,.receipt-footer-brand{font-size:11px!important;color:#475569!important}}


/* v22 expense project builder */
.major-expense-form,.expense-items-panel,.expense-summary-panel{overflow:visible}
.expense-item-table-wrap{border:1px solid var(--border-color);border-radius:18px;background:var(--card-bg);overflow:auto}
.expense-item-builder-table{min-width:1900px;border-collapse:separate;border-spacing:0;width:100%}
.expense-item-builder-table th{position:sticky;top:0;z-index:1;background:var(--table-header-bg);font-size:12px;white-space:nowrap;padding:12px 10px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.03em}
.expense-item-builder-table td{padding:10px;border-bottom:1px solid var(--border-color);vertical-align:top;background:var(--card-bg)}
.expense-item-builder-table input,.expense-item-builder-table select{min-width:120px;width:100%;height:40px;padding:9px 10px;border-radius:12px}
.expense-item-builder-table input[type=file]{min-width:170px;height:auto;padding:8px;background:var(--body-bg)}
.expense-item-builder-table td:nth-child(1) input,.expense-item-builder-table td:nth-child(2) input,.expense-item-builder-table td:nth-child(13) input,.expense-item-builder-table td:nth-child(15) input{min-width:170px}
.expense-item-builder-table td:nth-child(3) input{min-width:70px}.expense-item-builder-table td:nth-child(4) input,.expense-item-builder-table td:nth-child(5) input{min-width:120px}
.expense-item-builder-table .row-other{margin-top:8px;background:color-mix(in srgb,var(--accent-color) 6%,var(--card-bg))}
.expense-live-summary .stat-card{min-height:116px}.sticky-actions{position:sticky;bottom:0;z-index:4;border-top:1px solid var(--border-color);box-shadow:0 -10px 28px rgba(15,23,42,.08)}
@media(max-width:900px){.expense-item-builder-table{min-width:1750px}.sticky-actions{position:static}.expense-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.expense-live-summary{grid-template-columns:1fr!important}.expense-item-builder-table th,.expense-item-builder-table td{padding:8px}.expense-item-table-wrap{margin-left:-4px;margin-right:-4px;border-radius:14px}}

/* v23 expense project UX fix: item cards, no duplicate funding fields, responsive builder */
.expense-card-builder .panel-head{align-items:flex-start}
.expense-items-list{display:grid;gap:16px;margin-top:14px}
.expense-item-card{border:1px solid var(--border-color);border-radius:18px;background:color-mix(in srgb,var(--card-bg) 96%,var(--body-bg));box-shadow:0 12px 28px rgba(15,23,42,.05);padding:16px;min-width:0}
.expense-item-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}
.expense-item-title{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--text-color)}
.item-index-badge{width:30px;height:30px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));color:var(--accent-color);font-weight:900;border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color))}
.compact-actions{justify-content:flex-end}.btn.compact{min-height:34px;padding:7px 10px;font-size:12px;border-radius:9px}
.expense-item-quick-grid{display:grid;grid-template-columns:1.4fr .75fr .8fr 1fr .8fr;gap:12px;align-items:end}
.expense-item-quick-grid label,.expense-item-detail-grid label{font-weight:850;font-size:12px;color:var(--text-color);min-width:0}
.expense-item-quick-grid input,.expense-item-quick-grid select,.expense-item-detail-grid input,.expense-item-detail-grid select,.expense-item-detail-grid textarea{margin-top:6px;min-width:0;width:100%}
.expense-item-details{margin-top:14px;padding:14px;border:1px dashed color-mix(in srgb,var(--accent-color) 25%,var(--border-color));border-radius:16px;background:color-mix(in srgb,var(--accent-color) 3%,var(--card-bg))}
.expense-item-details.collapsed{display:none}
.expense-item-details-title{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--secondary-color);margin-bottom:12px}
.expense-item-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.expense-item-detail-grid .span-all{grid-column:1/-1}.expense-items-actions{margin-top:14px}.expense-items-actions .btn{min-width:180px}
.expense-summary-panel .stat-card{min-height:108px}
@media(max-width:1200px){.expense-item-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-item-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.expense-item-card{padding:14px;border-radius:14px}.expense-item-card-head{align-items:flex-start;flex-direction:column}.compact-actions,.compact-actions .btn{width:100%}.expense-item-quick-grid,.expense-item-detail-grid{grid-template-columns:1fr}.expense-item-details{padding:12px}.expense-items-actions .btn{width:100%}.sticky-actions .btn{width:100%}}

/* v24 live-hosting polish: reusable password reveal controls */
.password-field{position:relative;display:flex;align-items:center;gap:8px;width:100%}
.password-field>input{flex:1 1 auto;min-width:0;padding-right:56px}
.password-field>button[data-password-toggle]{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:28px;padding:5px 8px;border:0;border-radius:8px;background:color-mix(in srgb,var(--accent-color) 10%,transparent);color:var(--accent-color);font-weight:900;cursor:pointer;line-height:1;z-index:2}
.auth-field.password-field>input{padding-right:64px!important}
.auth-field.password-field>button[data-password-toggle]{right:8px}

/* v24 mobile invoice/receipt preview: screen preview fits mobile; print remains A4 */
@media screen{
  body.print-body,.print-page{overflow-x:hidden;background:#f4f7fb}
  .print-wrap,.receipt-print-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:16px}
  .invoice-paper,.receipt-paper{width:100%;max-width:920px;margin-left:auto;margin-right:auto;box-sizing:border-box}
}
@media screen and (max-width:700px){
  .print-wrap,.receipt-print-wrap{padding:10px;overflow-x:hidden}
  .invoice-paper,.receipt-paper{padding:16px!important;border-radius:14px!important;max-width:100%!important;overflow:hidden;font-size:12px!important}
  .invoice-top,.receipt-top{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .invoice-logo,.receipt-logo{margin:0!important;justify-self:start;max-width:112px!important;max-height:74px!important}
  .invoice-info-grid,.invoice-bottom,.receipt-info-grid{grid-template-columns:1fr!important;gap:18px!important}
  .invoice-paper table,.receipt-paper table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:11px}
  .invoice-paper th,.invoice-paper td,.receipt-paper th,.receipt-paper td{padding:7px 6px;white-space:normal;min-width:70px}
  .invoice-paper th:nth-child(1),.invoice-paper td:nth-child(1){min-width:32px}
  .invoice-paper th:nth-child(4),.invoice-paper td:nth-child(4){min-width:58px;text-align:center}
  .invoice-paper th:nth-child(5),.invoice-paper td:nth-child(5),.invoice-paper th:nth-child(6),.invoice-paper td:nth-child(6){min-width:92px;text-align:right}
  .invoice-title,.receipt-title{font-size:24px!important;margin:18px 0!important}
  .invoice-totals{font-size:12px}
  .signature-box img{max-width:140px!important;max-height:64px!important}
}

/* v25 live asset hardening: icons remain safe even if browser default SVG sizing differs */
svg.icon,.icon svg,.btn svg,.sidebar svg,.stat-icon svg,.alert-bell svg,.action-link svg,.brand svg{width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important;fill:currentColor!important;display:inline-block!important;vertical-align:-.18em!important;flex:0 0 auto!important;overflow:visible!important}
.sidebar nav a .icon{font-size:16px!important}.btn .icon,.action-link .icon{font-size:14px!important}.stat-icon .icon{font-size:18px!important}.brand img{object-fit:contain}.auth-brand-panel img{object-fit:contain}.alert-bell .icon,.profile-link .icon,.logout-link .icon{font-size:16px!important}

/* v26 focused UI/UX upgrade: premium banners, stacked admin forms, support filters and chat */
.premium-promo-banner{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:24px;
  min-height:190px;padding:28px 32px;margin:0 0 22px;border-radius:24px;overflow:hidden;position:relative;
  color:#fff;border:1px solid color-mix(in srgb,var(--primary-color) 22%,transparent);
  background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.26),transparent 25%),linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--accent-color) 65%,var(--primary-color)) 55%,#0ea5e9);
  box-shadow:0 24px 55px rgba(37,99,235,.18)
}
.premium-promo-banner:before{content:"";position:absolute;inset:auto -80px -110px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.13)}
.promo-banner-content{position:relative;z-index:2;max-width:760px}.promo-banner-content .eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:900;margin-bottom:12px;color:#fff}.promo-banner-content h2{margin:0 0 8px;font-size:30px;line-height:1.15;color:#fff}.promo-banner-content p{margin:0 0 18px;color:rgba(255,255,255,.9);font-size:15px;max-width:760px}.promo-banner-content .promo-cta{background:#fff;color:var(--primary-color);border-color:#fff;box-shadow:0 14px 28px rgba(15,23,42,.14)}.promo-banner-content .promo-cta:hover{background:rgba(255,255,255,.92);color:var(--accent-color)}
.promo-banner-visual{position:relative;z-index:2;height:150px;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.23);backdrop-filter:blur(7px)}
.promo-banner-visual img{width:100%;height:100%;object-fit:contain;display:block;padding:8px}.promo-banner-icon{font-size:64px;color:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center}.promo-banner-icon .icon{font-size:1em}
.management-stack{display:grid;gap:20px}.management-form-card,.management-table-card{margin-bottom:0}.professional-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.professional-form-grid textarea{min-height:118px}.management-table-card .section-title{margin-bottom:18px}.plans-table th,.plans-table td,.banners-table th,.banners-table td{padding:15px 14px}.actions-th{min-width:245px}.table-actions-stack{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.table-actions-stack .inline-form{margin:0;display:inline-flex}.table-actions-stack .btn{white-space:nowrap}.clean-table-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--secondary-color) 45%,transparent) transparent}.clean-table-scroll::-webkit-scrollbar{height:8px}.clean-table-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--secondary-color) 35%,transparent);border-radius:999px}.clean-table-scroll::-webkit-scrollbar-track{background:transparent}.banner-row-preview{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;min-width:260px}.banner-row-preview img,.banner-thumb-fallback{width:74px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--border-color);background:var(--table-header-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-color);overflow:hidden}.banner-row-preview strong{line-height:1.2}.banner-row-preview small{max-width:440px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 8%,var(--card-bg)),var(--card-bg));border-left:5px solid var(--accent-color)}
.support-filter-card{display:grid;gap:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 4%,var(--card-bg)),var(--card-bg));border:1px solid var(--border-color);border-radius:18px;padding:16px;margin:0 0 18px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.filter-title{font-weight:900;display:flex;align-items:center;gap:8px;color:var(--text-color)}.filter-title .icon{color:var(--accent-color)}.support-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr auto auto;gap:12px;align-items:end}.support-filter-grid input,.support-filter-grid select,.support-filter-grid .btn{height:44px}.support-list-panel .table-responsive table td:first-child strong{font-size:15px}.support-ticket-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:var(--accent-color);margin-bottom:8px}.support-ticket-hero h2{font-size:28px;margin:0 0 8px}.support-conversation-head{align-items:flex-start}.status-update-form{margin:0}.support-chat-card{padding:22px}.polished-chat-thread{display:grid;gap:14px;padding:18px;border:1px solid var(--border-color);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--body-bg) 55%,var(--card-bg)),var(--card-bg));margin-bottom:18px}.support-message-bubble{max-width:74%;border:1px solid var(--border-color);border-radius:18px;padding:13px 15px;box-shadow:0 10px 24px rgba(15,23,42,.05);position:relative}.support-message-bubble.user-msg{justify-self:start;background:color-mix(in srgb,var(--primary-color) 8%,#fff);border-color:color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-bottom-left-radius:6px}.support-message-bubble.admin-msg{justify-self:end;background:color-mix(in srgb,var(--accent-color) 10%,#fff);border-color:color-mix(in srgb,var(--accent-color) 22%,var(--border-color));border-bottom-right-radius:6px}.msg-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.msg-meta strong{font-size:13px}.msg-meta small{color:var(--secondary-color);font-weight:700}.role-pill{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.role-pill.user{background:color-mix(in srgb,var(--primary-color) 13%,#fff);color:var(--primary-color)}.role-pill.admin{background:color-mix(in srgb,var(--accent-color) 14%,#fff);color:var(--accent-color)}.msg-body{line-height:1.55;white-space:normal;overflow-wrap:anywhere}.attachment-link{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:7px 10px;border-radius:10px;background:var(--table-header-bg);border:1px solid var(--border-color);font-size:12px}.reply-box-card{border:1px solid var(--border-color);border-radius:20px;padding:18px;background:var(--card-bg);box-shadow:0 10px 26px rgba(15,23,42,.04)}.reply-box-card h3{margin:0 0 12px;display:flex;gap:8px;align-items:center}.reply-box-card .reply-form textarea{min-height:132px}.close-ticket-actions{margin-top:10px}.support-hero .wa-btn,.support-ticket-hero .wa-btn{background:#22c55e;color:#fff;border-color:#22c55e}.support-hero .wa-btn:hover,.support-ticket-hero .wa-btn:hover{background:#16a34a;color:#fff}
@media(max-width:1100px){.premium-promo-banner{grid-template-columns:1fr}.promo-banner-visual{height:180px}.support-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-filter-grid .btn{width:100%}.actions-th{min-width:210px}}
@media(max-width:760px){.premium-promo-banner{padding:22px;border-radius:18px;min-height:unset}.promo-banner-content h2{font-size:23px}.promo-banner-content p{font-size:14px}.promo-banner-visual{height:140px}.professional-form-grid{grid-template-columns:1fr}.professional-form-grid .span-2{grid-column:1}.management-table-card .section-title,.management-form-card .section-title{align-items:flex-start;flex-direction:column}.support-filter-grid{grid-template-columns:1fr}.support-message-bubble{max-width:100%;width:100%}.support-conversation-head{flex-direction:column}.status-update-form,.status-update-form select,.status-update-form .btn{width:100%}.reply-box-card .form-grid{grid-template-columns:1fr}.reply-box-card .span-2{grid-column:1}.table-actions-stack{display:grid;grid-template-columns:1fr}.table-actions-stack .btn,.table-actions-stack form{width:100%}.banner-row-preview{grid-template-columns:58px minmax(0,1fr)}.banner-row-preview img,.banner-thumb-fallback{width:58px;height:44px}}

/* v26 promotion/support/trial UX polish */
.subscription-status-banner{display:flex;align-items:center;gap:18px;padding:20px 24px;margin:0 0 20px;border-radius:22px;background:linear-gradient(135deg,#eef7ff,#ecfdf5);border:1px solid var(--border-color);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.subscription-status-banner .sub-status-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(13,110,253,.12);color:var(--primary-color);font-size:24px;flex:0 0 48px}.subscription-status-banner h3{margin:0 0 4px}.subscription-status-banner p{margin:0;color:var(--secondary-color)}.subscription-status-banner .btn{margin-left:auto}.subscription-status-banner.frozen,.subscription-status-banner.expired{background:linear-gradient(135deg,#fff1f2,#fff7ed)}.subscription-status-banner.pending_payment{background:linear-gradient(135deg,#fff7ed,#eff6ff)}
.premium-promo-banner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr);gap:22px;align-items:center;padding:26px 30px;margin:0 0 22px;border-radius:24px;background:linear-gradient(135deg,#0d6efd,#22c55e);color:#fff;overflow:hidden;position:relative;box-shadow:0 20px 40px rgba(15,23,42,.14)}.premium-promo-banner:after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.18)}.promo-banner-content{position:relative;z-index:1}.promo-banner-content h2{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:10px 0}.promo-banner-content p{max-width:720px;font-size:16px;color:rgba(255,255,255,.92)}.promo-banner-content .eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.16);padding:7px 12px;border-radius:999px;color:#fff}.promo-banner-visual{position:relative;z-index:1;min-height:190px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.15);overflow:hidden}.promo-banner-visual img{max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain;display:block}.promo-banner-icon{font-size:90px;opacity:.9}.promo-cta{background:#fff!important;color:#0d6efd!important;border-color:#fff!important}
.management-stack{display:grid;gap:22px}.management-form-card,.management-table-card{width:100%;padding:24px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h2{margin:0 0 4px}.professional-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.professional-form-grid .span-2{grid-column:1 / -1}.table-actions-stack{display:flex;flex-wrap:wrap;gap:8px}.request-message-preview{max-width:420px;white-space:normal;line-height:1.45}.promotion-request-table td{vertical-align:top}.plan-preview-card{border:1px dashed var(--border-color);border-radius:16px;background:#f8fafc;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.plan-preview-card span{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--secondary-color)}.plan-preview-card strong{font-size:20px;color:var(--primary-color)}.promotion-detail-grid .card{padding:24px}.detail-list{display:grid;gap:14px}.detail-list>div{padding:12px 0;border-bottom:1px solid var(--border-color)}.detail-list span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--secondary-color);margin-bottom:3px}.request-preview-image{max-width:100%;max-height:280px;object-fit:contain;border-radius:18px;border:1px solid var(--border-color);background:#f8fafc;margin-bottom:14px}.promotion-admin-actions-card{margin-top:22px;padding:24px}.admin-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.action-box{padding:16px;border:1px solid var(--border-color);border-radius:18px;background:#fff}.action-box h3{margin:0 0 10px}.support-filter-card{background:#fff;border:1px solid var(--border-color);border-radius:18px;padding:16px;margin-bottom:18px}.filter-title{font-weight:800;margin-bottom:12px;display:flex;gap:8px;align-items:center}.support-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:10px;align-items:end}.support-thread{display:flex;flex-direction:column;gap:14px;padding:18px;background:#f8fafc;border-radius:20px}.support-message-bubble{max-width:76%;padding:14px 16px;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.06);border:1px solid var(--border-color)}.support-message-bubble.user-msg{align-self:flex-start;background:#eef6ff}.support-message-bubble.admin-msg{align-self:flex-end;background:#ecfdf5}.msg-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.role-pill{font-size:11px;font-weight:800;border-radius:999px;padding:3px 8px;background:#dbeafe;color:#0d6efd}.role-pill.admin{background:#dcfce7;color:#16a34a}.msg-body{line-height:1.55}.attachment-link{display:inline-flex;margin-top:8px;gap:6px;align-items:center}.reply-box-card{margin-top:18px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--border-color)}.expanded-features{display:flex;flex-wrap:wrap;gap:10px}.expanded-features span{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
@media(max-width: 980px){.premium-promo-banner{grid-template-columns:1fr}.promo-banner-visual{min-height:150px}.professional-form-grid{grid-template-columns:1fr}.admin-action-grid{grid-template-columns:1fr}.support-filter-grid{grid-template-columns:1fr 1fr}.subscription-status-banner{align-items:flex-start}.subscription-status-banner .btn{margin-left:0}}
@media(max-width: 640px){.subscription-status-banner{flex-direction:column}.premium-promo-banner{padding:20px}.promo-banner-visual img{max-height:160px}.support-filter-grid{grid-template-columns:1fr}.support-message-bubble{max-width:100%}.section-title{flex-direction:column}.table-actions-stack .btn,.table-actions-stack form{width:100%}.table-actions-stack button{width:100%}}

/* v27 final live UI/chat/upload/promotion/register polish */
.alert-bell.support-message-bell{position:relative;background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));color:var(--primary-color)}
.alert-bell.support-message-bell .icon{color:var(--primary-color)}
.alert-bell.support-message-bell span{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--danger-color);color:#fff;font-size:11px;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 14px rgba(239,68,68,.28)}
.title-meta-cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;white-space:normal!important;min-width:210px;line-height:1.35}.title-meta-cell.compact{min-width:150px}.cell-title{display:block;font-weight:900;color:var(--text-color);font-size:15px;line-height:1.25}.cell-description{display:block;color:var(--secondary-color);font-size:13px;line-height:1.45;max-width:460px;white-space:normal;overflow-wrap:anywhere}.promotion-cell .mini-thumb{width:48px;height:38px;border-radius:10px;object-fit:cover;margin-bottom:6px;border:1px solid var(--border-color)}
.trial-status-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px!important;border-radius:24px!important;margin:0 0 22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,#fff),color-mix(in srgb,var(--accent-color) 12%,#fff))!important;border:1px solid color-mix(in srgb,var(--accent-color) 22%,var(--border-color))!important;box-shadow:0 18px 38px rgba(15,23,42,.08)!important;min-height:0!important}.trial-banner-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--card-bg);color:var(--primary-color);font-size:28px;box-shadow:0 14px 28px rgba(15,23,42,.08)}.trial-banner-content h3{margin:2px 0 4px;font-size:22px}.trial-banner-content p{margin:0 0 12px;color:var(--secondary-color)}.trial-progress{height:9px;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden;max-width:460px}.trial-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-color),var(--primary-color));transition:width .3s ease}.trial-banner-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.trial-status-banner.expired,.trial-status-banner.frozen{background:linear-gradient(135deg,#fff1f2,#fff7ed)!important;border-color:#fecdd3!important}.trial-status-banner.pending_payment{background:linear-gradient(135deg,#fff7ed,#eff6ff)!important}
.refined-detail-grid{align-items:start}.refined-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.refined-detail-list>div{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px!important;min-width:0}.refined-detail-list .span-2{grid-column:1/-1}.compact-badge-wrap .badge{font-size:12px;padding:6px 10px;max-width:max-content}.break-url{display:block;max-width:100%;overflow-wrap:anywhere;margin-top:8px}.open-link-btn{width:max-content}.media-proof-grid{display:grid;grid-template-columns:1fr;gap:16px}.media-proof-box{border:1px solid var(--border-color);border-radius:18px;background:var(--table-header-bg);padding:16px;display:grid;gap:12px}.media-proof-box strong{font-size:13px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.04em}.refined-actions-card{overflow:hidden}.refined-admin-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.refined-admin-actions .action-box{display:flex;flex-direction:column;gap:12px;min-height:auto;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 40%,#fff));padding:18px;border-radius:20px}.refined-admin-actions .action-box h3{display:flex;align-items:center;gap:8px;margin:0 0 4px}.refined-admin-actions label{display:flex;flex-direction:column;gap:6px}.refined-admin-actions .btn{margin-top:auto;justify-content:center}.action-publish p{line-height:1.5}.action-reject{border-color:color-mix(in srgb,var(--danger-color) 24%,var(--border-color))}.action-approve{border-color:color-mix(in srgb,var(--accent-color) 24%,var(--border-color))}.action-publish{border-color:color-mix(in srgb,var(--primary-color) 24%,var(--border-color))}
.polished-chat-thread{max-height:560px;overflow:auto;scroll-behavior:smooth}.support-message-bubble.chat-bubble-user{justify-self:start;align-self:flex-start;background:#eef6ff!important;border-color:#bfdbfe!important}.support-message-bubble.chat-bubble-admin{justify-self:end;align-self:flex-end;background:#ecfdf5!important;border-color:#bbf7d0!important}.new-message-indicator{position:sticky;bottom:10px;margin:-42px auto 12px;z-index:2;border:0;border-radius:999px;padding:9px 14px;background:var(--primary-color);color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(13,110,253,.25);cursor:pointer}.selected-upload-preview{margin-top:8px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--primary-color) 6%,var(--card-bg));border:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:10px}.selected-upload-preview[hidden]{display:none}.selected-file-name{font-size:12px;color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview-card{border:1px solid var(--border-color);border-radius:16px;background:var(--table-header-bg);padding:12px;display:flex;gap:12px;align-items:center}.upload-preview-card img{width:60px;height:48px;object-fit:cover;border-radius:10px}.upload-preview-card .file-meta{min-width:0;display:grid;gap:4px}.upload-preview-card .file-meta strong,.upload-preview-card .file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.rich-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:26px}.auth-benefit-note{margin-top:24px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);font-weight:800;line-height:1.5;color:#fff}.subscription-agreement-note{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--primary-color) 6%,var(--card-bg));border:1px solid var(--border-color);border-radius:16px;padding:13px 14px;color:var(--secondary-color);line-height:1.5}.subscription-agreement-note .icon{color:var(--primary-color);margin-top:2px}.check-row{align-items:flex-start!important}.check-row input{margin-top:4px;flex:0 0 auto}
.promo-banner-visual img{width:100%!important;height:100%!important;max-height:220px!important;object-fit:contain!important}.premium-promo-banner{min-height:190px}.promo-banner-icon .icon{font-size:76px;color:#fff}.promotion-request-table .title-meta-cell{min-width:260px}.support-list-panel .title-meta-cell{min-width:240px}.plans-table .title-meta-cell{min-width:260px}.plans-table td{vertical-align:middle}.table-responsive.clean-table-scroll{overflow:auto}.footer-sep{color:var(--secondary-color)}
@media(max-width:1050px){.trial-status-banner{grid-template-columns:auto minmax(0,1fr)}.trial-banner-actions{grid-column:1/-1;justify-content:flex-start}.refined-admin-actions{grid-template-columns:1fr!important}.refined-detail-list{grid-template-columns:1fr}.refined-detail-list .span-2{grid-column:1}.promotion-request-table,.plans-table{min-width:800px}}
@media(max-width:720px){.trial-status-banner{grid-template-columns:1fr!important;padding:18px!important}.trial-banner-icon{width:54px;height:54px}.trial-banner-actions .btn{width:100%}.rich-feature-grid{grid-template-columns:1fr!important}.auth-benefit-note{margin-top:16px}.support-message-bubble{max-width:100%!important;width:100%}.polished-chat-thread{max-height:480px}.selected-upload-preview{align-items:flex-start;flex-direction:column}.selected-upload-preview .btn{width:100%}.promotion-detail-grid{grid-template-columns:1fr!important}.media-proof-grid{grid-template-columns:1fr}.title-meta-cell{min-width:180px}.support-filter-grid{grid-template-columns:1fr!important}.admin-action-grid{grid-template-columns:1fr!important}}


/* v28 delete, pagination, payment accounts, compact detail and table cleanup */
.data-table-wrap{overflow-x:auto;border-radius:18px}.data-table{table-layout:auto;width:100%}.data-table td,.data-table th{vertical-align:middle}.data-table .table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.data-table .table-actions form{margin:0}.danger-btn{color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 24%,var(--border-color));background:color-mix(in srgb,var(--danger-color) 4%,#fff)}.danger-btn:hover{background:color-mix(in srgb,var(--danger-color) 10%,#fff);color:var(--danger-color)}
.detail-grid .detail-badge-value{display:flex!important;margin-top:8px!important;align-items:flex-start}.detail-grid .detail-badge-value .badge,.detail-grid div > strong > .badge{width:auto!important;max-width:max-content!important;padding:6px 10px!important;font-size:12px!important;border-radius:999px!important;display:inline-flex!important;min-height:auto!important}.detail-grid div{display:flex;flex-direction:column;justify-content:center;min-height:86px}.detail-grid span{font-weight:850;text-transform:none;letter-spacing:0}.compact-badge-wrap .badge{width:auto!important;max-width:max-content!important}
.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px;border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--body-bg) 55%,#fff);flex-wrap:wrap}.pagination-meta{color:var(--secondary-color);font-weight:750}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn.disabled{opacity:.45;pointer-events:none}.per-page-form{margin:0}.per-page-form select{min-width:112px;height:38px;min-height:38px;padding:6px 10px}
.promo-admin-table th:last-child,.promo-admin-table td:last-child{width:220px}.promo-admin-table th:nth-child(1){width:28%}.promo-admin-table th:nth-child(2){width:18%}.promo-admin-table th:nth-child(3){width:15%}.promo-admin-table th:nth-child(4){width:12%}.promo-admin-filter{grid-template-columns:2fr 1fr auto auto}.promotion-request-table th:last-child,.promotion-request-table td:last-child{width:170px}.promotion-request-table .cell-title,.support-table .cell-title,.plans-table .cell-title{margin-bottom:3px}.promotion-request-table .cell-description,.support-table .cell-description,.plans-table .cell-description{margin-top:2px}.plans-table .title-meta-cell{gap:4px!important}.plans-table .cell-title{font-size:15px}.plans-table .cell-description{font-size:13px;display:block;width:100%}
.payment-account-layout{align-items:start}.payment-account-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 8px}.payment-account-public-card{border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 35%,#fff));padding:13px;display:grid;gap:6px;min-width:0}.payment-account-public-card strong{font-size:15px}.payment-account-public-card span,.payment-account-public-card small{color:var(--secondary-color);font-size:12px}.payment-account-public-card code{display:block;overflow-wrap:anywhere;font-weight:900;background:color-mix(in srgb,var(--accent-color) 6%,#fff)}.payment-account-public-card img{max-height:90px;max-width:140px;object-fit:contain;border-radius:12px;border:1px solid var(--border-color);background:#fff}
.refined-admin-actions{align-items:stretch}.refined-admin-actions .action-box{min-width:0}.refined-detail-list>div{overflow:hidden}.refined-detail-list .badge{width:auto!important;max-width:max-content!important}.break-url{word-break:break-word}.action-box input,.action-box select{min-width:0}.support-table th:last-child,.support-table td:last-child{width:190px}.support-table .title-meta-cell{gap:4px!important}.table-panel{overflow:hidden}
@media(max-width:900px){.promo-admin-table,.promotion-request-table,.support-table{min-width:820px}.payment-account-public-grid{grid-template-columns:1fr}.pagination-wrap{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%}.pagination-controls .btn{flex:1}.per-page-form{width:100%}.per-page-form select{width:100%}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.detail-grid{grid-template-columns:1fr}.data-table .table-actions{flex-direction:column;align-items:stretch}.data-table .table-actions .btn,.data-table .table-actions form,.data-table .table-actions button{width:100%}.promo-admin-filter{grid-template-columns:1fr}.payment-account-layout{grid-template-columns:1fr!important}}


/* v29 table column integrity, compact detail badges, copy buttons and clean responsive tables */
.data-table-wrap table,
.table-responsive table{border-collapse:separate;border-spacing:0;width:100%;}
.data-table th,.data-table td,
.support-table th,.support-table td,
.promo-admin-table th,.promo-admin-table td,
.promotion-request-table th,.promotion-request-table td,
.plans-table th,.plans-table td{display:table-cell!important;vertical-align:middle!important;min-width:0!important;}
td.title-meta-cell,td.title-meta-cell.compact,td.promotion-cell{display:table-cell!important;white-space:normal!important;line-height:1.35!important;min-width:0!important;}
td.title-meta-cell .cell-title,td.promotion-cell .cell-title,.table-cell-title{display:block!important;font-weight:900!important;color:var(--text-color)!important;font-size:15px!important;line-height:1.25!important;margin:0 0 4px!important;}
td.title-meta-cell .cell-description,td.promotion-cell .cell-description,.table-cell-description,.table-meta{display:block!important;color:var(--secondary-color)!important;font-size:13px!important;line-height:1.45!important;margin-top:2px!important;max-width:520px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.promo-admin-table{table-layout:fixed!important;min-width:1120px;}
.promo-admin-table th:nth-child(1),.promo-admin-table td:nth-child(1){width:27%;}
.promo-admin-table th:nth-child(2),.promo-admin-table td:nth-child(2){width:18%;}
.promo-admin-table th:nth-child(3),.promo-admin-table td:nth-child(3){width:13%;}
.promo-admin-table th:nth-child(4),.promo-admin-table td:nth-child(4){width:12%;}
.promo-admin-table th:nth-child(5),.promo-admin-table td:nth-child(5){width:10%;}
.promo-admin-table th:nth-child(6),.promo-admin-table td:nth-child(6){width:10%;}
.promo-admin-table th:nth-child(7),.promo-admin-table td:nth-child(7){width:10%;}
.promo-admin-table th:nth-child(8),.promo-admin-table td:nth-child(8){width:160px;}
.support-table{table-layout:fixed!important;min-width:980px;}
.support-table th:nth-child(1),.support-table td:nth-child(1){width:30%;}
.support-table th:nth-child(2),.support-table td:nth-child(2){width:23%;}
.support-table th:nth-child(3),.support-table td:nth-child(3){width:12%;}
.support-table th:nth-child(4),.support-table td:nth-child(4){width:12%;}
.support-table th:nth-child(5),.support-table td:nth-child(5){width:8%;text-align:center;}
.support-table th:nth-child(6),.support-table td:nth-child(6){width:12%;}
.support-table th:nth-child(7),.support-table td:nth-child(7){width:150px;}
.promotion-request-table{table-layout:fixed!important;min-width:1050px;}
.promotion-request-table th:nth-child(1),.promotion-request-table td:nth-child(1){width:30%;}
.promotion-request-table th:nth-child(2),.promotion-request-table td:nth-child(2){width:13%;}
.promotion-request-table th:nth-child(3),.promotion-request-table td:nth-child(3){width:10%;}
.promotion-request-table th:nth-child(4),.promotion-request-table td:nth-child(4){width:12%;}
.promotion-request-table th:nth-child(5),.promotion-request-table td:nth-child(5){width:11%;}
.promotion-request-table th:nth-child(6),.promotion-request-table td:nth-child(6){width:12%;}
.promotion-request-table th:nth-child(7),.promotion-request-table td:nth-child(7){width:12%;}
.promotion-request-table th:nth-child(8),.promotion-request-table td:nth-child(8){width:150px;}
.plans-table{table-layout:fixed!important;min-width:820px;}
.plans-table th:nth-child(1),.plans-table td:nth-child(1){width:42%;}
.plans-table th:nth-child(2),.plans-table td:nth-child(2){width:10%;}
.plans-table th:nth-child(3),.plans-table td:nth-child(3){width:16%;}
.plans-table th:nth-child(4),.plans-table td:nth-child(4){width:14%;}
.plans-table th:nth-child(5),.plans-table td:nth-child(5){width:230px;}
.table-actions,.data-table .table-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
.table-actions .btn,.table-actions button.btn{white-space:nowrap;}
.table-actions form{display:inline-flex!important;margin:0!important;}
.detail-grid .detail-badge-value{display:block!important;margin-top:8px!important;}
.detail-grid .detail-badge-value .badge,
.detail-grid strong.detail-badge-value .badge,
.refined-detail-list .badge,
.compact-badge-wrap .badge{display:inline-flex!important;width:auto!important;max-width:max-content!important;min-width:0!important;min-height:auto!important;padding:5px 10px!important;border-radius:999px!important;font-size:12px!important;line-height:1!important;}
.detail-grid div:has(.detail-badge-value){justify-content:flex-start!important;}
.copy-btn{min-height:34px!important;padding:7px 10px!important;font-size:12px!important;border-radius:10px!important;}
.copy-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.toast-copy{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:0 14px 35px rgba(15,23,42,.25);z-index:9999;opacity:0;transition:.22s;pointer-events:none}.toast-copy.show{opacity:1;transform:translateX(-50%) translateY(0)}
.platform-payment-proof{max-width:90px;max-height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--border-color);background:#fff;}
@media(max-width:720px){.promo-admin-table,.support-table,.promotion-request-table,.plans-table{min-width:860px!important}.table-actions{flex-direction:column!important;align-items:stretch!important}.table-actions .btn,.table-actions button.btn,.table-actions form{width:100%!important}.copy-actions .btn{flex:1}.toast-copy{width:calc(100% - 32px);text-align:center}}

/* v30 live-critical table integrity and inline account copy UX */
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:0;min-height:42px;border:1px solid var(--border-color);border-radius:12px;background:color-mix(in srgb,var(--accent-color) 5%,#fff);overflow:hidden;max-width:100%;}
.copy-field-value{display:block;padding:10px 12px;font-weight:900;letter-spacing:.02em;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.copy-inline-btn{display:grid;place-items:center;border:0;border-left:1px solid var(--border-color);background:color-mix(in srgb,var(--accent-color) 8%,#fff);color:var(--primary-color);height:100%;min-height:42px;width:38px;cursor:pointer;transition:.18s;}
.copy-inline-btn:hover,.copy-inline-btn.copied{background:var(--accent-color);color:#fff;}
.copy-inline-btn .icon{font-size:16px!important;}
.payment-account-public-card .copy-field{margin:4px 0 2px;}
.payment-account-public-card .copy-actions,.payment-account-public-card .copy-btn{display:none!important;}
.payment-account-public-card code{display:none!important;}

.strict-table{border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;width:100%!important;}
.strict-table th,.strict-table td{display:table-cell!important;vertical-align:middle!important;text-align:left!important;white-space:normal!important;overflow:visible!important;}
.strict-table .title-meta-cell{display:table-cell!important;}
.strict-table .cell-title,.strict-table .table-cell-title{display:block!important;font-weight:900!important;line-height:1.25!important;margin:0 0 5px!important;color:var(--text-color)!important;}
.strict-table .cell-description,.strict-table .table-cell-description,.strict-table .table-meta{display:block!important;color:var(--secondary-color)!important;font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere!important;max-width:100%!important;}
.strict-table .status-cell,.strict-table .payment-cell,.strict-table .date-cell,.strict-table .number-cell{text-align:left!important;}
.strict-table .action-cell{vertical-align:middle!important;}
.strict-table .table-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;min-width:0!important;}
.strict-table .table-actions .btn,.strict-table .table-actions button,.strict-table .table-actions form{width:100%!important;max-width:160px!important;}
.strict-table .badge{max-width:max-content!important;}
.promo-admin-table{min-width:1120px!important;}
.promo-admin-table .col-request{width:25%;}.promo-admin-table .col-user{width:17%;}.promo-admin-table .col-plan{width:12%;}.promo-admin-table .col-amount{width:12%;}.promo-admin-table .col-status{width:10%;}.promo-admin-table .col-payment{width:10%;}.promo-admin-table .col-date{width:10%;}.promo-admin-table .col-action{width:160px;}
.support-table{min-width:980px!important;}
.support-table .col-ticket{width:28%;}.support-table .col-user{width:22%;}.support-table .col-priority{width:12%;}.support-table .col-status{width:12%;}.support-table .col-unread{width:8%;}.support-table .col-updated{width:12%;}.support-table .col-action{width:150px;}
.promotion-request-table{min-width:1080px!important;}
.promotion-request-table .col-request{width:29%;}.promotion-request-table .col-plan{width:13%;}.promotion-request-table .col-duration{width:9%;}.promotion-request-table .col-amount{width:12%;}.promotion-request-table .col-status{width:11%;}.promotion-request-table .col-payment{width:10%;}.promotion-request-table .col-date{width:11%;}.promotion-request-table .col-action{width:150px;}
.table-panel .data-table-wrap{border:1px solid var(--border-color);background:#fff;border-radius:18px;}
@media(max-width:720px){.copy-field{grid-template-columns:minmax(0,1fr) 44px}.copy-inline-btn{width:44px}.strict-table .table-actions .btn,.strict-table .table-actions button,.strict-table .table-actions form{max-width:none!important}.payment-account-public-card{width:100%;}.promo-admin-table,.promotion-request-table,.support-table{min-width:900px!important;}}

/* v31 final live fix: inline account copy polish + clearer table columns */
.copy-field{grid-template-columns:minmax(0,1fr) 46px!important;min-height:46px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.copy-field-input{width:100%!important;min-width:0!important;border:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;padding:11px 14px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.01em!important;color:var(--text-color)!important;cursor:text!important;border-radius:0!important;min-height:44px!important}
.copy-field-input:focus{border:0!important;box-shadow:none!important}
.copy-inline-btn{width:46px!important;min-height:46px!important;border-left:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--border-color))!important;background:color-mix(in srgb,var(--accent-color) 8%,#fff)!important;color:var(--primary-color)!important;transition:transform .18s ease,background .18s ease,color .18s ease!important}
.copy-inline-btn:hover{transform:none!important;background:color-mix(in srgb,var(--accent-color) 14%,#fff)!important;color:var(--primary-color)!important}
.copy-inline-btn.copied{background:var(--success-color)!important;color:#fff!important}
.copy-inline-btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.copy-icon-success{display:none}
.copy-inline-btn.copied .copy-icon-default{display:none}
.copy-inline-btn.copied .copy-icon-success{display:inline-flex}
.payment-account-public-card{padding:18px!important;border-radius:20px!important;gap:10px!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 45%,#fff))!important;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.payment-account-head{display:grid;gap:4px}
.payment-account-public-card strong{font-size:16px!important;line-height:1.25!important;color:var(--text-color)!important}
.payment-account-meta,.payment-account-bank,.payment-account-instructions,.payment-account-number-label{display:block!important;color:var(--secondary-color)!important;font-size:13px!important;line-height:1.45!important}
.payment-account-bank{font-weight:700}
.payment-account-number-group{display:grid;gap:7px}
.payment-account-number-label{font-weight:800!important;text-transform:none!important}
.payment-account-instructions{padding-top:2px}
.payment-account-qr{padding-top:2px}
.payment-account-public-card img{max-height:110px!important;max-width:160px!important;border-radius:14px!important}

.strict-table{table-layout:fixed!important;width:100%!important}
.strict-table th,.strict-table td{vertical-align:top!important;text-align:left!important}
.strict-table thead th{background:var(--table-header-bg)!important}
.strict-table thead th+th,.strict-table tbody td+td{border-left:1px solid color-mix(in srgb,var(--border-color) 84%,#fff)!important}
.strict-table .title-meta-cell,.strict-table .promotion-cell{padding-top:16px!important;padding-bottom:16px!important}
.strict-table .status-cell,.strict-table .payment-cell,.strict-table .date-cell,.strict-table .number-cell{white-space:nowrap!important}
.strict-table .number-cell{text-align:left!important}
.strict-table .action-cell{width:1%;white-space:nowrap!important;padding-top:14px!important}
.strict-table .table-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-width:116px!important}
.strict-table .table-actions .btn,.strict-table .table-actions form,.strict-table .table-actions button{width:100%!important;max-width:132px!important}
.promo-admin-table{min-width:1100px!important}
.promo-admin-table .col-request{width:26%!important}.promo-admin-table .col-user{width:16%!important}.promo-admin-table .col-plan{width:13%!important}.promo-admin-table .col-amount{width:11%!important}.promo-admin-table .col-status{width:11%!important}.promo-admin-table .col-payment{width:10%!important}.promo-admin-table .col-date{width:10%!important}.promo-admin-table .col-action{width:132px!important}
.support-table{min-width:980px!important}
.support-table .col-ticket{width:27%!important}.support-table .col-user{width:22%!important}.support-table .col-priority{width:11%!important}.support-table .col-status{width:11%!important}.support-table .col-unread{width:8%!important}.support-table .col-updated{width:11%!important}.support-table .col-action{width:132px!important}
.promotion-request-table{min-width:1060px!important}
.promotion-request-table .col-request{width:29%!important}.promotion-request-table .col-plan{width:13%!important}.promotion-request-table .col-duration{width:9%!important}.promotion-request-table .col-amount{width:11%!important}.promotion-request-table .col-status{width:11%!important}.promotion-request-table .col-payment{width:10%!important}.promotion-request-table .col-date{width:11%!important}.promotion-request-table .col-action{width:132px!important}

@media(max-width:720px){
  .copy-field{grid-template-columns:minmax(0,1fr) 48px!important}
  .copy-inline-btn{width:48px!important}
  .payment-account-public-card{padding:16px!important}
  .strict-table .table-actions .btn,.strict-table .table-actions form,.strict-table .table-actions button{max-width:none!important}
}

/* v32 root-cause table rebuild: real <table> layout with exact header/cell order */
.ff-clean-table{
  width:100%!important;
  min-width:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:auto!important;
  background:#fff!important;
}
.ff-clean-table thead{display:table-header-group!important}
.ff-clean-table tbody{display:table-row-group!important}
.ff-clean-table tr{display:table-row!important}
.ff-clean-table th,.ff-clean-table td{
  display:table-cell!important;
  vertical-align:middle!important;
  text-align:left!important;
  padding:15px 14px!important;
  border-bottom:1px solid var(--border-color)!important;
  white-space:normal!important;
  overflow:visible!important;
  min-width:0!important;
}
.ff-clean-table th{
  background:var(--table-header-bg)!important;
  color:var(--secondary-color)!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
  font-weight:900!important;
}
.ff-clean-table .ff-title-stack .cell-title,
.ff-clean-table .cell-title{
  display:block!important;
  font-weight:900!important;
  color:var(--text-color)!important;
  line-height:1.25!important;
  margin:0 0 5px!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.ff-clean-table .ff-title-stack .cell-description,
.ff-clean-table .cell-description,
.ff-clean-table .table-meta{
  display:block!important;
  color:var(--secondary-color)!important;
  font-size:13px!important;
  line-height:1.42!important;
  margin-top:2px!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.ff-clean-table .badge{display:inline-flex!important;max-width:max-content!important;white-space:nowrap!important}
.ff-clean-table .nowrap-cell,.ff-clean-table .date-cell,.ff-clean-table .amount-cell{white-space:nowrap!important}
.ff-clean-table .number-cell{text-align:left!important;white-space:nowrap!important}
.ff-clean-table .action-cell{white-space:nowrap!important;width:136px!important;min-width:136px!important;max-width:150px!important}
.ff-clean-table .table-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:8px!important;min-width:118px!important;width:118px!important;max-width:132px!important;margin:0!important}
.ff-clean-table .table-actions form{display:block!important;width:100%!important;margin:0!important}
.ff-clean-table .table-actions .btn,.ff-clean-table .table-actions button{width:100%!important;max-width:100%!important;min-height:36px!important;padding:8px 10px!important;white-space:nowrap!important}
.ff-promo-admin-table th:nth-child(1),.ff-promo-admin-table td:nth-child(1){width:25%!important}
.ff-promo-admin-table th:nth-child(2),.ff-promo-admin-table td:nth-child(2){width:17%!important}
.ff-promo-admin-table th:nth-child(3),.ff-promo-admin-table td:nth-child(3){width:13%!important}
.ff-promo-admin-table th:nth-child(4),.ff-promo-admin-table td:nth-child(4){width:11%!important}
.ff-promo-admin-table th:nth-child(5),.ff-promo-admin-table td:nth-child(5){width:10%!important}
.ff-promo-admin-table th:nth-child(6),.ff-promo-admin-table td:nth-child(6){width:10%!important}
.ff-promo-admin-table th:nth-child(7),.ff-promo-admin-table td:nth-child(7){width:10%!important}
.ff-promo-admin-table th:nth-child(8),.ff-promo-admin-table td:nth-child(8){width:136px!important}
.ff-support-table th:nth-child(1),.ff-support-table td:nth-child(1){width:27%!important}
.ff-support-table th:nth-child(2),.ff-support-table td:nth-child(2){width:22%!important}
.ff-support-table th:nth-child(3),.ff-support-table td:nth-child(3){width:12%!important}
.ff-support-table th:nth-child(4),.ff-support-table td:nth-child(4){width:12%!important}
.ff-support-table th:nth-child(5),.ff-support-table td:nth-child(5){width:8%!important}
.ff-support-table th:nth-child(6),.ff-support-table td:nth-child(6){width:11%!important}
.ff-support-table th:nth-child(7),.ff-support-table td:nth-child(7){width:136px!important}
.ff-my-promo-table th:nth-child(1),.ff-my-promo-table td:nth-child(1){width:27%!important}
.ff-my-promo-table th:nth-child(2),.ff-my-promo-table td:nth-child(2){width:13%!important}
.ff-my-promo-table th:nth-child(3),.ff-my-promo-table td:nth-child(3){width:9%!important}
.ff-my-promo-table th:nth-child(4),.ff-my-promo-table td:nth-child(4){width:11%!important}
.ff-my-promo-table th:nth-child(5),.ff-my-promo-table td:nth-child(5){width:11%!important}
.ff-my-promo-table th:nth-child(6),.ff-my-promo-table td:nth-child(6){width:10%!important}
.ff-my-promo-table th:nth-child(7),.ff-my-promo-table td:nth-child(7){width:11%!important}
.ff-my-promo-table th:nth-child(8),.ff-my-promo-table td:nth-child(8){width:136px!important}

@media(max-width:860px){
  .ff-clean-table{min-width:0!important;border-spacing:0 12px!important;background:transparent!important}
  .ff-clean-table thead{display:none!important}
  .ff-clean-table tbody,.ff-clean-table tr,.ff-clean-table td{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
  .ff-clean-table tr{background:#fff!important;border:1px solid var(--border-color)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;margin-bottom:12px!important;overflow:hidden!important}
  .ff-clean-table td{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:12px 14px!important;border-bottom:1px solid var(--border-color)!important;white-space:normal!important}
  .ff-clean-table td:last-child{border-bottom:0!important}
  .ff-clean-table td::before{content:attr(data-label);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:var(--secondary-color)}
  .ff-clean-table .action-cell{width:100%!important;min-width:0!important;white-space:normal!important}
  .ff-clean-table .table-actions{width:100%!important;max-width:none!important;min-width:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ff-clean-table .table-actions .btn,.ff-clean-table .table-actions form,.ff-clean-table .table-actions button{width:100%!important;max-width:none!important}
}
@media(max-width:520px){
  .ff-clean-table td{grid-template-columns:1fr!important;gap:5px!important}
  .ff-clean-table .table-actions{grid-template-columns:1fr!important}
}

/* v33 payment account card: rebuilt component, no separate copy button */
.ff-payment-account-card{
  width:100%!important;
  max-width:460px!important;
  display:grid!important;
  gap:14px!important;
  padding:22px!important;
  border:1px solid color-mix(in srgb,var(--border-color) 86%,var(--accent-color))!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 38%,#fff))!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  overflow:visible!important;
}
.payment-account-public-grid .ff-payment-account-card{max-width:none!important;}
.ff-payment-account-top{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
.ff-payment-account-icon{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--primary-color) 10%,#fff)!important;
  color:var(--primary-color)!important;
  flex:0 0 auto!important;
}
.ff-payment-account-icon .icon{width:19px!important;height:19px!important;display:block!important;}
.ff-payment-account-heading{display:grid!important;gap:3px!important;min-width:0!important;}
.ff-payment-account-heading strong,
.ff-payment-account-card>strong{
  display:block!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:var(--text-color)!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
.ff-payment-account-meta,
.ff-payment-account-bank{
  color:var(--secondary-color)!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:600!important;
  overflow-wrap:anywhere!important;
}
.ff-payment-account-bank{font-weight:800!important;color:color-mix(in srgb,var(--text-color) 70%,var(--secondary-color))!important;}
.ff-payment-account-number-group{display:grid!important;gap:8px!important;min-width:0!important;}
.ff-payment-account-number-label{
  display:block!important;
  color:var(--text-color)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin:0!important;
}
.ff-account-copy{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.ff-account-copy-input{
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 58px 0 17px!important;
  border:1px solid color-mix(in srgb,var(--border-color) 76%,var(--primary-color))!important;
  border-radius:17px!important;
  background:#fff!important;
  color:var(--text-color)!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  line-height:54px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 0 rgba(15,23,42,.02)!important;
  outline:none!important;
  cursor:text!important;
  appearance:none!important;
}
.ff-account-copy-input:focus{
  border-color:var(--input-focus-color)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--input-focus-color) 15%,transparent)!important;
}
.ff-account-copy-btn{
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:color-mix(in srgb,var(--primary-color) 10%,#fff)!important;
  color:var(--primary-color)!important;
  cursor:pointer!important;
  z-index:2!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.ff-account-copy-btn:hover,
.ff-account-copy-btn:focus-visible{
  background:var(--primary-color)!important;
  color:#fff!important;
  transform:translateY(-50%) scale(1.03)!important;
  outline:none!important;
}
.ff-account-copy-btn.copied{
  background:var(--success-color)!important;
  color:#fff!important;
}
.ff-account-copy-btn .icon{width:18px!important;height:18px!important;display:block!important;}
.ff-account-copy-btn .ff-copy-success{display:none!important;}
.ff-account-copy-btn.copied .ff-copy-default{display:none!important;}
.ff-account-copy-btn.copied .ff-copy-success{display:inline-flex!important;}
.ff-copy-tooltip{
  position:absolute!important;
  right:0!important;
  top:-32px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(6px)!important;
  pointer-events:none!important;
  transition:.18s ease!important;
  white-space:nowrap!important;
  z-index:5!important;
}
.ff-account-copy-btn.copied + .ff-copy-tooltip,
.ff-account-copy.copied .ff-copy-tooltip{
  opacity:1!important;
  transform:translateY(0)!important;
}
.ff-payment-account-instructions{
  margin:0!important;
  color:var(--secondary-color)!important;
  font-size:14px!important;
  line-height:1.45!important;
  padding-top:0!important;
}
.ff-payment-account-qr img{
  max-width:150px!important;
  max-height:120px!important;
  object-fit:contain!important;
  border-radius:16px!important;
  border:1px solid var(--border-color)!important;
  background:#fff!important;
  padding:8px!important;
}
/* kill legacy broken copy block/card artifacts */
.ff-payment-account-card .copy-field,
.ff-payment-account-card .copy-inline-btn,
.ff-payment-account-card .copy-actions,
.ff-payment-account-card .copy-btn,
.ff-payment-account-card code{display:none!important;}
.ff-payment-account-card .ff-account-copy,
.ff-payment-account-card .ff-account-copy-btn{display:block!important;}
.ff-payment-account-card .ff-account-copy-btn{display:inline-flex!important;}
@media(max-width:720px){
  .ff-payment-account-card{max-width:100%!important;padding:18px!important;border-radius:20px!important;gap:12px!important;}
  .ff-payment-account-top{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;}
  .ff-payment-account-icon{width:38px!important;height:38px!important;border-radius:13px!important;}
  .ff-payment-account-heading strong,.ff-payment-account-card>strong{font-size:18px!important;}
  .ff-account-copy-input{height:52px!important;min-height:52px!important;line-height:52px!important;font-size:16px!important;padding-right:56px!important;}
  .ff-account-copy-btn{width:38px!important;height:38px!important;right:7px!important;}
}

/* v34 expense item route fix + clean detail card layout */
.clean-detail-grid,
.detail-panel .detail-grid,
.panel > .detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.clean-detail-grid .detail-card,
.detail-panel .detail-grid > div,
.panel > .detail-grid > div{
  background:color-mix(in srgb,var(--table-header-bg) 72%,#fff);
  border:1px solid var(--border-color);
  border-radius:16px;
  padding:14px 16px;
  min-height:86px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:6px;
  min-width:0;
  overflow:hidden;
}
.clean-detail-grid .detail-card-full,
.detail-panel .detail-grid > .detail-card-full,
.panel > .detail-grid > .span-full,
.panel > .detail-grid > .detail-card-full{grid-column:1/-1;}
.detail-label,
.clean-detail-grid span,
.detail-panel .detail-grid span,
.panel > .detail-grid > div > span{
  display:block;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.025em;
  text-transform:uppercase;
  color:var(--secondary-color);
}
.detail-value,
.clean-detail-grid strong,
.detail-panel .detail-grid strong,
.panel > .detail-grid > div > strong{
  display:block;
  font-size:15px;
  line-height:1.45;
  color:var(--text-color);
  word-break:normal;
  overflow-wrap:anywhere;
  white-space:normal;
}
.detail-value .icon,
.contact-lines .icon{color:var(--accent-color);margin-right:6px;}
.contact-lines{display:grid!important;gap:6px;}
.contact-lines span{display:flex!important;align-items:center;gap:6px;text-transform:none!important;font-size:14px!important;font-weight:850!important;color:var(--text-color)!important;letter-spacing:0!important;}
.clean-detail-grid .badge,
.detail-panel .detail-grid .badge,
.panel > .detail-grid .badge{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  min-height:auto!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  align-self:flex-start!important;
}
.detail-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
}
.detail-list > div{
  background:color-mix(in srgb,var(--table-header-bg) 72%,#fff)!important;
  border:1px solid var(--border-color)!important;
  border-radius:16px!important;
  padding:14px 16px!important;
  min-height:86px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:hidden!important;
}
.detail-list > div.span-full{grid-column:1/-1!important;}
.detail-list span{margin:0!important;font-size:12px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.025em!important;text-transform:uppercase!important;color:var(--secondary-color)!important;}
.detail-list strong{font-size:15px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.detail-list strong .badge{display:inline-flex!important;width:auto!important;max-width:max-content!important;min-height:auto!important;padding:6px 10px!important;font-size:12px!important;border-radius:999px!important;}
.expense-item-form .two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.expense-item-form .form-actions{margin-top:16px;justify-content:flex-end;}
.expense-item-form .file-card input[type=file]{margin-top:8px;}
@media(max-width:1100px){
  .clean-detail-grid,.detail-panel .detail-grid,.panel > .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .clean-detail-grid,.detail-panel .detail-grid,.panel > .detail-grid,.detail-list,.expense-item-form .two-col{grid-template-columns:1fr!important;}
  .clean-detail-grid .detail-card-full,.panel > .detail-grid > .span-full,.panel > .detail-grid > .detail-card-full{grid-column:auto!important;}
  .expense-item-form .form-actions .btn{width:100%;}
}

/* v36: My Subscription stacked layout + compact payment account UX */
.subscription-page{display:grid;gap:18px;min-width:0}
.subscription-page .subscription-hero{margin-bottom:0}
.subscription-page .subscription-status-grid{margin-bottom:0}
.subscription-sections-stack{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-bottom:0!important;width:100%!important}
.subscription-sections-stack>.card,.subscription-history-card{width:100%!important;min-width:0!important}
.subscription-plans-card,.subscription-proof-card,.subscription-history-card{padding:24px!important;border-radius:22px!important;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important}
.subscription-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:100%}
.subscription-plan-card{border:1px solid var(--border-color);border-radius:18px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 34%,#fff));padding:16px 18px;display:grid;gap:8px;min-width:0;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.subscription-plan-card .plan-main-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.subscription-plan-card h3{margin:0 0 4px;font-size:17px;line-height:1.2;font-weight:950;color:var(--text-color)}
.subscription-plan-card strong{font-size:17px;line-height:1.2;color:var(--primary-color);white-space:nowrap;font-weight:950}
.subscription-plan-card p{margin:0;color:var(--secondary-color);font-size:13px;font-weight:750}
.subscription-plan-card small{display:block;color:var(--secondary-color);font-size:12.5px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
.subscription-proof-form{display:grid;gap:18px;width:100%;min-width:0}
.subscription-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px 18px;align-items:start;min-width:0}
.subscription-form-grid label{display:block;font-size:13px;font-weight:900;color:var(--text-color)}
.subscription-form-grid label input,.subscription-form-grid label select,.subscription-form-grid label textarea{margin-top:7px}
.subscription-instructions{margin-bottom:0}
.subscription-account-section{display:grid;gap:12px;min-width:0}
.mini-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mini-section-title h3{margin:0;font-size:16px;display:flex;align-items:center;gap:8px;color:var(--text-color)}
.mini-section-title h3 .icon{color:var(--accent-color)}
.mini-section-title p{margin:0;font-size:12.5px}
.subscription-account-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important;margin:0!important;align-items:stretch!important}
.subscription-page .ff-payment-account-card{max-width:none!important;padding:16px!important;border-radius:18px!important;gap:11px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 28%,#fff))!important}
.subscription-page .ff-payment-account-top{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.subscription-page .ff-payment-account-icon{width:36px!important;height:36px!important;border-radius:13px!important}
.subscription-page .ff-payment-account-icon .icon{width:16px!important;height:16px!important}
.subscription-page .ff-payment-account-heading strong,.subscription-page .ff-payment-account-card>strong{font-size:16.5px!important;line-height:1.18!important;font-weight:950!important}
.subscription-page .ff-payment-account-meta,.subscription-page .ff-payment-account-bank{font-size:12.5px!important;line-height:1.35!important;font-weight:650!important}
.subscription-page .ff-payment-account-bank{font-size:12px!important;font-weight:800!important}
.subscription-page .ff-payment-account-number-group{gap:6px!important}
.subscription-page .ff-payment-account-number-label{font-size:12.5px!important;line-height:1.2!important;font-weight:950!important}
.subscription-page .ff-account-copy-input{height:46px!important;min-height:46px!important;line-height:46px!important;padding:0 48px 0 14px!important;border-radius:15px!important;font-size:15.5px!important;letter-spacing:.015em!important}
.subscription-page .ff-account-copy-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;right:6px!important;border-radius:12px!important}
.subscription-page .ff-account-copy-btn .icon{width:15px!important;height:15px!important}
.subscription-page .ff-payment-account-instructions{font-size:12.5px!important;line-height:1.4!important;margin-top:1px!important}
.subscription-page .ff-payment-account-qr img{max-width:125px!important;max-height:95px!important;border-radius:13px!important}
.subscription-form-grid-bottom{margin-top:0}
.subscription-submit-actions{justify-content:flex-start;margin-top:2px}
.subscription-submit-actions .btn{min-width:210px}
@media(max-width:980px){
  .subscription-form-grid{grid-template-columns:1fr!important}
  .subscription-form-grid .span-2{grid-column:auto!important}
  .subscription-plan-card .plan-main-row{flex-direction:column;gap:7px}
  .subscription-plan-card strong{white-space:normal}
}
@media(max-width:640px){
  .subscription-plans-card,.subscription-proof-card,.subscription-history-card{padding:18px!important;border-radius:18px!important}
  .subscription-page .section-title{flex-direction:column;align-items:flex-start}
  .subscription-plan-list{grid-template-columns:1fr!important}
  .subscription-account-grid{grid-template-columns:1fr!important}
  .subscription-page .ff-payment-account-card{padding:15px!important;border-radius:17px!important}
  .subscription-page .ff-account-copy-input{height:44px!important;min-height:44px!important;line-height:44px!important;font-size:15px!important;padding-right:46px!important}
  .subscription-page .ff-account-copy-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .subscription-submit-actions .btn{width:100%;min-width:0}
}

/* v37 mobile dashboard charts + earning/expense cards */
.chart-panel{overflow:hidden;display:flex;flex-direction:column;min-height:auto}
.chart-panel h3{flex:0 0 auto;margin-bottom:12px}
.chart-wrap{position:relative;width:100%;height:340px;min-height:260px;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--card-bg) 96%,var(--body-bg));}
.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important}
.chart-wrap-donut{height:330px}.chart-wrap-account{height:350px}
@media(max-width:1100px){.chart-wrap{height:300px;min-height:250px}.chart-wrap-account{height:315px}.chart-wrap-donut{height:295px}}
@media(max-width:760px){.chart-grid{grid-template-columns:1fr!important}.chart-panel{padding:15px}.chart-panel h3{font-size:16px;line-height:1.25}.chart-wrap{height:270px;min-height:235px}.chart-wrap-account{height:285px}.chart-wrap-donut{height:275px}.summary-grid .stat-card{min-height:105px}.summary-grid .stat-card strong{font-size:20px}}
@media(max-width:480px){.chart-panel{padding:14px}.chart-wrap{height:242px;min-height:222px}.chart-wrap-account{height:255px}.chart-wrap-donut{height:250px}.summary-grid{gap:12px}.summary-grid .stat-card{padding:16px;min-height:102px}.summary-grid .stat-card span{font-size:12px}.summary-grid .stat-card strong{font-size:18px}.summary-grid .stat-icon{width:32px;height:32px;right:14px;top:14px}.account-panel{min-height:auto}}


/* v38 Expense Project Related Loans + Advanced Mobile Charts */
.choice-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 18px}
.choice-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border-color);border-radius:16px;padding:16px;background:var(--table-header-bg);cursor:pointer;transition:.18s ease;min-width:0}
.choice-card input{margin-top:4px;width:auto!important;min-height:auto!important}
.choice-card strong{display:block;color:var(--text-color);font-size:15px}.choice-card small{display:block;color:var(--secondary-color);margin-top:4px;line-height:1.45}
.choice-card.selected{border-color:color-mix(in srgb,var(--accent-color) 55%,var(--border-color));background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg));box-shadow:0 14px 28px rgba(15,23,42,.06)}
.related-loan-form .loan-link-section{margin-top:4px}.related-loans-panel{min-width:0}.related-loans-table th,.related-loans-table td{vertical-align:top}.related-loans-table .actions{min-width:210px}.related-loans-table .actions .action-link,.related-loans-table .actions form{display:inline-flex;margin:2px 8px 2px 0}
.chart-panel{overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:auto!important}.chart-panel h3{flex:0 0 auto;margin-bottom:12px;line-height:1.25}.chart-wrap{position:relative!important;width:100%!important;height:340px!important;min-height:0!important;overflow:hidden!important;border-radius:14px;background:color-mix(in srgb,var(--card-bg) 96%,var(--body-bg));contain:layout paint;}
.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;vertical-align:top!important}.chart-wrap-donut{height:330px!important}.chart-wrap-account{height:340px!important}.chart-grid{align-items:stretch!important}
@media(max-width:1100px){.chart-wrap{height:290px!important}.chart-wrap-account{height:305px!important}.chart-wrap-donut{height:285px!important}}
@media(max-width:760px){.choice-cards{grid-template-columns:1fr}.related-loans-table .actions{min-width:180px}.chart-grid{grid-template-columns:1fr!important}.chart-panel{padding:15px!important}.chart-panel h3{font-size:16px!important}.chart-wrap{height:245px!important}.chart-wrap-account{height:255px!important}.chart-wrap-donut{height:250px!important}.chart-panel canvas{min-height:0!important}.summary-grid .stat-card{min-height:105px}}
@media(max-width:480px){.chart-panel{padding:14px!important;border-radius:16px}.chart-panel h3{font-size:15px!important}.chart-wrap{height:238px!important}.chart-wrap-account{height:250px!important}.chart-wrap-donut{height:244px!important}.related-loans-table .actions{min-width:150px}.choice-card{padding:14px}.summary-grid{gap:12px}.summary-grid .stat-card{padding:16px;min-height:102px}.summary-grid .stat-card span{font-size:12px}.summary-grid .stat-card strong{font-size:18px}.summary-grid .stat-icon{width:32px;height:32px;right:14px;top:14px}}

/* v39 dashboard drilldown cards and detail pages */
.stat-card.clickable-card{display:flex;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;background:var(--card-bg)}
.stat-card.clickable-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(15,23,42,.13);border-color:color-mix(in srgb,currentColor 22%,var(--border-color));color:currentColor}
.stat-card.clickable-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 35%,transparent);outline-offset:3px}
.stat-hint{display:inline-flex!important;align-items:center;gap:5px;margin-top:8px;font-size:11px!important;font-weight:900;color:color-mix(in srgb,currentColor 72%,var(--secondary-color));opacity:.88}
.dashboard-detail-page .detail-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:5px solid var(--accent-color);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color) 8%,var(--card-bg)),var(--card-bg))}
.dashboard-detail-page .detail-hero h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:24px}.dashboard-detail-page .detail-hero p{margin:0;color:var(--secondary-color);font-weight:700}.detail-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-summary-grid .stat-card{min-height:105px}.dashboard-detail-filters{align-items:end}.dashboard-detail-filters label{display:flex;flex-direction:column;gap:7px;min-width:220px;font-weight:900}.dashboard-detail-filters label span{font-size:12px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.03em}.dashboard-detail-table .data-table th,.dashboard-detail-table .data-table td{white-space:normal}.dashboard-detail-table .data-table td strong{overflow-wrap:anywhere}.dashboard-detail-panel .pagination-wrap{margin-top:16px}.btn-sm{min-height:34px;padding:7px 10px;font-size:12px;border-radius:10px}
@media(max-width:900px){.dashboard-detail-page .detail-hero{align-items:flex-start;flex-direction:column}.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-detail-filters label{min-width:180px;flex:1 1 220px}}
@media(max-width:560px){.detail-summary-grid{grid-template-columns:1fr}.dashboard-detail-page .detail-hero h2{font-size:20px}.dashboard-detail-filters{display:grid;grid-template-columns:1fr}.dashboard-detail-filters label,.dashboard-detail-filters .btn{width:100%;min-width:0}.stat-hint{font-size:10.5px!important}}

/* v40 dashboard detail fixes */
.stat-card.clickable-card.blue{color:var(--primary-color)!important}
.stat-card.clickable-card.green{color:var(--success-color)!important}
.stat-card.clickable-card.red{color:var(--danger-color)!important}
.stat-card.clickable-card.orange{color:var(--warning-color)!important}
.stat-card.clickable-card.purple{color:var(--accent-color)!important}
.stat-card.clickable-card .stat-icon{background:color-mix(in srgb,currentColor 12%,transparent);color:currentColor}
.stat-card.clickable-card strong{color:currentColor}
.stat-card.clickable-card span{color:color-mix(in srgb,currentColor 55%,var(--secondary-color))}
.stat-card.clickable-card .stat-hint{color:color-mix(in srgb,currentColor 75%,var(--secondary-color))}
.dashboard-detail-page .alert{margin:0 0 18px}
@media(max-width:720px){.stat-card.clickable-card{min-height:110px}.stat-card strong{font-size:20px}.stat-card span{font-size:12px}}

/* v41 dashboard detail records + card colors final polish */
.stat-card.blue,.stat-card.green,.stat-card.red,.stat-card.orange,.stat-card.purple{color:var(--primary-color)!important}
.stat-card.green{color:var(--success-color)!important}
.stat-card.red{color:var(--danger-color)!important}
.stat-card.orange{color:var(--warning-color)!important}
.stat-card.purple{color:var(--accent-color)!important}
.stat-card.blue .stat-icon,.stat-card.green .stat-icon,.stat-card.red .stat-icon,.stat-card.orange .stat-icon,.stat-card.purple .stat-icon{background:color-mix(in srgb,currentColor 13%,transparent)!important;color:currentColor!important}
.stat-card.blue strong,.stat-card.green strong,.stat-card.red strong,.stat-card.orange strong,.stat-card.purple strong{color:currentColor!important}
.stat-card.blue span,.stat-card.green span,.stat-card.red span,.stat-card.orange span,.stat-card.purple span{color:color-mix(in srgb,currentColor 55%,var(--secondary-color))!important}
.stat-card.blue:after,.stat-card.green:after,.stat-card.red:after,.stat-card.orange:after,.stat-card.purple:after{background:currentColor!important;opacity:.11!important}
.dashboard-detail-table .empty-cell{padding:34px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--body-bg) 35%,#fff),var(--table-header-bg));color:var(--secondary-color)}
.dashboard-detail-table .data-table td:nth-child(7),.dashboard-detail-table .data-table th:nth-child(7){text-align:right}
.dashboard-detail-table .data-table td:last-child,.dashboard-detail-table .data-table th:last-child{text-align:center}
.dashboard-detail-page .detail-summary-grid .stat-card{border-color:color-mix(in srgb,currentColor 16%,var(--border-color))}
@media(max-width:760px){.dashboard-detail-table .data-table{min-width:860px}.dashboard-detail-page .panel{padding:16px}.dashboard-detail-page .cards-grid{grid-template-columns:1fr!important}}


/* v43 final dashboard color + expense detail total fix polish */
.summary-grid .stat-card.blue,
.detail-summary-grid .stat-card.blue,
.stat-card.clickable-card.blue{color:var(--primary-color)!important;}
.summary-grid .stat-card.green,
.detail-summary-grid .stat-card.green,
.stat-card.clickable-card.green{color:var(--success-color)!important;}
.summary-grid .stat-card.red,
.detail-summary-grid .stat-card.red,
.stat-card.clickable-card.red{color:var(--danger-color)!important;}
.summary-grid .stat-card.orange,
.detail-summary-grid .stat-card.orange,
.stat-card.clickable-card.orange{color:var(--warning-color)!important;}
.summary-grid .stat-card.purple,
.detail-summary-grid .stat-card.purple,
.stat-card.clickable-card.purple{color:var(--accent-color)!important;}
.summary-grid .stat-card .stat-icon,
.detail-summary-grid .stat-card .stat-icon,
.stat-card.clickable-card .stat-icon{
  color:currentColor!important;
  background:color-mix(in srgb,currentColor 14%,#fff)!important;
  box-shadow:0 10px 26px color-mix(in srgb,currentColor 13%,transparent)!important;
}
.summary-grid .stat-card strong,
.detail-summary-grid .stat-card strong,
.stat-card.clickable-card strong{color:currentColor!important;}
.summary-grid .stat-card span,
.detail-summary-grid .stat-card span,
.stat-card.clickable-card span{color:color-mix(in srgb,currentColor 62%,var(--secondary-color))!important;}
.summary-grid .stat-card:after,
.detail-summary-grid .stat-card:after,
.stat-card.clickable-card:after{background:currentColor!important;opacity:.115!important;}
.summary-grid .stat-card:hover .stat-icon,
.stat-card.clickable-card:hover .stat-icon{background:color-mix(in srgb,currentColor 18%,#fff)!important;}
.dashboard-detail-page .detail-summary-grid .stat-card.red{border-color:color-mix(in srgb,var(--danger-color) 22%,var(--border-color))!important;}
.dashboard-detail-page .detail-summary-grid .stat-card.orange{border-color:color-mix(in srgb,var(--warning-color) 22%,var(--border-color))!important;}
.dashboard-detail-page .detail-summary-grid .stat-card.blue{border-color:color-mix(in srgb,var(--primary-color) 22%,var(--border-color))!important;}
.dashboard-detail-page .detail-summary-grid .stat-card.purple{border-color:color-mix(in srgb,var(--accent-color) 22%,var(--border-color))!important;}
.dashboard-detail-page .detail-summary-grid .stat-card.green{border-color:color-mix(in srgb,var(--success-color) 22%,var(--border-color))!important;}


/* v44 dashboard financial card color fix: direct accent colors so these cards never fall back to black/grey. */
.summary-grid .stat-card.card-monthly-earning{--ff-card-accent:var(--success-color,#22c55e);color:var(--ff-card-accent)!important;border-color:rgba(34,197,94,.22)!important;background:linear-gradient(135deg,rgba(34,197,94,.035),#fff 42%)!important;}
.summary-grid .stat-card.card-daily-expense{--ff-card-accent:var(--warning-color,#f59e0b);color:var(--ff-card-accent)!important;border-color:rgba(245,158,11,.26)!important;background:linear-gradient(135deg,rgba(245,158,11,.04),#fff 42%)!important;}
.summary-grid .stat-card.card-expenses{--ff-card-accent:#f59e0b;color:var(--ff-card-accent)!important;border-color:rgba(245,158,11,.26)!important;background:linear-gradient(135deg,rgba(245,158,11,.04),#fff 42%)!important;}
.summary-grid .stat-card.card-expense-projects{--ff-card-accent:var(--primary-color,#0b5ed7);color:var(--ff-card-accent)!important;border-color:rgba(11,94,215,.24)!important;background:linear-gradient(135deg,rgba(11,94,215,.035),#fff 42%)!important;}
.summary-grid .stat-card.card-total-expenses{--ff-card-accent:var(--danger-color,#ef4444);color:var(--ff-card-accent)!important;border-color:rgba(239,68,68,.26)!important;background:linear-gradient(135deg,rgba(239,68,68,.04),#fff 42%)!important;}
.summary-grid .stat-card.card-monthly-earning .stat-icon{color:var(--success-color,#22c55e)!important;background:rgba(34,197,94,.14)!important;}
.summary-grid .stat-card.card-daily-expense .stat-icon,
.summary-grid .stat-card.card-expenses .stat-icon{color:#f59e0b!important;background:rgba(245,158,11,.15)!important;}
.summary-grid .stat-card.card-expense-projects .stat-icon{color:var(--primary-color,#0b5ed7)!important;background:rgba(11,94,215,.14)!important;}
.summary-grid .stat-card.card-total-expenses .stat-icon{color:var(--danger-color,#ef4444)!important;background:rgba(239,68,68,.14)!important;}
.summary-grid .stat-card.card-monthly-earning strong,
.summary-grid .stat-card.card-daily-expense strong,
.summary-grid .stat-card.card-expenses strong,
.summary-grid .stat-card.card-expense-projects strong,
.summary-grid .stat-card.card-total-expenses strong{color:var(--ff-card-accent)!important;}
.summary-grid .stat-card.card-monthly-earning span,
.summary-grid .stat-card.card-daily-expense span,
.summary-grid .stat-card.card-expenses span,
.summary-grid .stat-card.card-expense-projects span,
.summary-grid .stat-card.card-total-expenses span{color:color-mix(in srgb,var(--ff-card-accent) 72%,var(--secondary-color,#6c757d))!important;}
.summary-grid .stat-card.card-monthly-earning .stat-hint,
.summary-grid .stat-card.card-daily-expense .stat-hint,
.summary-grid .stat-card.card-expenses .stat-hint,
.summary-grid .stat-card.card-expense-projects .stat-hint,
.summary-grid .stat-card.card-total-expenses .stat-hint{color:color-mix(in srgb,var(--ff-card-accent) 82%,#334155)!important;}
.summary-grid .stat-card.card-monthly-earning:after,
.summary-grid .stat-card.card-daily-expense:after,
.summary-grid .stat-card.card-expenses:after,
.summary-grid .stat-card.card-expense-projects:after,
.summary-grid .stat-card.card-total-expenses:after{background:var(--ff-card-accent)!important;opacity:.12!important;}
@supports not (color: color-mix(in srgb, red 50%, blue 50%)){
  .summary-grid .stat-card.card-monthly-earning span,
  .summary-grid .stat-card.card-daily-expense span,
  .summary-grid .stat-card.card-expenses span,
  .summary-grid .stat-card.card-expense-projects span,
  .summary-grid .stat-card.card-total-expenses span{color:var(--ff-card-accent)!important;}
  .summary-grid .stat-card.card-monthly-earning .stat-hint,
  .summary-grid .stat-card.card-daily-expense .stat-hint,
  .summary-grid .stat-card.card-expenses .stat-hint,
  .summary-grid .stat-card.card-expense-projects .stat-hint,
  .summary-grid .stat-card.card-total-expenses .stat-hint{color:var(--ff-card-accent)!important;}
}

/* v45 enterprise UI polish: dashboard hierarchy, charts, branding, invoice templates, CRM */
:root{--ff-blue:var(--primary-color,#0d6efd);--ff-green:var(--success-color,#22c55e);--ff-red:var(--danger-color,#ef4444);--ff-orange:var(--warning-color,#f59e0b);--ff-purple:var(--accent-color,#42389d);--ff-muted:var(--secondary-color,#64748b)}
body{font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.topbar{min-height:76px;padding-left:30px;padding-right:30px}.topbar h1{font-size:22px;line-height:1.18;font-weight:850;letter-spacing:-.025em}.topbar p{font-size:13.5px;line-height:1.45}.content{padding:26px}.panel{padding:22px;margin-bottom:20px}.grid{gap:20px}.cards-grid,.two-col,.three-col{margin-bottom:20px}.panel h3,.panel-head h3,.dashboard-hero h2{font-weight:850;letter-spacing:-.018em;line-height:1.25}.dashboard-hero{align-items:center;border-left:5px solid var(--accent-color);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color) 7%,var(--card-bg)),var(--card-bg));}.dashboard-hero p{font-size:14px;line-height:1.55}.sidebar{padding-top:18px}.brand{gap:11px;margin-bottom:22px;padding:6px}.brand img{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px;object-fit:contain}.brand strong{font-size:16px;font-weight:900;letter-spacing:-.01em}.brand small{font-size:11.5px;font-weight:750}.sidebar nav a{font-weight:780;font-size:13.5px;letter-spacing:0}.nav-section{text-transform:none!important;letter-spacing:.045em!important;font-size:11px!important;color:color-mix(in srgb,var(--sidebar-text) 58%,transparent)!important}th{font-size:12px!important;text-transform:none!important;letter-spacing:.015em!important;font-weight:850!important}td{line-height:1.45}.badge{font-weight:850}.btn{font-weight:820;letter-spacing:-.005em}.stat-card{min-height:112px;padding:18px 18px 16px;border-radius:18px}.stat-card span{font-size:12.5px;line-height:1.35;font-weight:820;text-transform:none}.stat-card strong{font-size:21px;font-weight:900;letter-spacing:-.02em}.stat-card .stat-hint{font-size:10.8px!important;text-transform:none;letter-spacing:0}.stat-icon{width:38px;height:38px;border-radius:14px;right:15px;top:14px}.stat-icon .icon{font-size:18px!important}.summary-grid .stat-card.blue{color:var(--ff-blue)!important}.summary-grid .stat-card.green{color:var(--ff-green)!important}.summary-grid .stat-card.red{color:var(--ff-red)!important}.summary-grid .stat-card.orange{color:var(--ff-orange)!important}.summary-grid .stat-card.purple{color:var(--ff-purple)!important}.summary-grid .stat-card .stat-icon{background:color-mix(in srgb,currentColor 13%,#fff)!important;color:currentColor!important}.summary-grid .stat-card strong{color:currentColor!important}.summary-grid .stat-card span{color:color-mix(in srgb,currentColor 58%,var(--ff-muted))!important}.summary-grid .stat-card:after{background:currentColor!important;opacity:.105!important}
.card-monthly-earning,.card-daily-earning{--ff-card-accent:var(--ff-green)!important}.card-daily-expense,.card-expenses{--ff-card-accent:var(--ff-orange)!important}.card-expense-projects{--ff-card-accent:var(--ff-blue)!important}.card-total-expenses{--ff-card-accent:var(--ff-red)!important}.card-monthly-earning,.card-daily-expense,.card-expenses,.card-expense-projects,.card-total-expenses{color:var(--ff-card-accent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ff-card-accent) 5%,#fff),#fff 48%)!important;border-color:color-mix(in srgb,var(--ff-card-accent) 24%,var(--border-color))!important}.card-monthly-earning .stat-icon,.card-daily-expense .stat-icon,.card-expenses .stat-icon,.card-expense-projects .stat-icon,.card-total-expenses .stat-icon{color:var(--ff-card-accent)!important;background:color-mix(in srgb,var(--ff-card-accent) 14%,#fff)!important}.card-monthly-earning strong,.card-daily-expense strong,.card-expenses strong,.card-expense-projects strong,.card-total-expenses strong{color:var(--ff-card-accent)!important}.card-monthly-earning span,.card-daily-expense span,.card-expenses span,.card-expense-projects span,.card-total-expenses span{color:color-mix(in srgb,var(--ff-card-accent) 64%,var(--ff-muted))!important}
.chart-panel{overflow:hidden!important;padding:18px 20px 16px}.chart-panel h3{font-size:17px;line-height:1.25;margin-bottom:12px;color:var(--text-color)}.chart-wrap{position:relative!important;width:100%!important;height:350px!important;min-height:0!important;overflow:hidden!important;border-radius:16px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--body-bg) 33%,#fff));contain:layout paint}.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.chart-wrap-donut{height:340px!important}.chart-wrap-account{height:350px!important}.account-list.clean-list div{border-color:color-mix(in srgb,var(--ff-blue) 12%,var(--border-color));background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--ff-blue) 3%,#fff))}.account-list.clean-list strong{color:var(--ff-blue)}
.auth-brand-panel img,.auth-card img,.auth-card-head img{max-width:74px;max-height:74px;object-fit:contain;border-radius:18px}.page-login .brand img,.page-register .brand img{width:54px!important;height:54px!important}.invoice-profile-template-card{border:1px dashed color-mix(in srgb,var(--accent-color) 35%,var(--border-color));border-radius:16px;padding:14px;background:color-mix(in srgb,var(--accent-color) 4%,#fff)}.invoice-template-preview{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px;padding:10px;border-radius:12px;background:var(--table-header-bg);border:1px solid var(--border-color)}.custom-template-image{background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important}.custom-template-note{font-size:12px;color:var(--secondary-color);border:1px dashed var(--border-color);border-radius:12px;padding:10px 12px;margin-bottom:12px;background:color-mix(in srgb,var(--body-bg) 38%,#fff)}
.crm-hero{border-left:5px solid var(--accent-color);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color) 7%,var(--card-bg)),var(--card-bg));display:flex;justify-content:space-between;align-items:center;gap:18px}.crm-hero h2{margin:0 0 6px;font-size:24px}.crm-hero p{margin:0;color:var(--secondary-color);font-weight:720}.crm-form-card{max-width:1180px;margin-inline:auto}.lead-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lead-detail-grid .detail-card{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:15px;padding:14px;min-width:0}.lead-detail-grid .detail-card-full{grid-column:1/-1}.detail-label{display:block;font-size:11.5px;font-weight:850;color:var(--secondary-color);margin-bottom:6px}.detail-value{display:block;font-weight:780;color:var(--text-color);overflow-wrap:anywhere;line-height:1.5}.attachment-list{display:flex;flex-wrap:wrap;gap:10px}.attachment-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);border-radius:999px;padding:9px 12px;background:var(--table-header-bg);font-weight:800}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.data-table .table-cell-title{display:block;font-weight:900;color:var(--text-color);line-height:1.35}.data-table .table-cell-description,.data-table .table-meta{display:block;margin-top:4px;color:var(--secondary-color);font-size:12.5px;line-height:1.4}.data-table .table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compact-badge{padding:5px 9px;font-size:11.5px}.pagination-wrap{gap:10px;align-items:center}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-wrap{height:310px!important}.chart-wrap-donut{height:300px!important}.chart-wrap-account{height:320px!important}.lead-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.topbar{padding:14px 16px;min-height:70px}.content{padding:16px}.panel{padding:18px;border-radius:18px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-hero,.crm-hero{flex-direction:column;align-items:flex-start;padding:18px}.hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .btn{width:100%}.brand img{width:38px!important;height:38px!important;flex-basis:38px!important}.chart-grid{grid-template-columns:1fr!important}.chart-panel{padding:16px}.chart-wrap{height:280px!important}.chart-wrap-donut{height:270px!important}.chart-wrap-account{height:285px!important}.lead-detail-grid{grid-template-columns:1fr}.crm-hero h2{font-size:21px}}
@media(max-width:520px){body{font-size:13.5px}.content{padding:13px}.cards-grid{grid-template-columns:1fr;gap:12px}.stat-card{min-height:98px;padding:15px}.stat-card strong{font-size:19px}.stat-icon{width:34px;height:34px}.chart-panel h3{font-size:15.5px}.chart-wrap{height:248px!important}.chart-wrap-donut{height:258px!important}.chart-wrap-account{height:265px!important}.hero-actions{grid-template-columns:1fr}.crm-hero .btn{width:100%}.table-responsive table,.data-table-wrap table{min-width:820px}.topbar h1{font-size:19px}.topbar p{font-size:12.5px}.btn{min-height:39px;padding:8px 12px}.auth-brand-panel img,.auth-card img,.auth-card-head img{max-width:64px;max-height:64px}}

/* v46 Settings role-based appearance, per-user theme and font controls */
.settings-page{display:grid;gap:18px}.settings-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 10%,var(--card-bg)),var(--card-bg));border-left:5px solid var(--accent-color)}
.settings-tabs{display:flex;gap:10px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:10px;box-shadow:var(--shadow);margin-bottom:2px}.settings-tab{border:1px solid transparent;background:transparent;color:var(--secondary-color);border-radius:12px;padding:10px 14px;font-weight:850;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.18s}.settings-tab:hover{background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg));color:var(--text-color)}.settings-tab.active{background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));border-color:color-mix(in srgb,var(--accent-color) 25%,var(--border-color));color:var(--accent-color)}
.settings-section{display:none}.settings-section.active{display:block}.settings-balanced-grid{align-items:stretch}.settings-info-card .clean-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.settings-password-form{max-width:720px}.settings-platform-form textarea{min-height:120px}.theme-panel{overflow:hidden}.settings-theme-form,.font-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.theme-field,.font-field{border:1px solid var(--border-color);background:color-mix(in srgb,var(--table-header-bg) 35%,var(--card-bg));border-radius:14px;padding:12px;min-width:0}.theme-field label,.font-field label{display:flex;align-items:center;gap:6px;color:var(--text-color);font-size:12px;font-weight:850;margin-bottom:8px;text-transform:none;letter-spacing:0}.color-input-row{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}.color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:38px}.color-preview{display:block;height:4px;border-radius:999px;margin-top:9px;background:var(--accent-color)}.font-field select{min-height:40px}.appearance-preview,.theme-preview{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:14px}.appearance-preview .preview-card,.theme-preview .preview-card,.preview-sidebar{border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);padding:16px;min-height:104px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.preview-sidebar{background:linear-gradient(180deg,var(--sidebar-bg),color-mix(in srgb,var(--sidebar-bg) 78%,#000));color:var(--sidebar-text);position:relative;display:flex;flex-direction:column;justify-content:center}.preview-sidebar span{position:absolute;left:10px;top:18px;bottom:18px;width:4px;border-radius:99px;background:var(--accent-color)}.preview-sidebar small{color:color-mix(in srgb,var(--sidebar-text) 70%,transparent);margin-top:4px}.preview-card b{display:block;font-size:14px;color:var(--text-color);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight)}.preview-card span{display:block;color:var(--secondary-color);font-size:12px;margin:4px 0 10px}.preview-card strong{display:block;color:var(--primary-color);font-size:var(--card-value-size);line-height:1.15;margin-bottom:10px}.mini-table-preview{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:1px;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-top:10px}.mini-table-preview span{background:var(--table-header-bg);padding:9px;margin:0!important;color:var(--secondary-color);font-weight:850;font-size:11px}.toggle-row{display:inline-flex!important;align-items:center;gap:10px;border:1px solid var(--border-color);border-radius:14px;padding:10px 12px;background:var(--table-header-bg);cursor:pointer;min-height:46px;width:auto}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-row span{width:44px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--secondary-color) 25%,#fff);position:relative;transition:.18s;flex:0 0 44px}.toggle-row span:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.2);transition:.18s}.toggle-row input:checked+span{background:var(--accent-color)}.toggle-row input:checked+span:before{transform:translateX(20px)}.toggle-row strong{font-size:13px;color:var(--text-color);font-weight:850}.settings-page .check-card{padding:10px 12px;border-radius:14px}.settings-page h3,.settings-page label{text-transform:none}.settings-page .panel-head{align-items:flex-start}.settings-page .btn{white-space:nowrap}.settings-page input[type=checkbox]{width:auto;min-height:0}.settings-page input[type=color]{height:38px}.ff-live-preview [data-preview-focus]{outline:2px solid var(--input-focus-color)}
@media(max-width:1200px){.settings-theme-form,.font-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-preview,.theme-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.settings-theme-form,.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-info-card .clean-detail-grid{grid-template-columns:1fr}.settings-tabs{position:relative}.settings-tab{flex:1 1 auto;justify-content:center}.appearance-preview,.theme-preview{grid-template-columns:1fr}}
@media(max-width:640px){.settings-page{gap:14px}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px}.settings-tab{font-size:12px;padding:9px}.settings-theme-form,.font-grid{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:flex-start}.panel-head form,.panel-head .btn{width:100%}.settings-page .form-actions .btn{width:100%}.color-input-row{grid-template-columns:48px 1fr}.settings-hero{padding:16px}.toggle-row{width:100%}}

/* v47 notifications, settings preview alignment and dynamic font case polish */
.settings-preview-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.settings-preview-card{min-height:150px!important;padding:18px!important;border:1px solid var(--border-color)!important;border-radius:18px!important;background:var(--card-bg)!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;overflow:hidden!important}
.settings-preview-sidebar{background:linear-gradient(180deg,var(--sidebar-bg),color-mix(in srgb,var(--sidebar-bg) 78%,#000))!important;color:var(--sidebar-text)!important;justify-content:center!important;min-height:150px!important;grid-row:auto!important;position:relative!important}
.settings-preview-sidebar span{position:absolute!important;left:14px!important;top:20px!important;bottom:20px!important;width:4px!important;border-radius:999px!important;background:var(--accent-color)!important}
.settings-preview-card b{font-size:14px!important;line-height:1.25!important;margin:0!important;color:var(--text-color)!important;text-transform:var(--section-heading-text-case)!important}
.settings-preview-card>span,.settings-preview-card small{font-size:12px!important;line-height:1.45!important;color:var(--secondary-color)!important;margin:0!important}
.settings-preview-card strong{font-size:22px!important;color:var(--primary-color)!important;line-height:1.15!important;margin:2px 0 8px!important}
.settings-preview-card .btn{margin-top:auto!important;width:100%!important;min-height:38px!important;white-space:normal!important}
.settings-preview-badges>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-top:8px!important}
.settings-preview-badges .badge{width:auto!important;max-width:100%!important;border-radius:999px!important;padding:7px 12px!important}
.settings-preview-table .mini-table-preview{margin-top:auto!important;width:100%!important}.settings-preview-input input{margin-top:auto!important}
.settings-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:12px;box-shadow:var(--shadow);margin-bottom:18px}.settings-tab{border:0;background:transparent;color:var(--secondary-color);font-weight:850;border-radius:12px;padding:11px 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:.18s}.settings-tab.active{background:color-mix(in srgb,var(--accent-color) 13%,#fff);color:var(--accent-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 28%,transparent)}
.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 9%,var(--card-bg)),var(--card-bg));border-left:5px solid var(--accent-color)}
.notification-list{display:grid;gap:10px}.notification-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border-color);border-radius:16px;background:var(--card-bg);color:var(--text-color);box-shadow:0 10px 26px rgba(15,23,42,.035);transition:.18s}.notification-item:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(15,23,42,.07);color:var(--text-color)}.notification-item.read{opacity:.76}.notification-dot{width:11px;height:11px;border-radius:99px;background:var(--primary-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--primary-color) 12%,transparent);flex:0 0 11px}.notification-item.priority-high .notification-dot,.notification-item.priority-urgent .notification-dot{background:var(--danger-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--danger-color) 12%,transparent)}.notification-item.priority-normal .notification-dot{background:var(--accent-color);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-color) 12%,transparent)}.notification-body{display:grid;gap:3px;min-width:0;flex:1}.notification-body strong{font-size:14px;color:var(--text-color)}.notification-body small{color:var(--secondary-color);line-height:1.45}.notification-body em{font-style:normal;color:var(--secondary-color);font-size:12px}.notification-bell{background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));color:var(--accent-color)}.notification-bell:hover{background:color-mix(in srgb,var(--accent-color) 18%,var(--card-bg));color:var(--accent-color)}
@media(max-width:1200px){.settings-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.settings-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.notification-hero{align-items:flex-start;flex-direction:column}.notification-hero form,.notification-hero .btn{width:100%}}
@media(max-width:640px){.settings-preview-grid{grid-template-columns:1fr!important}.settings-preview-card,.settings-preview-sidebar{min-height:128px!important}.notification-item{align-items:flex-start}.notification-item>.badge{margin-left:auto}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tab{justify-content:center}}

/* v48 live fixes: distinct header icons, clean settings preview and loan dropdown polish */
.alert-bell.notification-bell{
  background:color-mix(in srgb,var(--accent-color) 13%,var(--card-bg))!important;
  color:var(--accent-color)!important;
}
.alert-bell.notification-bell:hover{
  background:color-mix(in srgb,var(--accent-color) 20%,var(--card-bg))!important;
  color:var(--accent-color)!important;
}
.alert-bell.alert-reminder-bell{
  background:color-mix(in srgb,var(--warning-color) 13%,var(--card-bg))!important;
  color:var(--warning-color)!important;
}
.alert-bell.alert-reminder-bell:hover{
  background:color-mix(in srgb,var(--danger-color) 13%,var(--card-bg))!important;
  color:var(--danger-color)!important;
}
.alert-bell.support-message-bell{
  background:color-mix(in srgb,var(--primary-color) 11%,var(--card-bg))!important;
  color:var(--primary-color)!important;
}
.alert-bell.support-message-bell:hover{
  background:color-mix(in srgb,var(--primary-color) 18%,var(--card-bg))!important;
  color:var(--primary-color)!important;
}
.alert-bell .icon{width:18px!important;height:18px!important;color:currentColor!important;}

.settings-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.settings-preview-card{
  min-height:148px!important;
  padding:18px!important;
  border:1px solid var(--border-color)!important;
  border-radius:18px!important;
  background:var(--card-bg)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
  min-width:0!important;
}
.settings-preview-sidebar-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.settings-preview-sidebar-card b,
.settings-preview-card b{
  color:var(--text-color)!important;
  font-size:14px!important;
  line-height:1.25!important;
  margin:0!important;
  text-transform:var(--section-heading-text-case, none)!important;
}
.settings-preview-sidebar-card small,
.settings-preview-card>span,
.settings-preview-card small{
  color:var(--secondary-color)!important;
  font-size:12px!important;
  line-height:1.45!important;
  margin:0!important;
}
.preview-active-menu{
  width:100%!important;
  max-width:260px!important;
  min-height:50px!important;
  margin-top:auto!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px 16px 13px 18px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--accent-color) 22%,var(--sidebar-bg))!important;
  color:var(--sidebar-text,#fff)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-color) 10%,transparent)!important;
}
.preview-active-line{
  position:absolute!important;
  left:0!important;
  top:10px!important;
  bottom:10px!important;
  width:4px!important;
  border-radius:999px!important;
  background:var(--accent-color)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-color) 14%,transparent)!important;
}
.preview-menu-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--accent-color)!important;
  flex:0 0 auto!important;
}
.preview-menu-icon .icon{width:18px!important;height:18px!important;}
.preview-menu-text{
  color:var(--sidebar-text,#fff)!important;
  font-weight:850!important;
  font-size:14px!important;
  line-height:1.15!important;
  text-transform:var(--sidebar-text-case, none)!important;
}
.settings-preview-badges{justify-content:flex-start!important;}
.settings-preview-badges > .preview-badge-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:8px!important;
  width:100%!important;
}
.settings-preview-badges .badge{
  display:inline-flex!important;
  width:auto!important;
  max-width:none!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.settings-preview-badges .badge .icon{width:12px!important;height:12px!important;}
.settings-preview-table .mini-table-preview{margin-top:auto!important;width:100%!important;}
.settings-preview-input input{margin-top:auto!important;}
@media(max-width:900px){.settings-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.settings-preview-grid{grid-template-columns:1fr!important}.settings-preview-card{min-height:126px!important}.preview-active-menu{max-width:100%!important}}