/* BTC Business ERP — UI Elevate v5
   UI-only layer. Print/document templates intentionally untouched. */
:root{
  --e-bg:#070a11;--e-bg2:#0a0f19;--e-panel:#101722;--e-panel2:#151d2a;
  --e-border:rgba(255,255,255,.09);--e-border2:rgba(148,163,184,.18);
  --e-text:#f5f7fb;--e-muted:#8f9bad;--e-primary:#685cff;--e-primary2:#9a56ff;
  --e-lime:#a7f34b;--e-orange:#ff9d28;--e-cyan:#38d8d5;--e-red:#ff6577;
  --e-shadow:0 24px 70px rgba(0,0,0,.32);--e-card-shadow:0 14px 34px rgba(0,0,0,.22);
  --e-radius:26px;--e-radius-sm:17px;
}
html[data-theme="dark"],html[data-theme="system"]{color-scheme:dark}
body.app-shell,body.auth-shell{
  color:var(--e-text)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(104,92,255,.15),transparent 24%),
    radial-gradient(circle at 95% 18%,rgba(167,243,75,.055),transparent 18%),
    linear-gradient(180deg,#080b12 0%,#05070c 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.app-shell:before,body.auth-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.045) .7px,transparent .7px);background-size:20px 20px;opacity:.24}

/* shell / sidebar */
.premium-sidebar{background:linear-gradient(180deg,rgba(7,10,16,.98),rgba(8,12,19,.96))!important;border-right:1px solid var(--e-border)!important;box-shadow:22px 0 55px rgba(0,0,0,.15)!important;backdrop-filter:blur(24px)}
.sidebar-brand-row{padding:22px 17px 11px!important;gap:12px!important}
.premium-brand{gap:13px!important;text-decoration:none!important;min-width:0}
.brand-logo{width:50px!important;height:50px!important;min-width:50px;border-radius:17px!important;overflow:hidden;background:#111827;border:1px solid var(--e-border);box-shadow:0 12px 28px rgba(104,92,255,.16)}
.brand-logo img{width:100%;height:100%;object-fit:cover}
.brand-copy b{color:#fff!important;font-size:.97rem!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.2}
.brand-copy small{color:#857aff!important;font-weight:700!important;margin-top:4px;font-size:.78rem!important}
.sidebar-collapse-btn,.icon-btn{background:rgba(255,255,255,.045)!important;border:1px solid var(--e-border)!important;color:#dfe5ef!important;border-radius:14px!important}
.sidebar-search{padding:4px 15px 14px!important}
.sidebar-search button,.global-search-trigger{background:rgba(255,255,255,.035)!important;border:1px solid var(--e-border)!important;color:#aab4c5!important;border-radius:16px!important;box-shadow:none!important}
.sidebar-search button{padding:13px 14px!important}
.sidebar-search kbd,.global-search-trigger kbd,.command-footer kbd{background:#161d29!important;border:1px solid var(--e-border)!important;color:#aab4c5!important;border-radius:7px!important;padding:2px 7px!important;font-size:.7rem!important}
.premium-nav{padding:0 11px 12px!important}
.nav-section{margin-bottom:6px!important}
.nav-section-title{color:#697589!important;background:transparent!important;border:0!important;padding:11px 11px 8px!important;font-size:.66rem!important;letter-spacing:.13em!important;font-weight:850!important;text-transform:uppercase!important}
.nav-section-items{gap:5px!important}
.nav-link{position:relative;display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;border-radius:15px!important;color:#b9c3d2!important;border:1px solid transparent!important;text-decoration:none!important;transition:.18s ease!important}
.nav-link:hover{background:rgba(255,255,255,.045)!important;color:#fff!important;border-color:var(--e-border)!important;transform:translateX(2px)}
.nav-link.active{background:linear-gradient(135deg,rgba(104,92,255,.19),rgba(154,86,255,.12))!important;color:#fff!important;border-color:rgba(132,117,255,.2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 24px rgba(64,50,180,.11)!important}
.nav-link.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:10px;background:linear-gradient(#8c80ff,#a7f34b)}
.nav-icon{color:#aab3c2!important}.nav-link.active .nav-icon{color:#a7f34b!important}.nav-text{font-weight:650!important;font-size:.91rem!important}.nav-favorite{margin-left:auto;opacity:.2}.nav-link:hover .nav-favorite,.nav-link.active .nav-favorite{opacity:.72}
.premium-sidebar-footer{margin:10px 14px 17px!important;padding:15px!important;border-radius:19px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--e-border)!important}
.workspace-status{display:flex;align-items:center;gap:11px}.workspace-status .status-dot{width:9px;height:9px;border-radius:50%;background:#a7f34b;box-shadow:0 0 0 5px rgba(167,243,75,.1)}
.workspace-status b{color:#fff!important;font-size:.86rem!important}.workspace-status small,.premium-sidebar-footer a{color:#7f8b9e!important;font-size:.75rem!important}.premium-sidebar-footer a{text-decoration:none!important}

/* main / topbar */
.premium-main{background:transparent!important;padding:16px 19px 28px!important}
.premium-topbar{position:sticky!important;top:13px!important;z-index:30!important;margin-bottom:20px!important;padding:14px 17px!important;border-radius:22px!important;background:rgba(10,14,22,.78)!important;border:1px solid var(--e-border)!important;backdrop-filter:blur(24px)!important;box-shadow:0 16px 38px rgba(0,0,0,.2)!important}
.page-heading .eyebrow{color:#68758a!important;font-size:.65rem!important;letter-spacing:.16em!important;font-weight:850!important}.page-heading h1{color:#fff!important;font-size:1.32rem!important;letter-spacing:-.025em!important;margin-top:2px!important}
.global-search-trigger{min-width:min(520px,43vw)!important;justify-content:flex-start!important;padding:12px 14px!important;transition:.18s ease}.global-search-trigger:hover{border-color:rgba(104,92,255,.27)!important;background:rgba(255,255,255,.05)!important}
.topbar-actions{gap:8px!important}.quick-create-wrap .btn{border-radius:14px!important}.premium-primary,.btn:not(.outline):not(.secondary):not(.ghost){background:linear-gradient(135deg,#685cff,#8d56ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 11px 25px rgba(104,92,255,.19)!important}
.btn{border-radius:14px!important;font-weight:750!important;transition:.18s ease!important}.btn:hover{transform:translateY(-1px)!important;filter:brightness(1.06)}
.btn.outline,.btn.secondary,.btn.ghost,.btn.small.secondary{background:rgba(255,255,255,.04)!important;color:#dce4ef!important;border:1px solid var(--e-border)!important;box-shadow:none!important}.btn.ghost{background:transparent!important}
.icon-btn{width:42px!important;height:42px!important;transition:.18s ease!important}.icon-btn:hover{background:rgba(255,255,255,.08)!important;transform:translateY(-1px)}
.notification-count{background:#ff4d61!important;color:#fff!important;border:2px solid #0b1018!important}
.premium-user-menu{gap:10px!important;padding-left:10px!important;border-left:1px solid var(--e-border)!important}.premium-user-menu .avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(135deg,#ffb32c,#8b64ff)!important;color:#fff!important;box-shadow:0 8px 22px rgba(104,92,255,.16)!important}.user-copy b{color:#fff!important}.user-copy small{color:#79869a!important}
.quick-create-menu,.command-palette{background:linear-gradient(180deg,#111824,#0b1018)!important;border:1px solid var(--e-border2)!important;box-shadow:var(--e-shadow)!important;color:#f3f6fa!important;border-radius:20px!important}.quick-create-menu a{color:#e6ebf2!important;border-radius:14px!important}.quick-create-menu a:hover{background:rgba(255,255,255,.045)!important}

/* global content surfaces */
.premium-page{display:grid!important;gap:18px!important}.executive-hero,.card,.page-actions,.filterbar,.auth-card,.auth-copy,.modal,.panel{background:linear-gradient(180deg,rgba(17,24,34,.94),rgba(12,17,25,.96))!important;border:1px solid var(--e-border)!important;box-shadow:var(--e-card-shadow)!important}
.executive-hero{border-radius:28px!important;padding:27px 29px!important;background:radial-gradient(circle at 83% 12%,rgba(154,86,255,.13),transparent 25%),radial-gradient(circle at 66% 88%,rgba(167,243,75,.035),transparent 24%),linear-gradient(180deg,#121923,#0d121a)!important}
.executive-hero h2{color:#fff!important;font-size:2rem!important;letter-spacing:-.04em!important;margin:.25rem 0 .6rem!important}.executive-hero p,.muted{color:#8996a9!important}.eyebrow{color:#748195!important;font-size:.68rem!important;letter-spacing:.14em!important;font-weight:850!important}
.hero-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-mini-stats span{min-width:132px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--e-border)}.hero-mini-stats b{display:block;color:#fff;font-size:1rem}.hero-mini-stats small{color:#7f8b9d;font-size:.74rem}
.customize-popover{background:#111824!important;border:1px solid var(--e-border2)!important;color:#e9edf5!important;box-shadow:var(--e-shadow)!important;border-radius:18px!important}.customize-popover label{color:#d9e1ec!important}

/* KPI cards inspired by the supplied dashboards */
.erp-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.erp-kpi{position:relative!important;overflow:hidden!important;padding:19px!important;border-radius:23px!important;background:linear-gradient(145deg,#151c26,#10161f)!important;border:1px solid var(--e-border)!important;box-shadow:var(--e-card-shadow)!important;transition:.18s ease!important}.erp-kpi:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14)!important}.erp-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#685cff,#38d8d5)}.erp-kpi.success:after{background:linear-gradient(90deg,#a7f34b,#38d8d5)}.erp-kpi.warning:after{background:linear-gradient(90deg,#ff9d28,#ffd45c)}.erp-kpi.danger:after{background:linear-gradient(90deg,#ff6577,#ff9d28)}
.kpi-copy small{color:#788598!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:.08em!important;font-size:.69rem!important}.kpi-copy b{display:block!important;color:#fff!important;font-size:1.85rem!important;letter-spacing:-.04em!important;margin:7px 0!important}.kpi-copy em{color:#96a2b4!important;font-style:normal!important;font-size:.77rem!important}.kpi-icon-wrap{width:48px!important;height:48px!important;border-radius:16px!important;background:rgba(104,92,255,.12)!important;color:#9f94ff!important;border:1px solid rgba(104,92,255,.15)!important}

/* dashboard cards / charts */
.dashboard-grid{gap:16px!important}.dashboard-widget,.card{border-radius:25px!important}.dashboard-widget{padding:21px!important}.card{padding:20px!important}.card-head{margin-bottom:16px!important}.card-head h2{color:#fff!important;letter-spacing:-.025em!important;font-size:1.12rem!important}.widget-handle{color:#667489!important}.chart-title-row h3{color:#f8fafc!important}.chart-legend{gap:16px!important}.chart-legend span{color:#7d899b!important;font-size:.74rem!important}.chart-legend i{background:#776bff!important;box-shadow:0 0 0 4px rgba(119,107,255,.11)!important}.chart-legend i.alt{background:#a7f34b!important;box-shadow:0 0 0 4px rgba(167,243,75,.08)!important}
.premium-bars{min-height:260px!important;padding:18px 12px 0!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.012))!important;border:1px solid var(--e-border)!important}.premium-bar-col span{border-radius:999px 999px 8px 8px!important;background:linear-gradient(180deg,#8c80ff,#5d53e8)!important;box-shadow:0 10px 20px rgba(104,92,255,.13)!important}.premium-bar-col span.alt{background:linear-gradient(180deg,#b7ff61,#7fd72f)!important;box-shadow:0 10px 20px rgba(167,243,75,.08)!important}.premium-bar-col small{color:#6f7c8f!important;font-weight:700!important}
.quick-action-grid{gap:11px!important}.quick-action-card{background:rgba(255,255,255,.026)!important;border:1px solid var(--e-border)!important;border-radius:18px!important;color:#f1f4f8!important;padding:14px!important;transition:.18s ease!important}.quick-action-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)!important;border-color:rgba(104,92,255,.2)!important}.action-icon{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(104,92,255,.2),rgba(154,86,255,.12))!important;color:#a99fff!important}.quick-action-card:nth-child(2n) .action-icon{background:rgba(167,243,75,.09)!important;color:#a7f34b!important}.quick-action-card:nth-child(3n) .action-icon{background:rgba(255,157,40,.09)!important;color:#ffad42!important}.quick-action-card small{color:#7d899a!important}
.info-item,.timeline-item{background:rgba(255,255,255,.025)!important;border:1px solid var(--e-border)!important;border-radius:17px!important}.info-item b,.timeline-item b{color:#fff!important}.info-item small,.timeline-item p,.timeline-item time{color:#7d899b!important}.attendance-day{border-radius:12px!important;background:#151c26!important;color:#b6c0cf!important;border:1px solid var(--e-border)!important}.attendance-day.present{background:rgba(167,243,75,.11)!important;color:#bfff71!important;border-color:rgba(167,243,75,.18)!important}.attendance-day.late{background:rgba(255,157,40,.11)!important;color:#ffb24e!important;border-color:rgba(255,157,40,.18)!important}

/* forms, list screens, tables */
.page-actions,.filterbar{border-radius:21px!important;padding:17px 18px!important}.page-actions h2,.page-actions h3{color:#fff!important}.page-actions p{margin:0!important}.filterbar{display:grid!important;grid-template-columns:minmax(260px,1fr) 210px auto!important;gap:10px!important}
.field label,label{color:#b7c1cf!important;font-weight:650!important}.required{color:#ff6577!important}.field input,.field select,.field textarea,.filterbar input,.filterbar select,input[type="search"],input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="tel"],select,textarea{background:#111822!important;border:1px solid var(--e-border)!important;color:#eef2f7!important;border-radius:14px!important;box-shadow:none!important;transition:.16s ease!important}.field input::placeholder,.field textarea::placeholder,.filterbar input::placeholder,input::placeholder,textarea::placeholder{color:#5f6d81!important}.field input:focus,.field select:focus,.field textarea:focus,.filterbar input:focus,.filterbar select:focus,input:focus,select:focus,textarea:focus{border-color:rgba(104,92,255,.48)!important;box-shadow:0 0 0 4px rgba(104,92,255,.1)!important;outline:none!important}
.table-wrap{border-radius:19px!important;border:1px solid var(--e-border)!important;overflow:hidden!important;background:rgba(255,255,255,.015)!important}.data-table thead th{background:#151c26!important;color:#7d8a9e!important;border-bottom:1px solid var(--e-border)!important;text-transform:uppercase!important;font-size:.66rem!important;letter-spacing:.09em!important;padding:13px 15px!important}.data-table tbody td{color:#d5dce6!important;border-bottom:1px solid rgba(255,255,255,.055)!important;padding:14px 15px!important}.data-table tbody tr:hover td{background:rgba(255,255,255,.028)!important}.data-table a,.strong{color:#f8fafc!important}.data-table .muted{color:#707d90!important}.right{text-align:right!important}
.badge{border-radius:999px!important;border:1px solid transparent!important;padding:7px 11px!important;font-weight:750!important}.badge.paid,.badge.active,.badge.success{background:rgba(167,243,75,.1)!important;color:#b8ff68!important;border-color:rgba(167,243,75,.14)!important}.badge.unpaid,.badge.pending,.badge.warning{background:rgba(255,157,40,.1)!important;color:#ffb450!important;border-color:rgba(255,157,40,.14)!important}.badge.overdue,.badge.failed,.badge.danger,.badge.cancelled{background:rgba(255,101,119,.1)!important;color:#ff8796!important;border-color:rgba(255,101,119,.14)!important}.badge.partial,.badge.info{background:rgba(56,216,213,.09)!important;color:#64e2df!important;border-color:rgba(56,216,213,.14)!important}
.pagination{gap:7px!important}.pagination a{background:#131a24!important;border:1px solid var(--e-border)!important;color:#aeb8c7!important;border-radius:11px!important}.pagination a.active{background:linear-gradient(135deg,#685cff,#8d56ff)!important;color:#fff!important;border-color:transparent!important}.empty,.premium-empty{color:#7f8b9c!important}.empty b,.premium-empty b{color:#fff!important}

/* Auth */
.auth-shell{display:grid!important;grid-template-columns:minmax(360px,1.12fr) minmax(380px,.88fr)!important;min-height:100vh!important}.auth-visual{margin:22px!important;border-radius:34px!important;padding:34px!important;display:grid!important;place-items:end stretch!important;background:radial-gradient(circle at 18% 18%,rgba(104,92,255,.19),transparent 24%),radial-gradient(circle at 83% 18%,rgba(167,243,75,.07),transparent 19%),linear-gradient(145deg,#111722,#080c12)!important}.auth-copy{max-width:690px!important;border-radius:26px!important;padding:32px!important}.auth-copy h1{color:#fff!important;font-size:3.2rem!important;line-height:1!important;letter-spacing:-.055em!important;margin:.55rem 0 1rem!important}.auth-copy p,.security-points span,.auth-foot,.auth-card p{color:#8793a5!important}.pill{display:inline-flex!important;background:rgba(104,92,255,.12)!important;color:#b8b0ff!important;border:1px solid rgba(104,92,255,.17)!important;border-radius:999px!important;padding:8px 13px!important;font-weight:750!important}.security-points{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.security-points span{background:rgba(255,255,255,.035)!important;border:1px solid var(--e-border)!important;border-radius:13px!important;padding:9px 11px!important}.auth-main{padding:28px!important}.public-brand{color:#fff!important;text-decoration:none!important}.public-brand img{border-radius:17px!important;box-shadow:0 12px 28px rgba(104,92,255,.15)!important}.auth-card{width:min(100%,470px)!important;border-radius:27px!important;padding:31px!important}.auth-card h2{color:#fff!important;font-size:2rem!important;letter-spacing:-.04em!important}.auth-card .btn{width:100%!important}.auth-card input[type=checkbox]{accent-color:#685cff!important}

/* Light theme inspired by the third reference */
html[data-theme="light"] body.app-shell,html[data-theme="light"] body.auth-shell{color:#111827!important;background:radial-gradient(circle at 100% 0%,rgba(218,232,255,.55),transparent 30%),linear-gradient(180deg,#f7f8fb,#eef2f4)!important}
html[data-theme="light"] .premium-sidebar{background:#11151d!important;border-right-color:rgba(0,0,0,.08)!important}
html[data-theme="light"] .premium-topbar{background:rgba(255,255,255,.86)!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 14px 35px rgba(15,23,42,.06)!important}
html[data-theme="light"] .page-heading h1,html[data-theme="light"] .executive-hero h2,html[data-theme="light"] .card-head h2,html[data-theme="light"] .kpi-copy b,html[data-theme="light"] .chart-title-row h3,html[data-theme="light"] .info-item b,html[data-theme="light"] .timeline-item b,html[data-theme="light"] .data-table a,html[data-theme="light"] .strong{color:#111827!important}
html[data-theme="light"] .executive-hero,html[data-theme="light"] .card,html[data-theme="light"] .page-actions,html[data-theme="light"] .filterbar{background:rgba(255,255,255,.9)!important;border-color:rgba(15,23,42,.075)!important;box-shadow:0 15px 38px rgba(15,23,42,.055)!important}
html[data-theme="light"] .executive-hero{background:radial-gradient(circle at 85% 15%,rgba(191,219,254,.45),transparent 27%),linear-gradient(180deg,#fff,#f8fafc)!important}
html[data-theme="light"] .erp-kpi{background:linear-gradient(145deg,#fff,#f6f8fb)!important;border-color:rgba(15,23,42,.075)!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important}
html[data-theme="light"] .kpi-copy small,html[data-theme="light"] .kpi-copy em,html[data-theme="light"] .muted{color:#6b7280!important}
html[data-theme="light"] .quick-action-card,html[data-theme="light"] .info-item,html[data-theme="light"] .timeline-item{background:#f8fafc!important;border-color:rgba(15,23,42,.07)!important;color:#111827!important}
html[data-theme="light"] .table-wrap{background:#fff!important;border-color:rgba(15,23,42,.08)!important}html[data-theme="light"] .data-table thead th{background:#f5f7fa!important;color:#6b7280!important;border-color:rgba(15,23,42,.08)!important}html[data-theme="light"] .data-table tbody td{color:#374151!important;border-color:rgba(15,23,42,.06)!important}html[data-theme="light"] .data-table tbody tr:hover td{background:#fafbfc!important}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea,html[data-theme="light"] .filterbar input,html[data-theme="light"] .filterbar select,html[data-theme="light"] input[type="search"],html[data-theme="light"] input[type="text"],html[data-theme="light"] input[type="email"],html[data-theme="light"] input[type="password"],html[data-theme="light"] input[type="number"],html[data-theme="light"] input[type="date"],html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#111827!important;border-color:rgba(15,23,42,.12)!important}
html[data-theme="light"] .global-search-trigger{background:#f8fafc!important;color:#64748b!important;border-color:rgba(15,23,42,.08)!important}

::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#263143;border-radius:999px}html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#cbd5e1}
@media(max-width:1280px){.erp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr!important}.auth-visual{display:none!important}.erp-kpi-grid{grid-template-columns:1fr!important}.filterbar{grid-template-columns:1fr!important}.global-search-trigger{min-width:0!important;width:100%!important}.premium-main{padding:10px!important}}