:root {
    --navy-950: #05131f;
    --navy-900: #071a2b;
    --navy-800: #0b2940;
    --navy-700: #123c5b;
    --cyan-500: #1da4d7;
    --cyan-400: #44c3ee;
    --teal-500: #16a69a;
    --green-500: #20a56d;
    --red-500: #df5a65;
    --amber-500: #d8962c;
    --ink-900: #13212c;
    --ink-700: #3f5262;
    --ink-500: #71808d;
    --surface: #ffffff;
    --surface-soft: #f5f8fa;
    --line: #dfe7ec;
    --shadow: 0 20px 55px rgba(8, 35, 55, .10);
    --shadow-sm: 0 8px 24px rgba(8, 35, 55, .05);
    --radius-lg: 18px;
    --radius-md: 13px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--ink-900);
    background: var(--surface-soft);
    font-synthesis: none;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--surface-soft); }
body { margin: 0; min-height: 100vh; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { display: block; flex: 0 0 auto; }

.public-body { background: var(--navy-950); }
.public-shell { display: grid; grid-template-columns: minmax(420px, 1.03fr) minmax(460px, .97fr); min-height: 100vh; }
.public-brand-panel { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(36px, 6vw, 86px); color: #fff; background: radial-gradient(circle at 15% 8%, rgba(34, 162, 214, .22), transparent 34%), linear-gradient(145deg, #061827 0%, #092a42 100%); }
.public-brand-panel::after { content: ""; position: absolute; z-index: -1; width: 420px; height: 420px; right: -180px; bottom: -180px; border: 1px solid rgba(79, 197, 238, .18); border-radius: 50%; box-shadow: 0 0 0 70px rgba(70, 188, 229, .025), 0 0 0 140px rgba(70, 188, 229, .02); }
.brand-glow { position: absolute; z-index: -1; width: 260px; height: 260px; top: 29%; left: 19%; border-radius: 50%; background: rgba(31, 171, 218, .12); filter: blur(70px); }
.public-logo-frame { position: relative; overflow: hidden; width: min(670px, 96%); height: auto; aspect-ratio: 1.86 / 1; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.public-logo-frame::after { content: none; display: none; }
.public-logo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; transform: none; filter: contrast(1.08) saturate(1.08) brightness(1.04) drop-shadow(0 17px 30px rgba(0, 150, 220, .24)); }
.public-brand-copy { max-width: 700px; padding: clamp(50px, 10vh, 120px) 0; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--cyan-400); font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; }
.eyebrow.dark { color: var(--cyan-500); }
.public-brand-copy h1 { margin: 20px 0 18px; max-width: 750px; font-size: clamp(38px, 5.2vw, 70px); line-height: 1.03; letter-spacing: -.045em; }
.public-brand-copy p { max-width: 650px; margin: 0; color: #b8cad6; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.7; }
.trust-row { display: flex; flex-wrap: wrap; gap: 24px; color: #cfe1eb; font-size: 13px; font-weight: 700; }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.trust-row svg { color: var(--cyan-400); }
.public-form-panel { display: grid; place-items: center; padding: 42px; background: var(--surface-soft); }
.public-form-wrap { width: min(100%, 590px); }
.form-heading { margin-bottom: 32px; }
.step-badge, .status-badge, .progress-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 5px 10px; border-radius: 999px; color: #087ca6; background: #e3f6fd; font-size: 11px; font-weight: 850; letter-spacing: .08em; }
.form-heading h2 { margin: 15px 0 9px; font-size: clamp(30px, 4vw, 42px); letter-spacing: -.035em; }
.form-heading p { margin: 0; color: var(--ink-500); font-size: 15px; line-height: 1.65; }
.auth-form { display: grid; gap: 19px; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.field { display: grid; gap: 8px; }
.field > span { font-size: 13px; font-weight: 750; }
.field small { color: var(--ink-500); line-height: 1.45; }
.field input { width: 100%; height: 50px; border: 1px solid #cfdbe2; border-radius: 11px; padding: 0 14px; color: var(--ink-900); background: #fff; outline: none; box-shadow: 0 1px 1px rgba(9, 35, 53, .02); transition: border-color .18s, box-shadow .18s; }
.field input:focus { border-color: var(--cyan-500); box-shadow: 0 0 0 4px rgba(29, 164, 215, .12); }
.security-hint { display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid #cce7f2; border-radius: 11px; color: #1b617d; background: #edf9fd; font-size: 13px; line-height: 1.5; }
.security-hint svg { margin-top: 1px; }
.local-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 28px 0 0; color: var(--ink-500); font-size: 12px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green-500); box-shadow: 0 0 0 4px rgba(32, 165, 109, .11); }

.button { border: 0; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; padding: 0 16px; cursor: pointer; font-weight: 760; transition: transform .16s, box-shadow .16s, background .16s; }
.button:hover { transform: translateY(-1px); }
.button-primary { color: #fff; background: linear-gradient(135deg, #1187b2, #0e6f96); box-shadow: 0 10px 24px rgba(14, 123, 165, .19); }
.button-primary:hover { box-shadow: 0 13px 27px rgba(14, 123, 165, .26); }
.button-full { width: 100%; min-height: 52px; margin-top: 4px; }
.button-compact { min-height: 39px; padding: 0 14px; font-size: 13px; }
.button-soft { min-height: 37px; color: #167598; background: #e9f6fb; font-size: 12px; }

.alert { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 20px; padding: 14px 16px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; line-height: 1.5; }
.alert ul { margin: 5px 0 0; padding-left: 18px; }
.alert-danger { color: #892d37; border-color: #f2c5ca; background: #fff0f1; }
.alert-success { color: #176b4b; border-color: #bde8d6; background: #edfbf5; }
.alert > button { margin-left: auto; border: 0; color: inherit; background: none; cursor: pointer; font-size: 20px; }

.app-document,.app-body { scrollbar-width: none; -ms-overflow-style: none; }
.app-document::-webkit-scrollbar,.app-body::-webkit-scrollbar { width: 0; height: 0; display: none; }
.app-body { background: var(--surface-soft); }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; width: 274px; padding: 25px 18px 20px; color: #d6e3eb; background: radial-gradient(circle at 12% 4%, rgba(48, 172, 219, .16), transparent 26%), var(--navy-900); box-shadow: 6px 0 30px rgba(2, 20, 32, .08); }
.sidebar-brand { display: flex; flex-direction: row; align-items: center; gap: 11px; min-height: 82px; padding: 5px 6px 18px; border-bottom: 1px solid rgba(207, 231, 241, .1); }
.sidebar-app-mark { flex: 0 0 auto; width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 7px 14px rgba(40,190,235,.18)); }
.sidebar-brand span { display: grid; gap: 4px; min-width: 0; padding: 0; }
.sidebar-brand strong { color: #fff; font-size: 20px; line-height: 1.05; letter-spacing: -.025em; }
.sidebar-brand small { color: #91aab8; font-size: 10px; line-height: 1.2; letter-spacing: .015em; }
.sidebar-brand:hover strong { color: #78ddff; }
.workspace-menu { position: relative; margin: 19px 2px 13px; }
.workspace-switcher { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; width: 100%; padding: 11px; border: 1px solid rgba(117, 183, 210, .18); border-radius: 11px; color: inherit; background: rgba(255, 255, 255, .045); font: inherit; text-align: left; cursor: pointer; transition: border-color .15s,background .15s,box-shadow .15s; }
.workspace-switcher:hover,.workspace-switcher[aria-expanded="true"] { border-color: rgba(75,214,255,.42); background: rgba(75,214,255,.09); box-shadow: 0 7px 18px rgba(0,0,0,.12); }
.workspace-switcher>.icon { transition: transform .15s; }
.workspace-switcher[aria-expanded="true"]>.icon { transform: rotate(180deg); }
.workspace-switcher > span:nth-child(2) { display: grid; gap: 1px; }
.workspace-switcher small { color: #7892a3; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.workspace-switcher strong { color: #e9f3f7; font-size: 12px; }
.workspace-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #1ba9d5, #147da5); font-size: 11px; font-weight: 900; }
.workspace-options { position: absolute; z-index: 45; top: calc(100% + 7px); left: 0; right: 0; display: grid; gap: 3px; padding: 7px; border: 1px solid rgba(117,183,210,.22); border-radius: 12px; background: #0b2537; box-shadow: 0 16px 35px rgba(0,0,0,.3); }
.workspace-options[hidden] { display: none; }
.workspace-options a { display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 8px; min-height: 40px; padding: 5px 7px; border-radius: 8px; color: #aec2cd; }
.workspace-options a:hover,.workspace-options a.active { color: #fff; background: rgba(75,214,255,.1); }
.workspace-options a>span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#1ba9d5,#147da5); font-size: 9px; font-weight: 900; }
.workspace-options a>strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-nav { overflow-y: auto; display: grid; gap: 3px; padding: 10px 2px; scrollbar-width: none; -ms-overflow-style: none; }
.sidebar-nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
.nav-section-label { padding: 10px 10px 7px; color: #668296; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.nav-section-spaced { margin-top: 7px; }
.nav-link { position: relative; display: flex; align-items: center; gap: 10px; min-height: 49px; padding: 0 10px; border-radius: 10px; color: #a8bdc9; font-size: 13px; font-weight: 650; transition: color .15s, background .15s, transform .15s; }
.nav-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 11px; background: transparent; transition: transform .18s ease, filter .18s ease; }
.be-enterprise-nav-icon { display: block; width: 26px; height: 26px; filter: drop-shadow(0 2px 3px rgba(2, 19, 31, .38)) saturate(1.12); }
.nav-link:hover { color: #fff; background: rgba(255, 255, 255, .055); }
.nav-link:hover .nav-icon { transform: scale(1.12) rotate(-2deg); filter: brightness(1.08); }
.nav-link.active { color: #fff; background: linear-gradient(90deg, rgba(26, 156, 205, .24), rgba(26, 156, 205, .08)); }
.nav-link.active::before { content: ""; position: absolute; left: -2px; width: 3px; height: 23px; border-radius: 9px; background: var(--cyan-400); }
.nav-link.active .nav-icon { transform: scale(1.07); filter: brightness(1.1) drop-shadow(0 0 8px rgba(68, 195, 238, .18)); }
.sidebar-security { display: flex; align-items: flex-start; gap: 10px; margin-top: auto; padding: 13px 11px; border: 1px solid rgba(42, 197, 172, .13); border-radius: 10px; color: #82d8c9; background: rgba(20, 166, 151, .07); }
.sidebar-security div { display: grid; gap: 3px; }
.sidebar-security strong { color: #c7eee7; font-size: 11px; }
.sidebar-security small { color: #6f998f; font-size: 9px; line-height: 1.35; }
.app-main { min-height: 100vh; margin-left: 274px; }
.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 12px clamp(20px, 3vw, 42px); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .94); backdrop-filter: blur(12px); }
.topbar-left { display: flex; align-items: center; gap: 15px; }
.topbar-kicker { color: var(--ink-500); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.topbar h1 { margin: 2px 0 0; font-size: 21px; letter-spacing: -.02em; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.icon-button { display: grid; place-items: center; width: 39px; height: 39px; padding: 0; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-700); background: #fff; cursor: pointer; }
.menu-button { display: none; }
.user-chip { display: flex; align-items: center; gap: 9px; padding-left: 4px; }
.avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #168dbc, #103e5f); font-size: 13px; font-weight: 850; }
.avatar { position: relative; flex: 0 0 auto; overflow: hidden; }
.avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #dcebf1; }
.avatar.has-image .avatar-fallback { visibility: hidden; }
.avatar-fallback { display: grid; place-items: center; width: 100%; height: 100%; }
.user-chip > span:last-child { display: grid; gap: 2px; }
.user-chip strong { max-width: 125px; overflow: hidden; color: var(--ink-900); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.user-chip small { color: var(--ink-500); font-size: 10px; }
.logout-form { margin: 0; }
.account-menu { position: relative; }
.account-trigger { display: flex; align-items: center; gap: 9px; min-width: 0; max-width: 300px; padding: 5px 8px 5px 5px; border: 1px solid transparent; border-radius: 13px; color: var(--ink-900); background: transparent; cursor: pointer; text-align: left; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.account-trigger:hover, .account-trigger:focus-visible, .account-menu.is-open .account-trigger { border-color: var(--line); background: #fff; box-shadow: 0 8px 24px rgba(7, 37, 57, .08); outline: 0; }
.account-trigger-copy { display: grid; min-width: 0; gap: 2px; }
.account-trigger-copy strong { max-width: 220px; color: var(--ink-900); font-size: 12px; line-height: 1.18; white-space: normal; overflow-wrap: anywhere; }
.account-trigger-copy small { color: var(--ink-500); font-size: 10px; }
.account-trigger-arrow { color: var(--ink-500); font-size: 16px; transition: transform .16s ease; }
.account-menu.is-open .account-trigger-arrow { transform: rotate(180deg); }
.account-dropdown { position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; display: grid; width: min(310px, calc(100vw - 24px)); padding: 8px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 18px 44px rgba(7, 37, 57, .16); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-5px); transition: opacity .16s ease, visibility .16s ease, transform .16s ease; }
.account-menu:hover .account-dropdown, .account-menu:focus-within .account-dropdown, .account-menu.is-open .account-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.account-dropdown-identity { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 5px; padding: 10px; border-bottom: 1px solid var(--line); }
.account-dropdown-avatar { width: 43px; height: 43px; }
.account-dropdown-identity > span:last-child { display: grid; min-width: 0; gap: 3px; }
.account-dropdown-identity strong { color: var(--ink-900); font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }
.account-dropdown-identity small { color: var(--ink-500); font-size: 10px; overflow-wrap: anywhere; }
.account-dropdown > a, .account-dropdown .logout-form button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 42px; padding: 9px 11px; border: 0; border-radius: 10px; color: var(--ink-700); background: transparent; cursor: pointer; font: inherit; font-size: 12px; font-weight: 750; text-decoration: none; }
.account-dropdown > a:hover, .account-dropdown > a:focus-visible { color: var(--cyan-700); background: #eaf7fc; outline: 0; }
.account-dropdown .logout-form button:hover, .account-dropdown .logout-form button:focus-visible { color: #b42334; background: #fff0f1; outline: 0; }
.content-area { width: 100%; max-width: 1600px; margin: 0 auto; padding: clamp(23px, 3vw, 43px); }
.welcome-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 25px; }
.welcome-row h2 { margin: 9px 0 5px; font-size: clamp(25px, 3vw, 35px); letter-spacing: -.035em; }
.welcome-row p { margin: 0; color: var(--ink-500); font-size: 14px; }
.view-pills { display: inline-flex; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.view-pill { display: inline-grid; place-items: center; min-width: 61px; height: 31px; padding: 0 10px; border: 0; border-radius: 7px; color: var(--ink-500); background: transparent; cursor: pointer; font-size: 11px; font-weight: 700; }
.view-pill.active { color: #fff; background: var(--navy-700); }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin-bottom: 17px; }
.metric-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; box-shadow: 0 5px 18px rgba(7, 37, 57, .035); }
.metric-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--ink-500); font-size: 11px; font-weight: 700; }
.metric-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; }
.metric-icon.positive { color: var(--green-500); background: #e8f8f1; }
.metric-icon.negative { color: var(--red-500); background: #fff0f1; }
.metric-icon.neutral { color: var(--cyan-500); background: #eaf7fc; }
.metric-icon.warning { color: var(--amber-500); background: #fff6e7; }
.metric-card > strong { display: block; overflow: hidden; margin: 17px 0 7px; font-size: clamp(23px, 2.1vw, 31px); letter-spacing: -.045em; text-overflow: ellipsis; }
.metric-card > small { color: var(--ink-500); font-size: 10px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(305px, .8fr); gap: 17px; margin-bottom: 17px; }
.lower-grid { grid-template-columns: minmax(0, 1.4fr) minmax(330px, .9fr); }
.panel { min-width: 0; padding: 21px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: 0 6px 21px rgba(7, 37, 57, .035); }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.panel-heading h3 { margin: 4px 0 0; font-size: 16px; letter-spacing: -.015em; }
.panel-kicker { color: var(--ink-500); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.panel-heading > a { color: #167ba2; font-size: 11px; font-weight: 750; }
.progress-badge { color: #20765c; background: #e7f8f1; letter-spacing: 0; }
.empty-chart { position: relative; overflow: hidden; display: grid; place-items: center; height: 205px; margin: 15px 0 7px; color: var(--ink-500); font-size: 12px; }
.chart-grid-lines { position: absolute; inset: 0; background: repeating-linear-gradient(to bottom, transparent 0, transparent 48px, #edf2f5 49px, #edf2f5 50px); }
.chart-baseline { position: absolute; inset: auto 5% 25% 5%; height: 2px; background: linear-gradient(90deg, rgba(28, 166, 215, 0), rgba(28, 166, 215, .55), rgba(28, 166, 215, 0)); }
.empty-chart span { position: relative; z-index: 1; padding: 9px 12px; border: 1px solid #e3ebef; border-radius: 8px; background: rgba(255, 255, 255, .92); }
.chart-legend { display: flex; justify-content: center; gap: 19px; color: var(--ink-500); font-size: 10px; }
.chart-legend span { display: flex; align-items: center; gap: 6px; }
.chart-legend i { width: 8px; height: 8px; border-radius: 50%; }
.legend-income { background: var(--cyan-500); }
.legend-expense { background: var(--red-500); }
.setup-list { display: grid; gap: 2px; margin: 14px 0 0; padding: 0; list-style: none; }
.setup-list li { display: flex; align-items: center; gap: 11px; padding: 10px 2px; border-bottom: 1px solid #eef2f4; }
.setup-list li:last-child { border-bottom: 0; }
.setup-list li > span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #dce5e9; border-radius: 50%; color: var(--ink-500); font-size: 10px; font-weight: 800; }
.setup-list li.complete > span { border-color: #bde7d6; color: var(--green-500); background: #e9f8f1; }
.setup-list li > div { display: grid; gap: 2px; }
.setup-list strong { font-size: 11px; }
.setup-list small { color: var(--ink-500); font-size: 9px; }
.empty-state { display: flex; align-items: center; gap: 13px; }
.compact-empty { min-height: 132px; padding: 18px 3px 3px; }
.empty-icon { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 12px; color: #1781aa; background: #e9f6fb; }
.empty-state > div { flex: 1; }
.empty-state strong { font-size: 13px; }
.empty-state p { margin: 5px 0 0; color: var(--ink-500); font-size: 11px; }
.profile-list { display: grid; gap: 4px; margin-top: 15px; }
.profile-row { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #eef2f4; }
.profile-row:last-child { border-bottom: 0; }
.profile-color { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #fff; background: var(--navy-700); font-size: 12px; font-weight: 850; }
.profile-home { background: #178ab5; }
.profile-be_enterprise { background: #16a08f; }
.profile-row > div { display: grid; gap: 2px; }
.profile-row strong { font-size: 11px; }
.profile-row small, .profile-stats { color: var(--ink-500); font-size: 9px; }
.activity-list { margin-top: 14px; }
.activity-row { display: grid; grid-template-columns: 90px 1fr 120px 110px; gap: 10px; padding: 12px 0; border-bottom: 1px solid #eef2f4; font-size: 11px; }
.activity-row span, .activity-row small { color: var(--ink-500); }
.activity-row b { text-align: right; }

.module-hero { display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.module-symbol { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #148db8, #0c536f); box-shadow: 0 14px 30px rgba(13, 113, 151, .18); }
.module-symbol .be-enterprise-nav-icon { width: 40px; height: 40px; filter: drop-shadow(0 4px 6px rgba(1, 23, 38, .32)) saturate(1.14); }
.module-hero h2 { margin: 8px 0 6px; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.035em; }
.module-hero p { margin: 0; color: var(--ink-500); }
.module-preview { padding: clamp(22px, 4vw, 38px); }
.module-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.module-preview-head h3 { margin: 5px 0 0; font-size: 20px; }
.module-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.module-feature-grid > div { padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-soft); }
.module-feature-grid span { color: var(--cyan-500); font-size: 10px; font-weight: 850; }
.module-feature-grid strong { display: block; margin: 17px 0 7px; font-size: 13px; }
.module-feature-grid p { margin: 0; color: var(--ink-500); font-size: 11px; line-height: 1.6; }
.sidebar-backdrop { display: none; }

/* Master Lists */
.master-hero { align-items: center; }
.master-hero-action { margin-left: auto; white-space: nowrap; }
.master-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 17px; }
.master-summary-grid article { display: grid; gap: 7px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(7, 37, 57, .035); }
.master-summary-grid span { color: var(--ink-500); font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.master-summary-grid strong { font-size: 27px; letter-spacing: -.04em; }
.master-summary-grid small { color: var(--ink-500); font-size: 10px; line-height: 1.4; }
.master-workspace { display: grid; grid-template-columns: 286px minmax(0, 1fr); align-items: start; gap: 17px; }
.master-catalog { position: sticky; top: 96px; max-height: calc(100vh - 120px); overflow-y: auto; padding: 13px; }
.master-catalog-all, .master-catalog-link { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 7px 9px; border-radius: 10px; color: var(--ink-700); transition: background .15s, color .15s, transform .15s; }
.master-catalog-all { margin-bottom: 4px; border: 1px solid #e7edf1; background: var(--surface-soft); }
.master-catalog-all:hover, .master-catalog-link:hover { color: #0c6c91; background: #edf8fc; transform: translateX(1px); }
.master-catalog-all.active, .master-catalog-link.active { color: #075b7b; background: linear-gradient(90deg, #e3f6fd, #f1fafd); }
.master-catalog-all > span:last-child, .master-catalog-link > span:last-child { min-width: 0; display: grid; flex: 1; gap: 2px; }
.master-catalog-all strong, .master-catalog-link strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.master-catalog-all small, .master-catalog-link small { color: var(--ink-500); font-size: 9px; }
.master-catalog-group { display: grid; gap: 2px; margin-top: 8px; }
.master-catalog .nav-section-label { padding: 10px 8px 4px; color: var(--ink-500); }
.master-mini-icon { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 9px; background: rgba(226, 241, 247, .62); }
.master-mini-icon .be-enterprise-nav-icon { width: 24px; height: 24px; filter: drop-shadow(0 2px 3px rgba(6, 35, 52, .18)) saturate(1.08); }
.master-main { min-width: 0; }
.master-list-panel { padding: 23px; }
.master-list-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 18px; }
.master-list-heading h3 { margin: 5px 0 6px; font-size: 21px; }
.master-list-heading p { max-width: 700px; margin: 0; color: var(--ink-500); font-size: 11px; line-height: 1.55; }
.master-filter-form { display: grid; grid-template-columns: minmax(190px, 1.5fr) repeat(4, minmax(120px, .8fr)) auto auto; align-items: end; gap: 9px; padding: 13px; border: 1px solid #e2eaee; border-radius: 12px; background: var(--surface-soft); }
.master-filter-form label { display: grid; min-width: 0; gap: 6px; }
.master-filter-form label > span { color: var(--ink-500); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.master-filter-form input, .master-filter-form select, .master-record-form input, .master-record-form select, .master-record-form textarea { width: 100%; min-width: 0; border: 1px solid #cfdbe2; border-radius: 9px; color: var(--ink-900); background: #fff; outline: none; transition: border-color .16s, box-shadow .16s; }
.master-filter-form input, .master-filter-form select { height: 40px; padding: 0 10px; font-size: 11px; }
.master-filter-form input:focus, .master-filter-form select:focus, .master-record-form input:focus, .master-record-form select:focus, .master-record-form textarea:focus { border-color: var(--cyan-500); box-shadow: 0 0 0 3px rgba(29, 164, 215, .11); }
.master-reset-button { color: var(--ink-700); background: #fff; border: 1px solid var(--line); box-shadow: none; }
.master-table-wrap { overflow-x: auto; margin-top: 16px; }
.master-table { width: 100%; border-collapse: collapse; }
.master-table th { padding: 10px 11px; border-bottom: 1px solid var(--line); color: var(--ink-500); font-size: 9px; font-weight: 850; text-align: left; text-transform: uppercase; letter-spacing: .07em; white-space: nowrap; }
.master-table td { padding: 12px 11px; border-bottom: 1px solid #edf2f4; color: var(--ink-700); font-size: 10px; vertical-align: middle; }
.master-table tbody tr { transition: background .14s; }
.master-table tbody tr:hover { background: #f8fbfc; }
.master-table tbody tr:last-child td { border-bottom: 0; }
.master-record-name { display: flex; align-items: center; gap: 9px; min-width: 190px; }
.master-record-name > span:last-child { display: grid; gap: 3px; }
.master-record-name strong { color: var(--ink-900); font-size: 11px; }
.master-record-name small, .master-updated-by { color: var(--ink-500); font-size: 9px; }
.master-updated-by { display: block; margin-top: 3px; }
.master-type-label { color: var(--ink-700); font-weight: 650; }
.profile-scope-badge, .record-status { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.profile-scope-shared { color: #4b5d6a; background: #edf1f3; }
.profile-scope-home { color: #176f8e; background: #e2f4fb; }
.profile-scope-be_enterprise { color: #147763; background: #e2f7ef; }
.record-status-active { color: #13704f; background: #e5f8f0; }
.record-status-inactive { color: #7b5260; background: #f4ebee; }
.master-date { white-space: nowrap; }
.master-row-actions { white-space: nowrap; }
.master-row-actions a { display: inline-flex; margin-right: 9px; color: #117a9f; font-size: 10px; font-weight: 750; }
.table-action-heading { text-align: right; }
.master-row-actions { text-align: right; }
.master-empty-state { display: flex; align-items: center; gap: 14px; min-height: 170px; margin-top: 16px; padding: 28px; border: 1px dashed #cadbe3; border-radius: 13px; background: #f8fbfc; }
.master-empty-state > span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 15px; background: #eaf7fc; }
.master-empty-state > div { flex: 1; }
.master-empty-state strong { font-size: 14px; }
.master-empty-state p { margin: 5px 0 0; color: var(--ink-500); font-size: 11px; }
.pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 17px; border-top: 1px solid #edf2f4; }
.pagination a { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; color: #13789c; background: #fff; font-size: 10px; font-weight: 750; }
.pagination a.disabled { opacity: .4; pointer-events: none; }
.pagination span { color: var(--ink-500); font-size: 10px; }
.back-link { display: inline-flex; margin-bottom: 17px; color: #16799d; font-size: 11px; font-weight: 750; }
.master-form-heading { margin-bottom: 17px; }
.compact-module-hero { margin-bottom: 0; }
.compact-module-hero .module-symbol { width: 62px; height: 62px; border-radius: 16px; }
.master-record-form { max-width: 1050px; margin: 0 auto; padding: clamp(22px, 4vw, 38px); }
.form-section-heading { display: flex; align-items: center; gap: 12px; margin: 4px 0 17px; padding-bottom: 13px; border-bottom: 1px solid #e7edf0; }
.form-section-heading:not(:first-of-type) { margin-top: 31px; }
.form-section-heading > span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; color: #fff; background: linear-gradient(135deg, #1594be, #0c688d); font-size: 10px; font-weight: 850; }
.form-section-heading > div { display: grid; gap: 3px; }
.form-section-heading strong { font-size: 13px; }
.form-section-heading small { color: var(--ink-500); font-size: 10px; }
.master-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.master-record-form .field { align-content: start; }
.master-record-form .field input, .master-record-form .field select { height: 48px; padding: 0 13px; }
.master-record-form .field textarea { resize: vertical; min-height: 90px; padding: 12px 13px; line-height: 1.5; }
.master-record-form .field small { color: var(--ink-500); font-size: 10px; }
.master-field-full { grid-column: 1 / -1; }
.code-input { text-transform: uppercase; letter-spacing: .04em; }
.money-input { position: relative; }
.money-input > span { position: absolute; z-index: 1; top: 50%; left: 13px; color: var(--ink-500); transform: translateY(-50%); }
.money-input input { padding-left: 31px !important; }
.master-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 29px; padding-top: 18px; border-top: 1px solid #e7edf0; }
.record-detail-head { margin-bottom: 17px; }
.record-title-row { display: flex; align-items: center; gap: 17px; }
.record-title-row h2 { margin: 7px 0 4px; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.035em; }
.record-title-row p { margin: 0; color: var(--ink-500); font-size: 11px; }
.record-title-actions { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.record-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 325px; align-items: start; gap: 17px; }
.record-detail-main { display: grid; gap: 17px; min-width: 0; }
.record-detail-card, .record-meta-card { padding: 24px; }
.record-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 19px 0 0; }
.record-detail-list > div { min-width: 0; padding: 14px 14px 14px 0; border-bottom: 1px solid #edf2f4; }
.record-detail-list dt, .record-meta-card dt { color: var(--ink-500); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.record-detail-list dd, .record-meta-card dd { overflow-wrap: anywhere; margin: 6px 0 0; color: var(--ink-900); font-size: 11px; line-height: 1.55; }
.record-detail-list code { padding: 4px 7px; border-radius: 6px; color: #0f6a8e; background: #eaf7fc; }
.record-detail-side { position: sticky; top: 96px; }
.record-meta-card > h3 { margin: 5px 0 17px; }
.record-meta-card dl { display: grid; gap: 13px; margin: 0 0 19px; }
.record-meta-card dl > div { padding-bottom: 12px; border-bottom: 1px solid #edf2f4; }
.record-meta-card dd { display: grid; gap: 3px; }
.record-meta-card dd small { color: var(--ink-500); font-size: 9px; }
.button-danger-soft { color: #9a3844; background: #fff0f1; border: 1px solid #f1c4c9; box-shadow: none; }
.no-delete-note { display: flex; align-items: flex-start; gap: 8px; margin: 15px 0 0; color: var(--ink-500); font-size: 9px; line-height: 1.5; }
.audit-empty { display: flex; align-items: center; gap: 10px; min-height: 100px; color: var(--ink-500); }
.audit-empty p { margin: 0; font-size: 10px; }
.audit-timeline { display: grid; gap: 0; margin: 18px 0 0; padding: 0; list-style: none; }
.audit-timeline li { position: relative; display: flex; gap: 12px; min-height: 55px; padding-bottom: 14px; }
.audit-timeline li:not(:last-child)::before { content: ""; position: absolute; top: 14px; bottom: 0; left: 5px; width: 1px; background: #dbe7ec; }
.audit-dot { position: relative; z-index: 1; flex: 0 0 auto; width: 11px; height: 11px; margin-top: 3px; border: 3px solid #d9f1fa; border-radius: 50%; background: var(--cyan-500); }
.audit-timeline li > div { display: grid; gap: 4px; }
.audit-timeline strong { color: var(--ink-900); font-size: 11px; text-transform: capitalize; }
.audit-timeline p { margin: 0; color: var(--ink-500); font-size: 9px; }

/* Users & Security */
.security-setup-card { display: flex; gap: 14px; margin: 22px 0; padding: 17px; border: 1px solid #cde5ee; border-radius: 13px; background: #f4fbfd; }
.security-step { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; color: #fff; background: #138db7; font-weight: 850; }
.security-setup-card strong { display: block; margin-bottom: 7px; }
.security-setup-card p, .field-help { margin: 5px 0; color: var(--ink-500); font-size: 10px; line-height: 1.5; }
.mfa-secret { display: block; margin: 10px 0; padding: 11px; border: 1px dashed #84c7dc; border-radius: 8px; color: #075b7b; background: #fff; font-size: 13px; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.auth-secondary-form { margin-top: 10px; }
.recovery-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 22px 0; }
.recovery-code-grid code { padding: 12px 9px; border: 1px solid #cfe0e7; border-radius: 9px; color: #0b607f; background: #f7fbfc; font-size: 12px; font-weight: 800; text-align: center; }
.security-notice { display: flex; align-items: center; gap: 9px; margin: 0 0 17px; padding: 12px; border-radius: 10px; color: #236277; background: #eaf8fc; font-size: 10px; line-height: 1.5; }
.recovery-actions { display: grid; grid-template-columns: 1.25fr 1fr .75fr; gap: 8px; margin: 0 0 10px; }
.recovery-actions .button { width: 100%; min-width: 0; }
.recovery-action-status { min-height: 30px; margin: 0 0 12px; color: var(--ink-500); font-size: 9px; line-height: 1.5; text-align: center; }
.mfa-enrollment-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 12px; margin: 22px 0 13px; }
.mfa-qr-card { position: relative; display: flex; align-items: center; flex-direction: column; min-width: 0; padding: 17px; border: 1px solid #cde5ee; border-radius: 13px; background: linear-gradient(145deg, #f5fcfe, #eef8fb); text-align: center; }
.mfa-qr-card > .security-step { position: absolute; top: 13px; left: 13px; }
.mfa-qr-heading { padding: 2px 24px 10px; }
.mfa-qr-heading strong { display: block; font-size: 11px; }
.mfa-qr-heading p { margin: 5px 0 0; color: var(--ink-500); font-size: 9px; line-height: 1.45; }
.mfa-qr-canvas { display: grid; place-items: center; width: min(100%, 225px); aspect-ratio: 1; margin: 3px auto 8px; padding: 8px; border: 1px solid #d6e5eb; border-radius: 12px; color: var(--ink-500); background: #fff; box-shadow: 0 8px 24px rgba(7, 42, 61, .08); font-size: 9px; }
.mfa-qr-canvas svg { display: block; width: 100%; height: 100%; }
.mfa-qr-canvas.has-error { aspect-ratio: auto; min-height: 130px; padding: 20px; color: #8c4d52; background: #fff8f8; }
.mfa-qr-status { color: #26708a; font-size: 8px; font-weight: 700; }
.security-setup-card.mfa-manual-card { min-width: 0; margin: 0; }
.mfa-manual-card > div { min-width: 0; }
.mfa-copy-button { min-height: 34px; margin-bottom: 3px; box-shadow: none; }
.security-setup-card.mfa-verify-card { margin: 0 0 14px; }
.user-security-hero { align-items: center; }
.user-hero-action { margin-left: auto; white-space: nowrap; }
.user-filter-form { grid-template-columns: minmax(190px, 1.4fr) repeat(4, minmax(120px, .75fr)) auto auto; }
.user-directory-name { display: flex; align-items: center; gap: 10px; min-width: 230px; }
.user-directory-name > span:last-child { display: grid; gap: 3px; }
.user-directory-name strong { color: var(--ink-900); font-size: 11px; }
.user-directory-name small { color: var(--ink-500); font-size: 9px; }
.role-badge, .mfa-state { display: inline-flex; min-height: 25px; align-items: center; padding: 4px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.role-owner { color: #79540a; background: #fff2c8; }
.role-admin { color: #5a3591; background: #eee5ff; }
.role-operator { color: #155f82; background: #def3fb; }
.role-cashier { color: #6a3f91; background: #f0e4fa; }
.role-viewer { color: #4d5b65; background: #edf1f3; }
.mfa-state.is-on { color: #11684a; background: #def7ec; }
.mfa-state.is-off { color: #8b5b1f; background: #fff1d7; }
.user-record-form { max-width: 1150px; }
.permission-toggle { display: flex; align-items: flex-start; gap: 11px; padding: 15px; border: 1px solid #dce8ed; border-radius: 11px; background: var(--surface-soft); }
.permission-toggle input { width: 18px !important; height: 18px !important; margin-top: 2px; accent-color: #118db7; }
.permission-toggle > span { display: grid; gap: 4px; }
.permission-toggle strong { font-size: 11px; }
.permission-toggle small { color: var(--ink-500); font-size: 10px; line-height: 1.5; }
.permission-matrix { display: grid; gap: 0; overflow: hidden; border: 1px solid #dce7ec; border-radius: 13px; }
.permission-matrix > h3 { margin: 0; padding: 11px 15px; color: #0d6687; background: #eef8fb; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.permission-row { display: grid; grid-template-columns: minmax(200px, 1fr) auto; align-items: center; gap: 18px; padding: 12px 15px; border-top: 1px solid #e8eff2; }
.permission-row > span { display: grid; gap: 3px; }
.permission-row strong { font-size: 11px; }
.permission-row small { color: var(--ink-500); font-size: 8px; }
.permission-options { display: flex; gap: 5px; padding: 3px; border-radius: 9px; background: #eef2f4; }
.permission-options label { position: relative; cursor: pointer; }
.permission-options input { position: absolute; opacity: 0; pointer-events: none; }
.permission-options span { display: inline-flex; min-width: 63px; justify-content: center; padding: 7px 9px; border-radius: 7px; color: var(--ink-500); font-size: 9px; font-weight: 800; }
.permission-options input:checked + span { color: #086181; background: #fff; box-shadow: 0 2px 7px rgba(9, 54, 76, .12); }
.permission-options input:focus-visible + span { outline: 2px solid var(--cyan-500); }
.owner-protection-card, .owner-banner { display: flex; align-items: flex-start; gap: 12px; padding: 17px; border: 1px solid #f0d996; border-radius: 12px; color: #694a0e; background: #fff9e7; }
.owner-protection-card p, .owner-banner p { margin: 5px 0 0; color: #806b40; font-size: 10px; line-height: 1.55; }
.owner-banner { margin-bottom: 17px; }
.user-detail-avatar { position: relative; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; width: 62px; height: 62px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #1ba2cf, #146489); box-shadow: 0 12px 25px rgba(15, 104, 139, .18); font-size: 25px; font-weight: 850; }
.user-detail-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.user-detail-avatar.has-image .avatar-fallback { visibility: hidden; }
.avatar-upload-preview { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.avatar-upload-preview .user-detail-avatar { width: 70px; height: 70px; }
.avatar-upload-form { display: grid; gap: 11px; }
.avatar-upload-form input[type="file"] { width: 100%; padding: 10px; border: 1px dashed #bfd4dd; border-radius: 10px; background: #f7fbfc; font-size: 10px; }
.user-detail-grid { grid-template-columns: minmax(0, 1fr) 350px; }
.record-detail-card > h3 { margin: 6px 0 15px; }
.permission-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.permission-summary-grid > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid #edf2f4; font-size: 10px; }
.permission-level { min-width: 58px; padding: 5px 8px; border-radius: 999px; font-size: 8px; text-align: center; text-transform: uppercase; }
.permission-level-none { color: #6b7780; background: #edf1f3; }
.permission-level-view { color: #176c8c; background: #e0f3fa; }
.permission-level-manage { color: #17684e; background: #def6ec; }
.session-list { display: grid; }
.session-row { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 13px 0; border-bottom: 1px solid #edf2f4; }
.session-indicator { width: 9px; height: 9px; border-radius: 50%; background: #aab7bd; }
.session-row.is-active .session-indicator { background: #20b87a; box-shadow: 0 0 0 4px #e1f8ef; }
.session-row > div { display: grid; gap: 4px; min-width: 0; }
.session-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.session-row small { color: var(--ink-500); font-size: 8px; line-height: 1.45; }
.session-row form { display: flex; align-items: center; gap: 7px; }
.session-row form input[type="password"] { width: 135px; height: 35px; padding: 0 9px; border: 1px solid #cfdae0; border-radius: 8px; font-size: 9px; }
.session-row .button { min-height: 35px; padding: 7px 10px; }
.critical-inline-form { display: flex; align-items: end; justify-content: flex-end; gap: 9px; margin-top: 16px; padding-top: 15px; border-top: 1px solid #edf2f4; }
.critical-inline-form label { display: grid; gap: 5px; }
.critical-inline-form label span { color: var(--ink-500); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.critical-inline-form input { height: 38px; padding: 0 10px; border: 1px solid #cfdae0; border-radius: 8px; }
.security-event-list { margin: 0; padding: 0; list-style: none; }
.security-event-list li { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid #edf2f4; }
.event-dot { flex: 0 0 auto; width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: #1ca6d0; }
.security-event-list li > div { display: grid; gap: 3px; }
.security-event-list strong { font-size: 10px; }
.security-event-list p { margin: 0; color: var(--ink-500); font-size: 8px; }
.critical-action-card { margin-top: 14px; }
.critical-action-card > p { margin: -6px 0 14px; color: var(--ink-500); font-size: 9px; line-height: 1.5; }
.critical-action-card form { display: grid; gap: 10px; }
.critical-action-card .field { gap: 5px; }
.critical-action-card .field input { height: 41px; padding: 0 10px; border: 1px solid #cfdae0; border-radius: 8px; }

@media (max-width: 1180px) {
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-grid, .lower-grid { grid-template-columns: 1fr; }
    .profile-panel { order: -1; }
    .master-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .master-workspace { grid-template-columns: 250px minmax(0, 1fr); }
    .master-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .user-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .user-detail-grid { grid-template-columns: minmax(0, 1fr) 315px; }
}

@media (max-width: 920px) {
    .public-shell { grid-template-columns: 1fr; }
    .public-brand-panel { min-height: 430px; }
    .public-logo-frame { width: min(600px, 92vw); height: auto; }
    .public-brand-copy { padding: 45px 0; }
    .sidebar { width: min(320px, 88vw); transform: translateX(-105%); transition: transform .2s ease; }
    .sidebar-open .sidebar { transform: translateX(0); }
    .sidebar-backdrop { position: fixed; inset: 0; z-index: 25; background: rgba(4, 18, 29, .48); }
    .sidebar-open .sidebar-backdrop { display: block; }
    .app-main { margin-left: 0; }
    .menu-button { display: grid; }
    .master-workspace { grid-template-columns: 1fr; }
    .master-catalog, .record-detail-side { position: static; max-height: none; }
    .master-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .master-catalog-all { grid-column: 1 / -1; margin-bottom: 0; }
    .master-catalog-group { margin-top: 0; padding: 8px; border: 1px solid #e7edf1; border-radius: 11px; }
    .master-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .record-detail-grid { grid-template-columns: 1fr; }
    .user-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .public-brand-panel { min-height: 370px; padding: 31px 24px; }
    .public-logo-frame { width: 100%; height: auto; border-radius: 0; }
    .public-brand-copy { padding: 35px 0; }
    .public-brand-copy h1 { font-size: 36px; }
    .trust-row { gap: 12px; }
    .public-form-panel { padding: 36px 22px; }
    .field-grid { grid-template-columns: 1fr; }
    .topbar { padding: 10px 15px; }
    .topbar-kicker, .topbar-actions > .button, .user-chip > span:last-child, .account-trigger-copy, .account-trigger-arrow { display: none; }
    .account-trigger { padding: 4px; }
    .content-area { padding: 22px 15px 35px; }
    .welcome-row { align-items: flex-start; flex-direction: column; }
    .view-pills { width: 100%; }
    .view-pill { flex: 1; min-width: 0; }
    .metric-grid { grid-template-columns: 1fr; }
    .metric-card > strong { font-size: 29px; }
    .panel { padding: 18px; border-radius: 15px; }
    .profile-row { grid-template-columns: 36px minmax(0, 1fr); }
    .profile-stats { grid-column: 2; }
    .activity-row { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .activity-row span, .activity-row small { grid-column: 1; }
    .activity-row b { grid-column: 2; grid-row: 1 / span 2; }
    .module-hero { align-items: flex-start; }
    .module-symbol { width: 57px; height: 57px; border-radius: 14px; }
    .module-feature-grid { grid-template-columns: 1fr; }
    .module-preview-head { flex-direction: column; }
    .compact-empty { align-items: flex-start; flex-wrap: wrap; }
    .compact-empty .button { margin-left: 58px; }
    .master-hero { align-items: flex-start; flex-wrap: wrap; }
    .master-hero-action { width: 100%; margin-left: 0; }
    .master-summary-grid { grid-template-columns: 1fr; }
    .master-catalog { grid-template-columns: 1fr; }
    .master-catalog-all { grid-column: auto; }
    .master-filter-form { grid-template-columns: 1fr; }
    .master-filter-form .button { width: 100%; }
    .master-list-panel { padding: 17px; }
    .master-table-wrap { overflow: visible; }
    .master-table, .master-table tbody, .master-table tr, .master-table td { display: block; width: 100%; }
    .master-table thead { display: none; }
    .master-table tr { margin-bottom: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
    .master-table td { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #edf2f4; text-align: left; }
    .master-table td::before { content: attr(data-label); color: var(--ink-500); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
    .master-table td:last-child { border-bottom: 0; }
    .master-record-name { min-width: 0; }
    .master-row-actions { text-align: left; }
    .master-empty-state { align-items: flex-start; flex-direction: column; }
    .master-empty-state .button { width: 100%; }
    .pagination { justify-content: space-between; }
    .master-form-grid, .record-detail-list { grid-template-columns: 1fr; }
    .master-field-full { grid-column: auto; }
    .record-title-row { align-items: flex-start; flex-wrap: wrap; }
    .record-title-actions { width: 100%; margin-left: 0; }
    .record-detail-card, .record-meta-card { padding: 19px; }
    .user-security-hero { align-items: flex-start; flex-wrap: wrap; }
    .user-hero-action { width: 100%; margin-left: 0; }
    .user-filter-form { grid-template-columns: 1fr; }
    .permission-row { grid-template-columns: 1fr; gap: 9px; }
    .permission-options { display: grid; grid-template-columns: repeat(3, 1fr); }
    .permission-options span { width: 100%; min-width: 0; }
    .permission-summary-grid { grid-template-columns: 1fr; }
    .session-row { grid-template-columns: 10px minmax(0, 1fr); }
    .session-row form { grid-column: 2; flex-wrap: wrap; }
    .critical-inline-form { align-items: stretch; flex-direction: column; }
    .critical-inline-form .button { width: 100%; }
    .recovery-code-grid { grid-template-columns: 1fr; }
    .recovery-actions { grid-template-columns: 1fr; }
    .mfa-enrollment-grid { grid-template-columns: 1fr; }
    .mfa-qr-canvas { width: min(100%, 270px); }
}

@media (max-width: 440px) {
    .public-brand-panel { min-height: 340px; padding: 26px 18px; }
    .public-brand-copy { padding: 28px 0; }
    .public-brand-copy h1 { font-size: 31px; }
    .public-brand-copy p { font-size: 14px; }
    .public-form-panel { padding: 30px 16px; }
    .form-heading h2 { font-size: 29px; }
    .trust-row { font-size: 11px; }
    .sidebar { width: min(310px, 92vw); padding-inline: 15px; }
    .sidebar-brand { min-height: 78px; padding-left: 7px; }
    .topbar { min-height: 68px; }
    .topbar h1 { font-size: 18px; }
    .topbar-actions { gap: 6px; }
    .content-area { padding-inline: 12px; }
    .welcome-row h2 { font-size: 27px; }
    .metric-card { padding: 18px; }
    .module-hero { gap: 13px; }
    .module-hero h2 { font-size: 25px; }
    .compact-empty .button { width: 100%; margin-left: 0; }
    .master-summary-grid article { padding: 16px 17px; }
    .master-list-heading { align-items: stretch; flex-direction: column; }
    .master-list-heading .button { width: 100%; }
    .master-record-form { padding: 18px 15px; }
    .form-section-heading { align-items: flex-start; }
    .master-form-actions { align-items: stretch; flex-direction: column-reverse; }
    .master-form-actions .button { width: 100%; }
    .record-title-actions { align-items: stretch; flex-direction: column; }
    .record-title-actions .button { width: 100%; }
    .user-detail-avatar { width: 52px; height: 52px; border-radius: 14px; font-size: 21px; }
    .user-directory-name { min-width: 0; }
    .permission-row { padding-inline: 11px; }
    .session-row form input[type="password"] { width: 100%; }
    .session-row form .button { width: 100%; }
    .mfa-qr-card, .security-setup-card { padding: 14px; }
    .mfa-qr-heading { padding-inline: 30px; }
    .mfa-secret { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media print {
    .public-body { background: #fff; }
    .public-shell { display: block; min-height: auto; }
    .public-brand-panel, .local-note, .recovery-actions, .recovery-action-status, .security-notice, .public-form-panel > .button, .public-form-wrap > .button { display: none !important; }
    .public-form-panel { display: block; padding: 0; }
    .public-form-wrap { width: 100%; max-width: none; }
    .recovery-code-grid { grid-template-columns: repeat(2, 1fr); }
    .recovery-code-grid code { border-color: #999; color: #000; background: #fff; }
}

/* Phase 4 store and POS */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-span-2{grid-column:span 2}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-card{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.check-card input{margin-top:2px}.check-card strong,.check-card small{display:block}.check-card strong{font-size:11px}.check-card small{margin-top:3px;color:var(--ink-500);font-size:9px}.check-card.warning{border-color:#f0d9ad;background:#fffaf0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.form-actions span{color:var(--ink-500);font-size:10px}
.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.store-page-intro{align-items:flex-end}
.store-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.store-metrics article{min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm)}.store-metrics span,.store-metrics small{display:block;color:var(--ink-500);font-size:11px}.store-metrics strong{display:block;margin:8px 0 4px;color:var(--ink-900);font-size:clamp(20px,2vw,28px);line-height:1}.store-metrics .metric-low{border-color:#f4d9a8;background:#fffaf0}.store-metrics .metric-out{border-color:#f3c8cc;background:#fff5f5}
.store-filter-panel{padding:13px;margin-bottom:15px}.store-filter-form,.date-range-form{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:10px}.store-filter-form label,.date-range-form label{display:grid;gap:5px;color:var(--ink-600);font-size:11px;font-weight:700}.store-filter-form input,.store-filter-form select,.date-range-form input{height:41px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-900)}
.record-link{display:grid;gap:3px;color:var(--ink-900)}.record-link small,.responsive-table td small{display:block;color:var(--ink-500);font-size:10px}.stock-flag{display:inline-flex!important;width:max-content;margin-top:3px;padding:2px 6px;border-radius:999px;color:#9a4f00!important;background:#fff0cd;font-weight:800;text-transform:uppercase}.text-danger{color:#c63f4b!important}.text-success{color:#13845b!important}.status-partial,.status-unpaid,.status-draft{color:#8a5a05;background:#fff3d7}.status-received,.status-paid,.status-open{color:#087452;background:#e5f8ef}.status-cancelled,.status-voided,.status-refunded,.status-closed{color:#85404a;background:#fbe8ea}
.product-detail-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(360px,1.5fr) minmax(230px,.7fr);gap:15px;margin-bottom:15px}.product-hero-card{display:flex;align-items:center;gap:16px;padding:19px}.product-hero-card img,.product-placeholder{flex:0 0 auto;width:92px;height:92px;border-radius:14px;object-fit:cover}.product-placeholder{display:grid;place-items:center;color:#1596c5;background:#eaf8fd}.product-hero-card span,.product-hero-card small{display:block;color:var(--ink-500);font-size:11px}.product-hero-card strong{display:block;margin:7px 0 4px;font-size:24px}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 18px}.detail-list>div{display:grid;gap:4px;padding:12px 4px;border-bottom:1px solid var(--line)}.detail-list span{color:var(--ink-500);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.detail-list strong{font-size:12px}.critical-card{padding:18px;border-color:#f0d9ad;background:#fffdf7}.critical-card.danger{border-color:#efc5c9;background:#fff8f8}.critical-card h3{margin:7px 0}.critical-card p{color:var(--ink-500);font-size:11px}.store-product-form .toggle-grid{margin-top:10px}
.stock-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);gap:15px}.stock-entry-card{align-self:start;position:sticky;top:95px;padding:17px}.transfer-destination{display:none!important}.transfer-destination.is-visible{display:grid!important}
.pos-heading{margin-bottom:12px}.shift-chip{display:flex;align-items:center;gap:9px;min-width:175px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.shift-chip>span{width:9px;height:9px;border-radius:50%;background:#e45663;box-shadow:0 0 0 4px #fdebed}.shift-chip.is-open>span{background:#1eb47d;box-shadow:0 0 0 4px #def7ed}.shift-chip strong,.shift-chip small{display:block}.shift-chip strong{font-size:11px}.shift-chip small{color:var(--ink-500);font-size:9px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);gap:14px;align-items:start}.pos-catalog{min-width:0;padding:14px}.pos-search-row{display:flex;align-items:center;gap:9px;margin-bottom:10px}.pos-search{flex:1;display:flex;align-items:center;gap:8px;height:45px;padding:0 12px;border:1px solid #cde3ec;border-radius:11px;background:#f9fdff}.pos-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit}.scanner-hint{color:var(--ink-500);font-size:9px;font-weight:700}.category-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;overflow:visible;padding-bottom:12px}.category-chips button{display:flex;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px 9px;border:1px solid var(--line);border-radius:12px;color:var(--ink-700);background:#fff;font-size:9px;font-weight:800;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}.category-chips button:hover{border-color:#65bddb;box-shadow:0 6px 14px rgba(16,94,125,.08);transform:translateY(-1px)}.category-chips button:focus-visible{outline:3px solid rgba(56,189,248,.3);outline-offset:2px}.category-chips button.active{color:#fff;border-color:#147fa8;background:linear-gradient(135deg,#0e789f,#1598c5);box-shadow:0 7px 16px rgba(14,120,159,.18)}.category-tile-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#f1f8fb}.category-chips button.active .category-tile-icon{background:rgba(255,255,255,.94)}.category-tile-label{min-width:0;overflow-wrap:anywhere}.be-enterprise-store-category-icon{display:block}
.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:calc(100vh - 275px);overflow:auto;padding:2px}.pos-product-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;min-height:82px;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--ink-900);background:#fff;text-align:left;cursor:pointer;transition:.15s}.pos-product-card:hover{border-color:#65bddb;transform:translateY(-1px);box-shadow:0 7px 16px rgba(16,94,125,.08)}.pos-product-card.is-unavailable{opacity:.48;cursor:not-allowed}.pos-product-card>span:nth-child(2){min-width:0}.pos-product-card strong,.pos-product-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-card strong{font-size:11px}.pos-product-card small{margin-top:3px;color:var(--ink-500);font-size:8px}.pos-product-card b{grid-column:2;color:#087ead;font-size:12px}.product-card-icon{display:grid;place-items:center;grid-row:1/3;width:38px;height:38px;overflow:hidden;border-radius:9px;color:#168db8;background:#e8f7fc}.product-card-icon img{width:100%;height:100%;object-fit:cover}
.pos-cart{position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto;padding:15px}.cart-heading,.payment-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.cart-heading h3{margin:3px 0}.cart-heading h3 b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#fff;background:#168db8;font-size:9px}.text-button{border:0;color:#b44852;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.cart-lines{display:grid;gap:6px;min-height:92px;max-height:210px;overflow:auto;margin:10px 0;padding:5px 0;border-block:1px solid var(--line)}.cart-empty{display:grid;place-items:center;align-content:center;gap:4px;min-height:82px;color:var(--ink-500);text-align:center}.cart-empty strong{color:var(--ink-700);font-size:11px}.cart-empty small{font-size:9px}.cart-line{display:grid;grid-template-columns:minmax(100px,1fr) 62px 83px 25px;align-items:center;gap:5px;padding:6px;border-radius:8px;background:#f8fbfc}.cart-line span{min-width:0}.cart-line strong,.cart-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line strong{font-size:10px}.cart-line small{color:var(--ink-500);font-size:8px}.cart-line input,.cart-line select,.payment-line input,.payment-line select{min-width:0;height:34px;padding:0 6px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.cart-line button,.payment-line button,.replenishment-line>button{width:25px;height:25px;border:0;border-radius:6px;color:#a9404b;background:#feecef;cursor:pointer}
.pos-sale-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pos-sale-details label,.cart-notes{display:grid;gap:4px;color:var(--ink-600);font-size:9px;font-weight:750}.pos-sale-details input,.pos-sale-details select,.cart-notes input{width:100%;height:35px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.credit-due{display:none!important}.credit-due.is-visible{display:grid!important}.payment-block{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.payment-title strong{font-size:10px}.payment-line{display:grid;grid-template-columns:1fr 85px 1fr 25px;gap:5px;margin-top:6px}.cart-notes{margin-top:8px}.cart-totals{display:grid;gap:4px;margin:10px 0;padding:10px 0;border-block:1px dashed #cbdce3}.cart-totals div{display:flex;justify-content:space-between;color:var(--ink-600);font-size:10px}.cart-totals .cart-grand{color:var(--ink-900);font-size:15px}.pos-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.receipt-note{margin:8px 0 0;color:var(--ink-500);font-size:8px;text-align:center}.held-sales{margin-top:15px}
.receipt-card{max-width:760px;margin:0 auto 15px;padding:25px}.receipt-header{display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:17px;border-bottom:1px dashed #bccfd7;text-align:left}.receipt-header img{width:115px;height:70px;object-fit:cover;object-position:center bottom}.receipt-header strong,.receipt-header span,.receipt-header small{display:block}.receipt-header span{font-size:11px}.receipt-header small{color:#a35a2d;font-size:8px;text-transform:uppercase}.receipt-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:15px 0}.receipt-meta span,.receipt-meta strong{display:block}.receipt-meta span{color:var(--ink-500);font-size:8px;text-transform:uppercase}.receipt-meta strong{margin-top:3px;font-size:10px}.receipt-table td,.receipt-table th{padding-block:9px}.receipt-total-list{width:min(330px,100%);margin:10px 0 10px auto}.receipt-total-list div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.receipt-total-list .grand{margin-top:5px;padding-top:9px;border-top:1px solid var(--ink-800);font-size:16px}.receipt-payments{display:grid;gap:3px;padding-top:12px;border-top:1px dashed #bccfd7;font-size:9px}.receipt-payments span{color:var(--ink-600)}
.critical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.critical-grid>article{padding:18px}.return-line,.receive-line{display:grid;grid-template-columns:minmax(0,1fr) 80px auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.return-line span,.receive-line span{font-size:10px;font-weight:750}.return-line small,.receive-line small{display:block;color:var(--ink-500);font-size:8px}.return-line input,.receive-line input{width:100%;height:34px;padding:0 7px;border:1px solid var(--line);border-radius:7px}.simple-list,.ranked-list{margin:0;padding:0;list-style:none}.simple-list li,.ranked-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.simple-list small,.ranked-list small{display:block;color:var(--ink-500);font-size:8px}
.replenishment-form{padding:18px}.replenishment-lines{display:grid;gap:8px;margin-bottom:10px}.replenishment-line{display:grid;grid-template-columns:minmax(150px,1.8fr) repeat(5,minmax(75px,1fr)) 28px;gap:7px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.replenishment-line label{display:grid;gap:4px;color:var(--ink-500);font-size:8px;font-weight:750}.replenishment-line input,.replenishment-line select{width:100%;min-width:0;height:36px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.replenishment-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:15px;padding:12px 18px}.shift-start-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-bottom:15px}.shift-start-card>div{display:flex;align-items:center;gap:12px}.shift-start-card p{margin:3px 0;color:var(--ink-500);font-size:10px}.shift-start-card form{display:flex;align-items:end;gap:9px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.report-grid>article{padding:17px}.ranked-list{counter-reset:rank}.ranked-list li::before{counter-increment:rank;content:counter(rank);display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;color:#087ba7;background:#e5f6fc;font-size:9px;font-weight:800}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1180px){.store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.store-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.store-filter-form .button{width:100%}.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-grid>.critical-card{grid-column:1/-1}.pos-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.replenishment-line{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.store-page-intro{align-items:flex-start}.stock-layout,.pos-layout{grid-template-columns:1fr}.stock-entry-card,.pos-cart{position:static;max-height:none}.pos-product-grid{max-height:none}.product-detail-grid{grid-template-columns:1fr}.product-detail-grid>.critical-card{grid-column:auto}.critical-grid,.report-grid{grid-template-columns:1fr}.receipt-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.store-metrics,.report-metrics{grid-template-columns:1fr 1fr;gap:8px}.store-metrics article{padding:13px}.store-metrics strong{font-size:19px}.store-filter-form,.date-range-form{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .button{flex:1}.detail-list{grid-template-columns:1fr}.product-hero-card{align-items:flex-start}.pos-search-row{align-items:stretch;flex-direction:column}.scanner-hint{text-align:right}.category-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.category-chips button{justify-content:center;min-height:67px;padding:6px 4px;flex-direction:column;gap:4px;text-align:center}.category-tile-icon{width:34px;height:34px}.category-tile-label{font-size:8px;line-height:1.05}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-product-card{grid-template-columns:30px minmax(0,1fr);padding:8px}.product-card-icon{width:30px;height:30px}.cart-line{grid-template-columns:minmax(90px,1fr) 55px 78px 24px}.payment-line{grid-template-columns:1fr 80px 24px}.payment-line [data-payment-reference]{grid-column:1/3}.pos-sale-details{grid-template-columns:1fr}.field-span-2{grid-column:auto!important}.receipt-card{padding:14px}.receipt-header{justify-content:flex-start}.receipt-meta{grid-template-columns:1fr 1fr}.replenishment-line{grid-template-columns:1fr 1fr}.replenishment-line>select{grid-column:1/-1}.shift-start-card,.shift-start-card form{align-items:stretch;flex-direction:column}.replenishment-summary{grid-template-columns:1fr}.return-line,.receive-line{grid-template-columns:minmax(0,1fr) 70px}.return-line label{grid-column:1/-1}}
@media print{.no-print,.sidebar,.topbar,.sidebar-backdrop{display:none!important}.app-main{margin:0!important}.content-area{padding:0!important}.receipt-card{border:0;box-shadow:none;max-width:none}.panel{box-shadow:none}.report-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.form-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{grid-template-columns:1fr}}
@media(max-width:640px){.form-grid,.form-grid-3{grid-template-columns:1fr}.field-span-2{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}}

/* Phase 5 financial core */
.store-form{padding:20px;margin-bottom:16px}.store-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.store-form-grid .field{display:grid;align-content:start;gap:6px}.store-form-grid .field>span,.inline-form label>span{color:var(--ink-600);font-size:10px;font-weight:800}.store-form-grid input,.store-form-grid select,.store-form-grid textarea,.inline-form input,.inline-form select{width:100%;min-width:0;border:1px solid #cfdae0;border-radius:9px;background:#fff;color:var(--ink-900);font:inherit}.store-form-grid input,.store-form-grid select,.inline-form input,.inline-form select{height:41px;padding:0 10px}.store-form-grid textarea{padding:10px;resize:vertical}.store-form-grid small{color:var(--ink-500);font-size:9px}.field-span{grid-column:1/-1}.toggle-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f9fbfc}.toggle-field input{width:18px;height:18px}.toggle-field small{grid-column:1/-1}.compact-action-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;margin-bottom:15px}.compact-action-panel form,.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:9px}.compact-action-panel small{color:var(--ink-500);font-size:9px}.danger-zone{padding:18px;margin-bottom:15px;border-color:#efc5c9;background:#fff8f8}.danger-zone h3{margin:0 0 5px}.danger-zone p{margin:0 0 12px;color:var(--ink-500);font-size:10px}.danger-zone .inline-form input{max-width:260px}.receipt-sheet{max-width:780px;margin:0 auto 16px;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-sm)}.receipt-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding-top:14px;border-top:1px dashed #bccfd7}.internal-document-note{margin:15px 0;color:#9a5c2a;font-size:9px;font-weight:750;text-align:center;text-transform:uppercase;letter-spacing:.04em}.report-finance-section{margin-bottom:15px}.dashboard-finance-metrics{margin-top:-6px}.mini-form{display:grid;gap:4px;margin-top:7px}.mini-form input{height:30px;max-width:150px;padding:0 7px;border:1px solid var(--line);border-radius:6px;font-size:8px}.status-overdue,.status-written_off,.status-reversed{color:#9c3542;background:#fde7e9}.status-partially_paid,.status-adjustment{color:#8a5a05;background:#fff3d7}.status-posted,.status-completed{color:#087452;background:#e5f8ef}.status-reopened{color:#5b3d91;background:#eee7fb}.sidebar-nav{padding-bottom:14px}
@media(max-width:900px){.store-form-grid{grid-template-columns:1fr}.field-span{grid-column:auto}.compact-action-panel{align-items:stretch;flex-direction:column}.compact-action-panel form,.inline-form{align-items:stretch;flex-direction:column}.danger-zone .inline-form input{max-width:none}.receipt-sheet{padding:17px}.dashboard-finance-metrics{margin-top:0}}
@media(max-width:640px){.store-form{padding:15px}.store-form-grid{gap:10px}.receipt-sheet{padding:12px;border-radius:11px}.receipt-actions{align-items:stretch;flex-direction:column}.receipt-actions .button{width:100%}.dashboard-finance-metrics{grid-template-columns:1fr}.compact-action-panel .button,.inline-form .button{width:100%}}
@media print{.receipt-sheet{max-width:none;border:0;box-shadow:none}.internal-document-note{display:block}.report-finance-section{break-inside:avoid}}

/* Store completion controls */
.credit-guidance{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#f8fafc;color:var(--ink-500);font-size:9px;font-weight:750}.credit-guidance.is-approved{border-color:#86efac;background:#f0fdf4;color:#166534}.credit-guidance.is-warning{border-color:#fca5a5;background:#fff1f2;color:#9f1239}
.held-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.held-cancel-form{display:flex;align-items:center;gap:6px}.held-cancel-form input{min-width:170px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:7px}
.suggestion-panel{margin-bottom:16px}.suggestion-group+.suggestion-group{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.suggestion-group-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:9px}.suggestion-group-heading strong,.suggestion-group-heading small{display:block}.suggestion-group-heading small{color:var(--ink-500);margin-top:3px;font-size:9px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.settings-card{padding:20px}.settings-card>p{color:var(--ink-500);font-size:11px;line-height:1.6}.security-rule{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #86efac;background:#f0fdf4;border-radius:10px;margin:13px 0}.security-rule strong,.security-rule small{display:block}.security-rule small{color:#166534;margin-top:3px;font-size:9px}.setup-list{list-style:none;padding:0;margin:13px 0;display:grid;gap:9px}.setup-list li{display:flex;align-items:flex-start;gap:9px}.setup-list li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e0f2fe;color:#0369a1;font-size:10px;font-weight:800;flex:0 0 auto}.setup-list strong,.setup-list small{display:block}.setup-list small{color:var(--ink-500);font-size:9px;margin-top:2px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.suggestion-group-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.held-actions,.held-cancel-form{align-items:stretch;flex-direction:column}.held-cancel-form input,.held-cancel-form button,.held-actions>a{width:100%}.settings-card{padding:15px}}

/* Backup and restore reliability */
.backup-health{display:grid;gap:3px;min-width:255px;padding:13px 16px;border:1px solid #a7e4cf;border-radius:13px;background:#effcf6}.backup-health.is-stale{border-color:#f2cf91;background:#fff8e8}.backup-health span{color:#087452;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.backup-health.is-stale span{color:#9a5a05}.backup-health strong{font-size:11px}.backup-health small{color:var(--ink-500);font-size:8px}.backup-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.backup-passphrase-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.restore-preview{padding:18px;margin-bottom:15px;border-color:#8ed9bd;background:#f8fffb}.compact-password{min-width:150px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;font-size:9px}.held-actions form{display:flex;align-items:center;gap:5px}.status-failed{color:#9c3542;background:#fde7e9}.status-verified,.status-completed{color:#087452;background:#e5f8ef}.status-pending_restart{color:#8a5a05;background:#fff3d7}.status-archived{color:#52616b;background:#edf1f3}
@media(max-width:900px){.backup-workspace{grid-template-columns:1fr}.backup-health{width:100%;min-width:0}.backup-passphrase-fields{grid-template-columns:1fr}}
@media(max-width:640px){.held-actions form{align-items:stretch;flex-direction:column}.held-actions form .compact-password,.held-actions form .button{width:100%}}

/* Compact professional sign-in */
.login-page { height: 100svh; min-height: 560px; overflow: hidden; background: #071a2b; }
.login-page .public-shell { height: 100svh; min-height: 560px; grid-template-columns: minmax(360px,.82fr) minmax(500px,1.18fr); overflow: hidden; }
.login-page .public-brand-panel { min-height: 0; justify-content: center; padding: clamp(30px,4vw,58px); background: radial-gradient(circle at 28% 18%,rgba(37,178,230,.22),transparent 34%),linear-gradient(145deg,#061827 0%,#0a304a 100%); }
.login-page .public-brand-panel::after { right: -210px; bottom: -230px; }
.login-brand-lockup { display: grid; justify-items: start; width: min(100%,560px); gap: 13px; }
.login-system-lockup { display: flex; align-items: center; gap: 14px; }
.login-system-lockup .be-enterprise-manager-mark { width: 76px; height: 76px; filter: drop-shadow(0 13px 24px rgba(0,150,220,.18)); }
.login-system-lockup>span { display: grid; gap: 4px; }
.login-system-lockup strong { color: #fff; font-size: 27px; line-height: 1; letter-spacing: -.035em; }
.login-system-lockup small { color: #9eb8c7; font-size: 11px; letter-spacing: .02em; }
.login-brand-lockup .eyebrow { margin-top: 7px; font-size: 10px; }
.login-brand-lockup h1 { max-width: 540px; margin: 2px 0 0; font-size: clamp(31px,3.6vw,51px); line-height: 1.04; letter-spacing: -.04em; }
.login-brand-lockup>p { max-width: 500px; margin: 0; color: #b8cad6; font-size: 14px; line-height: 1.65; }
.login-brand-lockup .trust-row { margin-top: 7px; gap: 18px; font-size: 11px; }
.login-page .public-form-panel { min-height: 0; padding: clamp(24px,4vw,56px); background: radial-gradient(circle at 84% 12%,rgba(54,194,235,.09),transparent 27%),#f4f8fa; }
.login-page .public-form-wrap { width: min(100%,510px); padding: clamp(28px,3.3vw,42px); border: 1px solid rgba(202,220,229,.9); border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 25px 65px rgba(7,39,59,.12); }
.login-page .form-heading { margin-bottom: 24px; }
.login-page .form-heading h2 { margin: 13px 0 7px; font-size: clamp(29px,3vw,36px); }
.login-page .form-heading p { font-size: 13px; line-height: 1.5; }
.login-page .auth-form { gap: 16px; }
.password-control { position: relative; }
.password-control input { padding-right: 68px; }
.password-control button { position: absolute; top: 50%; right: 8px; min-width: 48px; height: 34px; padding: 0 8px; transform: translateY(-50%); border: 0; border-radius: 8px; color: #087ca6; background: #e8f7fc; font-size: 10px; font-weight: 800; cursor: pointer; }
.password-control button:hover,.password-control button:focus-visible { color: #fff; background: #1187b2; outline: none; }
.login-page .local-note { margin-top: 19px; font-size: 10px; }
.pwa-install-card[hidden] { display: none !important; }
.pwa-install-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px 12px; align-items: center; margin-top: 15px; padding: 11px 12px; border: 1px solid #bde4f1; border-radius: 13px; background: #effafe; }
.pwa-install-copy { display: flex; min-width: 0; align-items: center; gap: 9px; }
.pwa-install-copy img { width: 34px; height: 34px; flex: 0 0 auto; }
.pwa-install-copy span { display: grid; min-width: 0; gap: 2px; }
.pwa-install-copy strong { color: #0a304a; font-size: 11px; }
.pwa-install-copy small { color: #577080; font-size: 9px; line-height: 1.35; }
.pwa-install-actions { display: flex; align-items: center; gap: 7px; }
.pwa-install-dismiss { padding: 5px; border: 0; color: #54707f; background: transparent; font-size: 9px; font-weight: 750; cursor: pointer; }
.pwa-install-dismiss:hover,.pwa-install-dismiss:focus-visible { color: #075f82; text-decoration: underline; outline: none; }
.pwa-install-instructions,.pwa-install-status { grid-column: 1 / -1; margin: 0; color: #385e70; font-size: 9px; line-height: 1.4; }
.pwa-install-status:empty { display: none; }

@media(max-width:920px){
    .login-page { min-height: 0; }
    .login-page .public-shell { height: 100svh; min-height: 0; grid-template-columns: 1fr; grid-template-rows: minmax(150px,25vh) minmax(0,1fr); }
    .login-page .public-brand-panel { min-height: 0; padding: 13px 20px; }
    .login-brand-lockup { justify-items: center; gap: 5px; margin: 0 auto; text-align: center; }
    .login-system-lockup { gap: 10px; }
    .login-system-lockup .be-enterprise-manager-mark { width: 58px; height: 58px; }
    .login-system-lockup strong { font-size: 21px; }
    .login-system-lockup small { font-size: 9px; }
    .login-brand-lockup .eyebrow { margin-top: -2px; font-size: 8px; }
    .login-brand-lockup h1 { margin: 0; max-width: 100%; font-size: clamp(14px,3.8vw,17px); white-space: nowrap; }
    .login-brand-lockup>p { display: none; }
    .login-brand-lockup .trust-row { justify-content: center; margin-top: 2px; gap: 13px; font-size: 9px; }
    .login-brand-lockup .trust-row svg { width: 14px; height: 14px; }
    .login-page .public-form-panel { align-items: center; padding: 12px 16px 16px; }
    .login-page .public-form-wrap { width: min(100%,440px); padding: 20px; border-radius: 17px; }
    .login-page .form-heading { margin-bottom: 16px; }
    .login-page .step-badge { min-height: 22px; padding: 4px 8px; font-size: 9px; }
    .login-page .form-heading h2 { margin: 9px 0 4px; font-size: 27px; }
    .login-page .form-heading p { font-size: 11px; line-height: 1.4; }
    .login-page .auth-form { gap: 12px; }
    .login-page .field { gap: 5px; }
    .login-page .field>span { font-size: 11px; }
    .login-page .field input { height: 44px; }
    .login-page .button-full { min-height: 47px; margin-top: 1px; }
    .login-page .pwa-install-card { margin-top: 10px; padding: 8px 9px; }
    .login-page .pwa-install-copy img { width: 29px; height: 29px; }
    .login-page .local-note { margin-top: 11px; font-size: 9px; }
}
@media(max-width:920px) and (max-height:700px){
    .login-page .public-shell { grid-template-rows: 132px minmax(0,1fr); }
    .login-system-lockup .be-enterprise-manager-mark { width: 50px; height: 50px; }
    .login-system-lockup strong { font-size: 19px; }
    .login-brand-lockup .eyebrow,.login-brand-lockup .trust-row { display: none; }
    .login-page .public-form-panel { padding-block: 9px 12px; }
    .login-page .public-form-wrap { padding: 16px 18px; }
    .login-page .form-heading { margin-bottom: 12px; }
    .login-page .pwa-install-copy small { display: none; }
    .login-page .pwa-install-card { margin-top: 7px; padding: 6px 8px; }
    .login-page .local-note { margin-top: 7px; }
}
/* Field operations */
.operations-tabs,.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:18px;margin-bottom:18px}.operation-stack{display:grid;gap:18px;align-content:start}.mini-collection{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.mini-collection input,.mini-collection select{min-width:90px;max-width:165px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.timeline-list{display:grid;gap:0}.timeline-list>div{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}.timeline-list>div:last-child{border-bottom:0}.timeline-list span,.form-hint{color:var(--muted);font-size:.82rem}.detail-list{display:grid;gap:0;margin:0}.detail-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:.8rem}.detail-list dd{margin:0;font-weight:650}.checklist-view{display:grid;gap:8px;padding:12px 0 0;margin:0;list-style:none}.checklist-view li{display:flex;gap:8px;align-items:center}.document-links,.chip-list{display:flex;flex-wrap:wrap;gap:9px}.chip-list a{padding:8px 11px;border-radius:10px;background:var(--soft);color:var(--ink);font-size:.82rem;text-decoration:none}.inline-upload-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.text-danger{color:#ba3044!important}
.print-body{margin:0;background:#eef3f7;color:#132233;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.print-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:center;gap:10px;padding:12px;background:#071f32}.print-document{width:min(860px,calc(100% - 32px));margin:24px auto;background:#fff;padding:42px;box-shadow:0 16px 42px rgba(7,31,50,.12)}.print-document header{display:flex;align-items:center;gap:22px;padding-bottom:22px;border-bottom:2px solid #0ba6d1}.print-document header img{width:150px;max-height:70px;object-fit:contain}.print-document header span{font-size:.76rem;letter-spacing:.18em;color:#147ba0;font-weight:800}.print-document header h1{margin:3px 0;font-size:1.7rem}.internal-document-notice{margin:20px 0;padding:10px 14px;border:1px solid #e6b75b;background:#fff8e7;color:#765213;text-align:center;font-size:.76rem;font-weight:800}.document-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px;margin-bottom:24px}.document-meta>div{display:grid;grid-template-columns:110px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #dfe8ee}.document-meta strong{color:#607080;font-size:.8rem}.print-document table{width:100%;border-collapse:collapse}.print-document th,.print-document td{padding:9px;border:1px solid #d9e2e8;text-align:left}.document-total{font-size:1.3rem;font-weight:800}.document-signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px}.document-signatures div{border-top:1px solid #263746;text-align:center;padding-top:8px}.print-document footer{margin-top:38px;padding-top:14px;border-top:1px solid #dfe8ee;color:#708090;font-size:.76rem;text-align:center}
@media(max-width:900px){.operations-tabs,.job-detail-grid{grid-template-columns:1fr}.mini-collection input,.mini-collection select{max-width:none;flex:1 1 120px}}@media(max-width:600px){.detail-list>div{grid-template-columns:1fr;gap:3px}.print-document{width:100%;margin:0;padding:22px}.print-document header{align-items:flex-start}.print-document header img{width:110px}.document-meta{grid-template-columns:1fr}.document-signatures{gap:24px}.print-toolbar{position:relative}}
@media print{.print-toolbar{display:none!important}.print-body{background:#fff}.print-document{width:100%;margin:0;padding:15mm;box-shadow:none}.internal-document-notice{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Workforce and payroll */
.payroll-card-list{display:grid;gap:14px}.payroll-item-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px}.payroll-item-card>header,.payroll-item-card>footer{display:flex;justify-content:space-between;gap:14px;align-items:center}.payroll-item-card>header>div{display:grid;gap:3px}.payroll-item-card>header span{color:var(--muted);font-size:.8rem}.payroll-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin:14px 0;padding:14px;background:var(--soft);border-radius:12px}.payroll-edit-grid label{display:grid;gap:5px}.payroll-edit-grid label span{font-size:.75rem;font-weight:750;color:var(--muted)}.payroll-edit-grid input{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px}.payroll-edit-grid .field-span{grid-column:1/-1}.payroll-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.payroll-breakdown span{padding:7px 10px;border-radius:9px;background:var(--soft);font-size:.8rem}.critical-action{display:grid;grid-template-columns:1fr minmax(220px,320px) auto;gap:16px;align-items:end;border-color:#e5b85a;background:#fffbef;margin-bottom:18px}.critical-action p{margin:4px 0 0;color:var(--muted)}
@media(max-width:850px){.payroll-edit-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.critical-action{grid-template-columns:1fr}.payroll-item-card>footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.payroll-edit-grid{grid-template-columns:1fr}.payroll-item-card{padding:12px}.payroll-item-card>header{align-items:flex-start}}
/* Planning, alerts, and tasks */
.period-picker{display:flex;gap:8px;align-items:center}.period-picker input,.period-picker select{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.planning-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.planning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.planning-cards article{padding:15px;border:1px solid var(--line);border-radius:13px}.planning-cards header{display:flex;justify-content:space-between;gap:10px}.planning-cards small{color:var(--muted)}.progress-track{height:8px;margin:12px 0;background:#e8eff3;border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#17a9d5,#17a68c);border-radius:inherit}.notifications-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.alert-feed{display:grid;gap:10px}.alert-item{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-left:5px solid #60a5fa;border-radius:12px}.alert-item.severity-warning{border-left-color:#f59e0b}.alert-item.severity-critical{border-left-color:#e5485d}.alert-item>div:first-child{display:grid;gap:3px}.alert-item>div:first-child>span,.alert-item small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.alert-item p{margin:2px 0;color:var(--muted)}.alert-item>div:last-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.alert-item form{display:flex;gap:6px}.alert-item select{padding:7px;border:1px solid var(--line);border-radius:8px}.split-input{display:flex;gap:8px}.split-input>*{flex:1;min-width:0}
@media(max-width:920px){.planning-form-grid,.notifications-layout{grid-template-columns:1fr}.planning-cards{grid-template-columns:1fr 1fr}}@media(max-width:580px){.planning-cards{grid-template-columns:1fr}.period-picker,.alert-item{align-items:stretch;flex-direction:column}.split-input{flex-direction:column}}
/* Search, imports, and workspace controls */
.topbar-search{display:flex;align-items:center;width:min(260px,22vw);border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.topbar-search input{min-width:0;width:100%;border:0;padding:9px 11px;outline:0}.topbar-search button{display:grid;place-items:center;border:0;background:transparent;padding:8px;color:var(--cyan-600);cursor:pointer}.global-search-hero{display:grid;gap:8px;margin-bottom:18px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#092b43,#0b4865);color:#fff}.global-search-hero>div{display:flex;gap:9px}.global-search-hero input{flex:1;min-width:0;padding:13px 15px;border:0;border-radius:11px}.search-result-list{display:grid;gap:8px}.search-result-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.search-result-list article>a{display:grid;gap:3px;min-width:0;text-decoration:none;color:var(--ink)}.search-result-list article>a span,.search-result-list article>a small{color:var(--muted);font-size:.76rem}.search-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.link-stack{display:grid}.link-stack a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.link-stack span{color:var(--muted);font-size:.78rem}.inline-settings-form{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:10px;align-items:end}.template-links{display:flex;flex-wrap:wrap;gap:8px}.workspace-settings-card{margin-top:18px}.responsive-table code{display:block;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.topbar-search{width:44px}.topbar-search input{display:none}.inline-settings-form{grid-template-columns:1fr 1fr}.search-secondary-grid{grid-template-columns:1fr}}@media(max-width:620px){.global-search-hero>div,.search-result-list article{align-items:stretch;flex-direction:column}.inline-settings-form{grid-template-columns:1fr}.topbar-search{display:none}}
/* Dashboard command center */
.dashboard-card-link{color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dashboard-card-link:hover,.dashboard-card-link:focus-visible{transform:translateY(-2px);border-color:#7acbe4;box-shadow:0 12px 28px rgba(7,55,79,.1);outline:none}.store-metrics>a{display:block;min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow-sm)}.dashboard-command-center{margin-bottom:18px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.dashboard-kpi-grid>a{display:grid;min-width:0;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f8fbfc);color:var(--ink-900);text-decoration:none;transition:.16s ease}.dashboard-kpi-grid>a:hover,.dashboard-kpi-grid>a:focus-visible{border-color:#69c7e4;transform:translateY(-2px);box-shadow:var(--shadow-sm);outline:none}.dashboard-kpi-grid span{color:var(--ink-500);font-size:10px;font-weight:750}.dashboard-kpi-grid strong{overflow:hidden;font-size:20px;line-height:1.15;text-overflow:ellipsis}.dashboard-kpi-grid small{color:var(--ink-500);font-size:9px}.store-metrics>a span,.store-metrics>a small{display:block;color:var(--ink-500);font-size:11px}.store-metrics>a strong{display:block;margin:8px 0 4px;color:var(--ink-900);font-size:clamp(20px,2vw,28px);line-height:1}
@media(max-width:1180px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.dashboard-kpi-grid{grid-template-columns:1fr}.store-metrics>a{padding:13px}}
.report-export-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}.report-export-links span{color:var(--ink-500);font-size:10px;font-weight:800}.report-export-links a{padding:7px 10px;border-radius:8px;background:#e9f7fc;color:#087ca6;font-size:10px;font-weight:750;text-decoration:none}.report-readiness{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;align-items:center;margin-bottom:15px}.report-readiness>div{display:grid;gap:4px}.report-readiness small{color:var(--ink-500)}@media(max-width:760px){.report-readiness{grid-template-columns:1fr}}