/* Shared presentation only: all existing form names, business rules and permissions remain authoritative. */
:root{--red:#c62335;--red-dark:#a31627;--red-light:#fff0f1;--ink:#202733;--muted:#626c7a;--line:#e5e8ed;--bg:#f5f6f8;--sidebar:252px;color-scheme:light}
html{scroll-padding-top:170px}
.sidebar{background:#fff!important;border-right:1px solid var(--line)!important;color:var(--ink)!important}
.sidebar .nav-link.active{background:var(--red-light)!important}
.sidebar .nav-link:hover{background:#f5f6f8!important;border-color:transparent!important}
.sidebar .nav-link.active:hover{background:#ffe5e8!important}
.workspace{background:var(--bg)}main#main{background:var(--bg)!important}
.date-picker{background:transparent;border:0}
.dashboard-fx-indicator{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;margin:0 0 20px;border:1px solid var(--line);border-radius:12px;font-size:12px}
.dashboard-fx-indicator>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-fx-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:#f1f5f9;color:#526174;font-size:20px;font-weight:700}
.dashboard-fx-indicator small{display:block;font-size:11px;color:var(--muted)}
.dashboard-fx-freshness.is-fresh{color:#28715b}
.dashboard-fx-value{display:flex;align-items:center;gap:16px}.dashboard-fx-value strong{font-size:21px;font-variant-numeric:tabular-nums}.dashboard-fx-value a{color:var(--red);font-size:12px}
.field input[type=radio]{width:auto;padding:0;margin:0 8px 0 0;vertical-align:middle}.field div:has(>label>input[type=radio]){margin:8px 0}.field label:has(>input[type=radio]){display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:12px}
body{background:var(--bg);color:var(--ink);font:14px/1.65 Manrope,system-ui,CM,sans-serif;letter-spacing:0}
h1,h2,h3{color:var(--ink);letter-spacing:-.035em}h1{font-size:clamp(26px,2.6vw,36px)}
a,button,input,select,textarea,summary{transition:background-color .15s,border-color .15s,box-shadow .15s}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #c6233580;outline-offset:3px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:10px;left:16px;z-index:100;transform:translateY(-160%);background:#fff;border:2px solid var(--red);padding:12px 18px;border-radius:10px;color:var(--red)}.skip-link:focus{transform:none}
.workspace{min-width:0}main{padding:32px clamp(18px,3vw,40px) 20px;max-width:1660px}
.page-heading{align-items:center;gap:20px;margin-bottom:24px}.page-heading h1{margin:0 0 9px}.page-heading p{font-size:13px;color:var(--muted);line-height:1.7}
.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--red);margin-bottom:9px}.heading-dot{color:var(--red)}
/* Navigation */
.sidebar{background:#fff;border-right:1px solid var(--line);padding:16px 12px 14px;box-shadow:none!important}.sidebar:before{content:none}
.sidebar .brand.brand-official{display:flex;align-items:center;gap:12px;padding:4px 8px 18px;margin:0 0 16px;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:0}
.sidebar .brand-logo,.sidebar .brand-logo.custom-logo{width:62px!important;height:62px!important;object-fit:contain;border-radius:12px;box-shadow:none;margin:0;flex-shrink:0}
.brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-copy strong{font-size:15px;line-height:1.25;color:#242936;letter-spacing:-.04em}
.sidebar .brand-official small{font-size:8px;letter-spacing:.08em;color:var(--muted)!important;line-height:1.5;margin:0}
.sidebar .sidebar-label,.sidebar .nav-secondary-label{color:#7c8490!important;font-size:9px;letter-spacing:.08em;padding:8px 12px}.sidebar-label-rule{display:none}
.sidebar nav{scrollbar-color:#ccd1d9 transparent!important}
.sidebar .nav-link,.sidebar .nav-link:visited{min-height:44px;padding:10px 12px;margin-bottom:3px;gap:11px;border:0;border-radius:10px;font-size:12px;font-weight:600;color:#535e6e!important;background:transparent;box-shadow:none!important}
.sidebar .nav-link:hover{background:#f5f6f8;color:var(--ink)!important;transform:none}.sidebar .nav-link.active{background:var(--red-light);color:var(--red)!important;font-weight:800;box-shadow:inset 3px 0 var(--red)!important}.sidebar .nav-link.active:before{content:none}
.sidebar .nav-icon{width:19px;height:19px;min-width:19px;opacity:1!important}
.sidebar .sidebar-foot{border-top:1px solid var(--line)!important;padding:12px 5px 6px;margin:10px 8px 8px;color:#596575!important;font-size:11px}.sidebar-foot-kicker{display:none}.sidebar-foot-status{display:block;font-weight:700}.sidebar .sidebar-foot small{color:var(--muted)!important;font-size:10px}
.sidebar .user-block,.sidebar .user-block span{color:var(--ink)!important;border-color:var(--line);font-size:12px}.sidebar .user-block small,.sidebar .account-links,.sidebar .account-links a,.sidebar .account-links .text-button{color:var(--muted)!important;font-size:11px}.sidebar .settings-link{color:var(--muted)!important}.sidebar .avatar{width:38px;height:38px;flex-shrink:0;background:var(--red-light);color:var(--red)}.account-links a,.account-links button{padding:7px 0}
/* Header */
.topbar{height:auto;min-height:90px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px clamp(18px,3vw,40px);background:#fffffff5;border-color:var(--line);box-shadow:none}
.topbar-primary,.topbar-date-tools{display:flex;align-items:center;gap:12px;min-width:0}.topbar-primary{flex:1 1 360px}.topbar-date-tools{flex:0 1 auto;justify-content:space-between}
.topbar-global-search{flex:1;min-width:120px;max-width:460px;height:44px;background:#f6f7f9;border:1px solid var(--line);border-radius:11px;margin:0}.topbar-global-search input{font-size:12px;color:var(--ink)}.topbar-global-search input::placeholder{color:#687383}
.working-date-summary{border:0;padding:0;margin:0;min-width:110px}.working-date-summary span{font-size:9px;color:var(--muted)}.working-date-summary strong{font-size:11px;color:var(--ink);max-width:none}
.date-picker{gap:7px;padding:0;flex-wrap:wrap}.date-picker label{display:none}.date-picker input{height:40px;font-size:12px;max-width:145px}.small-button{font-size:12px;min-height:40px;border-radius:9px;background:var(--red-light);color:var(--red)}.today-link{font-size:12px;color:var(--red)}
.topbar-notifications summary,.team-presence-menu>summary{min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:11px;color:#3d4958}
.notification-dropdown,.team-presence-popover{border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 50px #18243226;background:#fff;max-height:70vh;overflow-y:auto}.notification-dropdown-head,.notification-today-head,.notification-dropdown-foot{background:#f7f8fa}.notification-preview strong{font-size:12px;color:var(--ink)}.notification-preview small{font-size:11px;color:var(--muted)}.notification-count{background:var(--red);color:#fff}
/* Financial overview */
.dashboard-topline{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.09em;margin-bottom:22px}.dashboard-topline-mark{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--red)}.dashboard-topline-mark span{width:6px;height:6px;border-radius:50%;background:var(--red)}
.dashboard-date-banner{border:1px solid var(--line);border-left:3px solid var(--red);background:#fff;border-radius:12px;padding:15px 18px}.dashboard-date-banner strong{font-size:13px;color:var(--ink)}.dashboard-date-banner small{font-size:12px;color:var(--muted)}.dashboard-date-banner>a{color:var(--red);font-size:12px}.dashboard-date-icon{background:var(--red-light);color:var(--red)}.dashboard-fx-indicator{border-color:var(--line);background:#fff}
.hero-summary{background:linear-gradient(115deg,#bd2033,#d53243);border:0;border-radius:18px;box-shadow:0 10px 25px #c6233518;padding:32px;gap:32px;align-items:center}.hero-text{max-width:440px}.hero-premium-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;color:#fff}.hero-premium-marker{font-size:17px}.hero-text .eyebrow.light{color:#ffe1e4;margin-top:20px;font-size:10px}.hero-summary .hero-text h2{color:#fff;font-size:clamp(32px,3.6vw,48px);margin:12px 0;line-height:1.2;font-variant-numeric:tabular-nums}.hero-summary .hero-text p{font-size:12px;color:#fff0f1}.hero-metrics{gap:20px 28px;min-width:300px}.hero-metrics span{font-size:11px;color:#ffe1e4}.hero-metrics strong{font-size:18px;color:#fff;font-variant-numeric:tabular-nums}.hero-metrics small{display:block;color:#fff0f1;font-size:10px;max-width:200px}.hero-orbit{border-color:#ffffff26;pointer-events:none}
.metric-grid{gap:16px;margin-bottom:24px}.metric-card,.metric-grid .metric-card{border:1px solid var(--line)!important;border-radius:14px;background:#fff;padding:20px;box-shadow:0 4px 20px #17233306;transform:none!important}.metric-card:before{content:none}.metric-label{font-size:12px;color:var(--muted);margin-bottom:14px}.metric-label span{background:var(--red-light);color:var(--red);border-radius:9px;width:30px;height:30px}.metric-card>strong,.metric-grid.compact .metric-card>strong{font-size:clamp(22px,2vw,28px);color:var(--ink);font-variant-numeric:tabular-nums}.metric-card>small,.metric-card em{font-size:11px;color:var(--muted);line-height:1.6}
.panel{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 4px 20px #17233306}.panel-header{padding:21px 22px;border-color:#edf0f3;gap:12px;flex-wrap:wrap}.panel-header h2,.panel-header h3{font-size:17px;color:var(--ink)}.panel-header .eyebrow{font-size:9px}.panel-header>a{font-size:12px;color:var(--red)}.repair-row,.balance-row{border-color:#edf0f3;padding:16px 22px}.repair-row:hover,.balance-row:hover{background:#fafbfc}.repair-name strong,.balance-row{font-size:13px}.repair-name small,.balance-row small{font-size:11px;color:var(--muted)}.device-tile,.customer-initial{background:var(--red-light);color:var(--red);border-radius:10px}.badge,.role-pill,.premium-chip{border-radius:7px;font-size:11px;background:var(--red-light);color:var(--red);padding:5px 9px}.panel-note{background:#f6f7f9;color:var(--muted);font-size:12px;border-radius:10px}
.reconciliation-panel{padding:22px;margin:18px 0 24px}.reconciliation-panel>.panel-header{padding:0 0 18px;margin-bottom:18px}.reconciliation-panel .grid-cards>.panel{margin-bottom:0;background:#f8f9fb}.reconciliation-panel small{color:var(--muted);font-size:12px}
/* Forms, lists, reports, expenses and settings */
.button{font-size:12px;min-height:44px;padding:11px 17px;border-radius:10px;background:var(--red);border-color:var(--red);box-shadow:none}.button:hover{background:var(--red-dark);transform:none}.button.secondary{background:#fff;border-color:#d9dee5;color:#3a4655}.button.secondary:hover{background:#f7f8fa;border-color:#aeb8c6;color:var(--ink)}.button.small{font-size:11px;min-height:36px}.text-link,.text-button{color:var(--red);font-size:12px}
input,select,textarea{border:1px solid #d8dee7;border-radius:9px;background:#fff;color:var(--ink);font-size:14px;min-height:44px;padding:10px 12px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--red)}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c623350d}.field>label,.team-form label,.dealer-field label{font-size:12px;color:#364252;font-weight:700}.field>small,.fine-print{font-size:11px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.form-grid{gap:20px;padding:24px}.form-actions{border-top:1px solid var(--line);padding:20px 24px;background:#fcfcfd;gap:10px}
.filter-bar{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;gap:14px}.filter-field{max-width:220px;min-width:140px}.filter-field label{font-size:11px;color:var(--muted)}.filter-field input,.filter-field select{height:44px;font-size:13px}.filter-bar .button{height:44px;min-height:44px}.tabs{font-size:12px;gap:22px}.tabs a{padding:10px 0 13px}
.table-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cbd2dc transparent}table th,.table-scroll th{font-size:11px;font-weight:700;color:#5f6b7c;background:#f8f9fb;padding:15px 18px;border-color:var(--line)}table td,.table-scroll td{font-size:12px;padding:17px 18px;color:#354151;border-color:#edf0f3}tbody tr:hover{background:#fafbfc}.record-link{color:var(--red)}.row-arrow{width:34px;height:34px;background:#f6f7f9;color:#526174;border-radius:8px}.record-edit-link,.record-archive-link{font-size:11px}.pagination{padding:18px;font-size:12px;gap:12px;flex-wrap:wrap}.pagination a{display:inline-block;min-height:38px;padding:8px 12px}
.report-strip{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;gap:24px;font-size:12px;color:var(--muted)}.report-strip span strong{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}.stock-valuation-panel{border-color:var(--line);background:#fff}.stock-valuation-heading h2{color:var(--ink)}.stock-valuation-stat{background:#f8f9fb;border-color:var(--line)}.stock-valuation-stat.featured{background:var(--red-light);color:var(--red)}.stock-valuation-stat>span,.stock-valuation-stat>small,.stock-valuation-note{font-size:12px;color:var(--muted)}.stock-valuation-stat>strong{color:var(--ink)}
.notice{font-size:13px;border-radius:11px;padding:16px 18px}.empty-state{padding:40px 24px}.empty-state p,.empty-text{font-size:13px;color:var(--muted)}.empty-symbol{background:#f7f8fa;color:#8a96a5;border-color:var(--line)}
/* Team, users, dealers and service */
.team-tabs a{font-size:12px;min-height:44px;border-radius:10px}.team-tabs a.selected{background:var(--red);box-shadow:none}.team-current-day,.team-form-card,.team-day-today{border-color:var(--line);box-shadow:0 4px 20px #17233306}.team-pad{padding:24px}.team-task-card,.team-note-row{border:1px solid var(--line);border-radius:11px;padding:15px}.team-task-card strong,.team-note-row strong,.premium-task strong{font-size:13px;color:var(--ink)}.team-task-card small,.team-note-row small,.premium-task small{font-size:11px;color:var(--muted)}.team-task-card:hover,.team-note-row:hover{background:#fafbfc;border-color:#c7cfda;transform:none}.premium-work-card .panel-header{background:#fff}.premium-compose summary{font-size:13px;padding-block:14px}.premium-alerts{background:#fff;border-color:var(--line)}.premium-alert-task{background:#f8f9fb;border-color:var(--line)}.premium-task-pill{background:var(--red-light);color:var(--red)}.owner-insight{background:#fff;border-color:var(--line);color:var(--ink)}.user-action-menu summary{font-size:12px;min-height:40px;padding:10px}.user-action-form label{font-size:12px}.dealer-metrics>div{background:#fff;border-color:var(--line)}
.tech-bar{background:var(--red)}.tech-bar-inner{padding:18px}.tech-nav a,.tech-nav button{min-height:44px;font-size:12px}.tech-page{padding:28px 18px 50px;max-width:1100px}.tech-note{color:var(--muted);font-size:13px}.tech-item{border-color:var(--line);border-radius:14px;padding:22px}.tech-item strong{font-size:16px;color:var(--ink)}.tech-item small{font-size:12px;color:var(--muted)}
.page-footer{padding:22px 0;margin-top:34px;font-size:11px;color:var(--muted);border-color:var(--line);align-items:center}.footer-monogram{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--red-light);color:var(--red);border-radius:8px;margin-right:7px;font-size:10px;font-weight:800}
/* Sign-in */
body:has(.login-layout){background:#fff}.login-layout{max-width:none;padding:0;min-height:100dvh}.login-story{background:linear-gradient(145deg,#ad172b,#d32f42);padding:clamp(28px,5vw,72px);color:#fff}.login-story h1{font-size:clamp(34px,4vw,58px);color:#fff;line-height:1.12}.login-story h1 span{color:#fff}.login-story p{font-size:15px;line-height:1.8;color:#ffe8eb}.login-brand-logo{width:112px;height:112px;object-fit:contain;border-radius:20px;background:#fff;margin-bottom:34px}.login-tags span{font-size:12px;color:#fff;border-color:#ffffff4d;background:#ffffff12}.login-side{background:#fff;padding:32px}.login-card{max-width:400px;width:100%;box-shadow:none;border:0;padding:0}.login-card h2{font-size:28px;color:var(--ink)}.login-card p{font-size:13px;color:var(--muted)}.login-card .field{margin-bottom:20px}.login-card .button{width:100%;font-size:14px;min-height:48px}
@media(min-width:1001px){.mobile-menu,.mobile-close{display:none}}
@media(max-width:1250px){.topbar-primary{flex-basis:100%;max-width:none}.topbar-global-search{max-width:none}.topbar-date-tools{width:100%;border-top:1px solid var(--line);padding-top:10px}.hero-summary{flex-wrap:wrap}.hero-text{max-width:none}.hero-metrics{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.workspace{margin-left:0}.sidebar{width:280px;max-width:calc(100vw - 35px);box-shadow:12px 0 40px #15233520!important}.mobile-menu{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:20px}.mobile-close{display:block;align-self:flex-end;border:1px solid var(--line);border-radius:8px;padding:5px 12px;background:#fff;color:var(--muted);font-size:12px;margin-bottom:8px;min-height:36px}.mobile-shade.visible{z-index:39}.sidebar .brand-logo,.sidebar .brand-logo.custom-logo{width:54px!important;height:54px!important}.sidebar .brand.brand-official{min-height:0;margin-bottom:10px;padding-bottom:12px}.sidebar .sidebar-foot{display:none}body.menu-open{overflow:hidden}}
@media(max-width:720px){html{scroll-padding-top:190px}main{padding:24px 16px 18px}.topbar{padding:10px 16px;gap:9px}.topbar-primary{gap:8px}.topbar-global-search{min-width:0}.topbar-global-search input{font-size:12px}.topbar-date-tools{gap:10px}.working-date-summary strong{font-size:10px;max-width:130px}.date-picker{gap:5px;justify-content:flex-end}.date-picker input{min-width:112px;max-width:125px;width:125px;font-size:12px;padding:6px}.date-picker .small-button{font-size:11px;padding:8px}.notification-text{display:none}.notification-dropdown,.team-presence-popover{position:fixed;top:65px;left:12px;right:12px;width:auto;min-width:0;max-width:none;max-height:70dvh}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.page-heading .button-row{width:100%}.dashboard-topline-end{display:none}.hero-summary{padding:24px;gap:24px;border-radius:16px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hero-metrics strong{font-size:17px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card,.metric-grid .metric-card{padding:16px}.metric-label{font-size:11px}.metric-card>strong{font-size:22px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.panel-header{padding:18px}.repair-row,.balance-row{padding:15px 18px}.filter-field,.filter-field.search{min-width:0;max-width:none;flex:1 1 calc(50% - 14px)}.filter-field.search{flex-basis:100%}.filter-bar>.button{flex:1}.form-grid{padding:18px;gap:18px}.form-actions{padding:18px;flex-wrap:wrap}.form-actions .button{flex:1}.form-grid input,.form-grid select,.form-grid textarea,.team-form input,.team-form select,.team-form textarea,.dealer-field input,.dealer-field select,.login-card input{font-size:16px}.form-layout,.team-layout,.dealer-detail-grid{grid-template-columns:minmax(0,1fr)}.tabs{gap:18px}.page-footer{font-size:10px;flex-wrap:wrap}.team-pad{padding:18px}.stock-valuation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-valuation-stat{min-width:0}.stock-valuation-stat>strong{font-size:20px;overflow-wrap:anywhere}.tech-cards{grid-template-columns:minmax(0,1fr)}.login-layout{display:block}.login-story{padding:28px;min-height:0}.login-story h1{font-size:32px;margin-bottom:12px}.login-story p{font-size:13px;margin-bottom:0}.login-story .login-tags,.login-story>small{display:none}.login-brand-logo{width:66px;height:66px;margin-bottom:20px;border-radius:12px}.login-side{padding:32px 24px}.login-card h2{font-size:25px}}
@media(max-width:390px){.working-date-summary{min-width:0;max-width:94px}.working-date-summary strong{font-size:9px}.date-picker .today-link{font-size:10px}.topbar-global-search input::placeholder{font-size:11px}.metric-label span{display:none}.metric-card>strong{font-size:20px}.hero-summary{padding:20px}.report-strip{gap:18px}.report-strip span{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.skip-link,.mobile-close{display:none!important}.workspace{margin:0}.hero-summary{background:#fff;color:#000;border:1px solid #ddd;box-shadow:none}.hero-summary .hero-text h2,.hero-summary .hero-text p,.hero-metrics span,.hero-metrics strong{color:#000}.panel,.metric-card{box-shadow:none}}

/* Scarlet workspace: a red navigation rail, illuminated canvas and composed surfaces. */
:root {
  --red: #d52238;
  --red-dark: #b61129;
  --red-light: #fff0f2;
  --ink: #251e28;
  --muted: #776e7a;
  --line: #ece5e9;
  --bg: #f8f5f7;
  --sidebar: 266px;
  --surface-shadow: 0 10px 32px #4e182407, 0 1px 3px #4e182404;
}
html, body {
  background: #f8f5f7;
  font-family: Manrope, 'Segoe UI', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  background-image: radial-gradient(ellipse at 90% 0%, #efb1ba42, transparent 42%),
    radial-gradient(ellipse at 20% 65%, #efd9df50, transparent 42%);
  background-attachment: fixed;
}
.workspace {
  position: relative;
  isolation: isolate;
  background: transparent;
  margin-left: 282px;
  padding-top: 18px;
}
.workspace::before {
  content: '';
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(#b6314912 1px, transparent 1px),
    linear-gradient(90deg, #b6314912 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(#0008, transparent 65%);
}
main#main { background: transparent !important; }
main { padding: 32px 28px 20px; max-width: 1650px; }
.ui-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; display: block; }
/* Navigation is deliberately red on every device. */
.sidebar {
  inset: 16px auto 16px 16px;
  width: 250px;
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  border: 1px solid #ffffff2b !important;
  border-radius: 23px;
  color: #fff !important;
  background: radial-gradient(ellipse at 0 0, #ed4155 0, transparent 54%),
    linear-gradient(168deg, #b8142c 8%, #940f25 58%, #650b1b 100%) !important;
  box-shadow: 0 16px 40px #7d142e29, inset 0 1px #ffffff2b !important;
  padding: 20px 12px 14px;
}
.sidebar::after {
  content: '';
  position: absolute;
  top: 120px;
  right: -110px;
  width: 260px;
  height: 260px;
  border: 1px solid #ffffff0d;
  border-radius: 50%;
  pointer-events: none;
}
.sidebar .brand.brand-official {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  text-align: left;
  padding: 0 8px 22px;
  margin-bottom: 10px;
  gap: 12px;
  border-bottom: 1px solid #ffffff26;
}
.sidebar .brand-logo,.sidebar .brand-logo.custom-logo {
  width: 58px !important;
  height: 58px !important;
  background: #ffffff0c;
  border: 1px solid #ffffff1c;
  border-radius: 14px !important;
}
.sidebar .brand-copy { gap: 7px; }
.sidebar .brand-copy strong { color: #fff; font-size: 21px; font-weight: 800; line-height: 1.05; letter-spacing: -.065em; }
.sidebar .brand-copy strong span { display: block; font-size: 17px; font-weight: 500; letter-spacing: .02em; margin-top: 3px; }
.sidebar .brand-official small { color: #ffd7dd !important; font-size: 7px !important; letter-spacing: .13em !important; text-align: left !important; }
.sidebar .sidebar-label,.sidebar .nav-secondary-label { color: #ffbdc7 !important; font-size: 8px; font-weight: 700; letter-spacing: .13em; padding: 12px 12px 8px; }
.sidebar nav { scrollbar-color: #ffffff40 transparent !important; position: relative; z-index: 1; }
.sidebar .nav-link,.sidebar .nav-link:visited {
  color: #ffe8ec !important;
  min-height: 42px;
  padding: 10px 13px;
  margin: 3px 0;
  border: 1px solid transparent;
  font-size: 11.5px;
  letter-spacing: -.01em;
  border-radius: 11px;
  font-weight: 600;
}
.sidebar .nav-link:hover { background: #ffffff13 !important; color: #fff !important; border-color: #ffffff20 !important; }
.sidebar .nav-link.active,.sidebar .nav-link.active:hover {
  background: #fff !important;
  color: #b6162d !important;
  box-shadow: 0 5px 16px #60021622 !important;
  font-weight: 800;
}
.sidebar .nav-link.active::after { content: ''; width: 5px; height: 5px; margin-left: auto; background: var(--red); border-radius: 50%; flex-shrink: 0; }
.sidebar .nav-icon { width: 18px; height: 18px; min-width: 18px; }
.sidebar .sidebar-foot { color: #fff !important; border-color: #ffffff26 !important; margin-top: 14px; }
.sidebar .sidebar-foot small { color: #f7b7c1 !important; font-size: 9px; }
.sidebar .status-dot { box-shadow: 0 0 0 3px #ffffff15; background: #9ce4be; }
.sidebar .user-block,.sidebar .user-block span { color: #fff !important; border-color: #ffffff26; }
.sidebar .user-block small,.sidebar .account-links,.sidebar .account-links a,.sidebar .account-links .text-button { color: #ffc6cf !important; }
.sidebar .avatar { border: 1px solid #ffffff50; color: #fff; background: #ffffff1f; }
.sidebar .settings-link { color: #fff !important; }
.sidebar .account-links a:hover,.sidebar .account-links .text-button:hover { color: #fff !important; }
/* Glass header and the quiet background remain consistent across screens. */
.topbar {
  margin: 0 28px;
  top: 14px;
  min-height: 76px;
  padding: 13px 18px;
  border: 1px solid #ffffff;
  border-radius: 17px;
  background: #ffffffb8;
  backdrop-filter: blur(22px);
  box-shadow: 0 8px 24px #68243a06;
  gap: 12px;
}
.topbar-primary { gap: 10px; flex-basis: 310px; }
.topbar-date-tools { gap: 16px; }
.topbar-global-search { border-color: #eadfe5; background: #f7f3f5a6; height: 42px; border-radius: 11px; max-width: 390px; }
.topbar-global-search:focus-within { background: #fff; border-color: #d894a2; box-shadow: 0 0 0 3px #d5223809; }
.topbar-global-search span { display: grid; place-items: center; color: #a9919b; }
.topbar-global-search input { font-size: 11px; font-weight: 500; }
.topbar-notifications summary,.team-presence-menu>summary { background: #fff8; border-color: #eee3e8; box-shadow: none; }
.notification-bell { display: block; color: #92586a; }
.working-date-summary span { letter-spacing: .09em; color: #9b7e8a; }
.working-date-summary strong { font-size: 10px; color: #4e3844; }
.date-picker input { height: 38px; min-height: 38px; border-color: #ebdfe4; background: #fff9; font-size: 11px; border-radius: 9px; }
.date-picker .small-button { display: inline-block; min-height: 38px; color: #fff; background: #bd233b; font-size: 11px; padding: 8px 10px; }
.date-picker .today-link { display: inline; font-size: 11px; text-decoration: none; }
.dashboard-topline { font-size: 9px; margin-bottom: 22px; letter-spacing: .13em; }
.dashboard-topline-mark span { background: #cf213b; box-shadow: 0 0 0 4px #d522380b; }
.dashboard-topline-end { color: #ab8997; }
.page-heading { margin-bottom: 28px; align-items: flex-end; }
.page-heading h1 { font-size: clamp(29px, 2.7vw, 38px); font-weight: 800; letter-spacing: -.055em; margin-bottom: 9px; }
.page-heading p { color: #8a7581; font-size: 12px; }
.eyebrow { font-size: 9px; letter-spacing: .15em; color: #ba2840; }
.button { border-radius: 11px; font-size: 11px; padding: 11px 16px; font-weight: 700; background: linear-gradient(135deg, #dd2d45, #bc1831); border-color: #c92038; box-shadow: 0 5px 13px #d5223818; }
.button:hover { background: #b41b32; box-shadow: 0 7px 18px #c3223826; }
.button.secondary { background: #ffffffc9; color: #684552; border-color: #e6dce2; box-shadow: 0 3px 7px #48233003; }
.button.secondary:hover { background: #fff; color: #b51d36; border-color: #d9b4c0; }
/* The overview is one designed composition, not a stack of unrelated boxes. */
.overview-composition { display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(0, 1fr); gap: 20px; margin-bottom: 22px; align-items: stretch; }
.overview-composition .hero-summary {
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: 29px 30px 26px;
  margin: 0;
  min-height: 340px;
  gap: 24px;
  border: 1px solid #d84d61;
  border-radius: 23px;
  background-image: url('brand/contours.svg'), radial-gradient(ellipse at 95% 0%, #fa6a7a80, transparent 60%), linear-gradient(130deg,#ad122a,#dc3049);
  background-size: cover;
  box-shadow: 0 16px 32px #b91b3322, inset 0 1px #ffffff25;
}
.hero-text { max-width: none; }
.hero-premium-top { letter-spacing: .16em; font-size: 8px; color: #ffdadf; font-weight: 700; }
.hero-premium-marker { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #ffffff35; border-radius: 8px; font-size: 14px; }
.hero-text .eyebrow.light { margin-top: 24px; font-size: 9px; color: #ffcad2; letter-spacing: .09em; }
.overview-composition .hero-text h2 { font-size: clamp(36px, 3.7vw, 56px); letter-spacing: -.055em; margin: 10px 0 12px; line-height: 1.1; font-weight: 700; }
.hero-summary .hero-text p { font-size: 11px; line-height: 1.8; color: #ffe2e7; max-width: 390px; }
.overview-composition .hero-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; min-width: 0; gap: 17px 20px; padding-top: 21px; border-top: 1px solid #ffffff2e; }
.hero-metrics>div { min-width: 0; }
.hero-metrics span { font-size: 10px; color: #ffccd5; margin-bottom: 5px; }
.hero-metrics strong { font-size: 16px; font-weight: 700; }
.hero-metrics small { font-size: 9px; color: #ffe1e7; }
.hero-orbit { display: none; }
.overview-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 0; }
.metric-card,.metric-grid .metric-card { border-color: #ffffff !important; background: linear-gradient(135deg,#fff 20%,#ffffffdb); border-radius: 19px; padding: 22px; box-shadow: var(--surface-shadow); position: relative; }
.metric-grid .metric-card::before { content: ''; display: block; position: absolute; width: 3px; height: 32px; border-radius: 3px; background: #d52540; left: 0; top: 25px; opacity: 1; }
.metric-grid .metric-card:nth-child(2)::before { background: #b98a99; }
.metric-grid .metric-card:nth-child(3)::before { background: #ce946b; }
.metric-grid .metric-card:nth-child(4)::before { background: #8e87a6; }
.metric-label { color: #776471 !important; font-weight: 600 !important; font-size: 11px; margin-bottom: 16px; align-items: flex-start; }
.metric-label span { width: 31px; height: 31px; color: #b32943; background: #fcf0f3; border: 1px solid #f6e5eb; font-size: 15px; border-radius: 10px; flex-shrink: 0; }
.metric-card>strong,.metric-grid.compact .metric-card>strong { color: #3b2633; font-size: clamp(22px,2.2vw,32px); font-weight: 700; letter-spacing: -.045em; }
.metric-card>small { color: #9c8591; font-size: 10px; margin-top: 10px; }
.overview-metrics .metric-card { display: flex; flex-direction: column; justify-content: space-between; min-height: 166px; }
.overview-metrics .metric-card>strong { margin-top: auto; }
.daily-context-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 18px; margin-bottom: 24px; }
.daily-context-grid .dashboard-date-banner,.daily-context-grid .dashboard-fx-indicator { height: 100%; margin: 0; border: 1px solid #eee2e8; background: #ffffffa8; border-radius: 16px; padding: 18px 20px; box-shadow: none; }
.dashboard-date-banner strong { font-size: 11px; color: #5f3d4d; }
.dashboard-date-banner small { font-size: 10px; color: #9b818e; line-height: 1.8; }
.dashboard-date-banner>a { font-size: 10px; padding: 6px 10px; background: #fff; border: 1px solid #eedde4; border-radius: 8px; }
.dashboard-date-icon { float: none; display: none; }
.dashboard-fx-indicator>div:first-child { align-items: flex-start; gap: 10px; }
.dashboard-fx-indicator strong { font-size: 11px; color: #5d414e; }
.dashboard-fx-indicator small { font-size: 9px; color: #9a818c; line-height: 1.8; }
.dashboard-fx-icon { background: #fbecf0; color: #bd3a56; width: 30px; height: 30px; font-size: 17px; }
.dashboard-fx-value { gap: 13px; flex-wrap: wrap; }
.dashboard-fx-value strong { font-size: 23px; letter-spacing: -.03em; }
.dashboard-fx-value a { font-size: 10px; }
/* Every module receives the same surface, tab, form and table treatment. */
.panel { border: 1px solid #efe6eb; border-radius: 20px; box-shadow: var(--surface-shadow); background: #ffffffed; }
.panel-header { padding: 21px 23px; border-color: #f2e9ee; background: linear-gradient(115deg,#fff,#fffafd55); }
.panel-header h2,.panel-header h3 { font-size: 16px; color: #4d2d3c; font-weight: 700; letter-spacing: -.025em; }
.panel-header>a { color: #be2742; font-size: 10px; }
.panel-header .eyebrow { font-size: 8px; }
.dashboard-grid { gap: 20px; }
.dashboard-grid>.panel { height: auto; }
.repair-row,.balance-row { border-color: #f5edf1; padding: 15px 23px; }
.repair-row:hover,.balance-row:hover { background: #fff8fa; }
.repair-name strong { color: #5a3a49; font-size: 12px; }
.repair-name small,.balance-row small { color: #a18b97; font-size: 10px; }
.device-tile,.customer-initial { border: 1px solid #f3dde5; background: #fff1f5; color: #bf2849; border-radius: 12px; }
.badge,.role-pill { font-size: 10px; border: 1px solid #f1dce4; background: #fff3f6; color: #a3314e; border-radius: 6px; }
.badge.warning { color: #96652b; background: #fff6e6; border-color: #f3e4c3; }
.reconciliation-panel { padding: 21px 23px; }
.reconciliation-panel>.panel-header { background: none; padding: 0 0 17px; }
.reconciliation-panel .grid-cards>.panel { background: #fcf9fb; border: 1px solid #f1e6eb; box-shadow: none; border-radius: 12px; }
.reconciliation-panel small { font-size: 10px; color: #977d8b; }
.reconciliation-panel h3 { font-size: 20px; font-weight: 600; letter-spacing: -.03em; margin: 8px 0 0; }
.panel-note { background: #faf5f8; color: #967a8b; font-size: 11px; border: 1px solid #f4e9ef; }
.filter-bar { border-radius: 17px; padding: 19px 21px; border-color: #f0e5eb; background: #fffdfedb; box-shadow: var(--surface-shadow); }
.filter-field label,.field>label,.team-form label,.dealer-field label { color: #745568; font-size: 11px; font-weight: 600; }
.filter-field input,.filter-field select,input,select,textarea { border-color: #e7dbe3; border-radius: 10px; color: #4a3140; background: #fff; font-size: 13px; }
input::placeholder,textarea::placeholder { color: #b29aa7; }
input:focus,select:focus,textarea:focus { border-color: #cc7b91; box-shadow: 0 0 0 4px #d5223808; }
.form-grid { padding: 25px; gap: 22px; }
.form-actions { background: #fdfafb; border-color: #f1e7ed; padding: 20px 25px; }
.form-aside,.help-panel { background: #fff9fba8; border: 1px solid #f1e1e8; box-shadow: none; border-radius: 18px; }
.tabs { border: 1px solid #ede2e8; border-radius: 12px; background: #ffffff85; padding: 5px; gap: 5px; width: fit-content; max-width: 100%; margin-bottom: 20px; }
.tabs a { border-radius: 8px; padding: 9px 14px; font-size: 11px; color: #977988; border-bottom: 0; }
.tabs a.selected { background: #fff; color: #ba2442; border-bottom: 0; box-shadow: 0 2px 8px #7f375b10; }
.tabs a:hover { background: #ffffffb3; color: #ba2442; }
.archive-toolbar { font-size: 10px; }
table th,.table-scroll th { background: #fcf8fa; color: #ab8b9c; font-size: 10px; font-weight: 600; border-color: #f1e6ec; padding: 15px 20px; }
table td,.table-scroll td { color: #674555; padding: 17px 20px; font-size: 11px; border-color: #f5edf1; }
tbody tr:hover { background: #fff9fc; }
.record-link { color: #aa2948; }
.row-arrow { background: #fcf3f7; color: #ba5172; border: 1px solid #f3e3eb; }
.pagination { border-color: #f1e6ec; color: #ac8d9e; font-size: 10px; }
.stock-valuation-panel { border: 1px solid #eddae4; background: #fffdfef0; border-radius: 20px; box-shadow: var(--surface-shadow); }
.stock-valuation-heading { border-bottom: 1px solid #f4eaf0; margin-bottom: 18px; }
.stock-valuation-heading h2 { color: #573243; font-size: 21px; }
.stock-valuation-stat { background: #fcf8fb; border-color: #f2e6ee; border-radius: 13px; }
.stock-valuation-stat.featured { background: linear-gradient(135deg,#b81934,#da3e58); border: 0; }
.stock-valuation-stat.featured>span,.stock-valuation-stat.featured>strong,.stock-valuation-stat.featured>small { color: #fff; }
.stock-valuation-stat>strong { color: #644052; font-weight: 700; }
.stock-valuation-tag { background: #fff1f6; color: #ac4565; border-color: #f2dce7; }
.report-strip { border-color: #f1dfe9; box-shadow: var(--surface-shadow); background: #ffffffc9; border-radius: 17px; }
.report-strip span { padding-left: 15px; border-left: 2px solid #e7b9cd; font-size: 10px; color: #a17b90; }
.report-strip span strong { color: #623248; font-size: 22px; }
.team-current-day { background: linear-gradient(135deg,#bd233e,#d13d58); border: 0; box-shadow: 0 9px 18px #b8203d15; }
.team-current-day span,.team-current-day strong,.team-current-day small { color: #fff; }
.team-tabs a { background: #ffffffa8; border-color: #f0e1e9; color: #ad738d; box-shadow: none; font-size: 11px; }
.team-tabs a.selected { background: #b92644; color: #fff; border-color: #b92644; box-shadow: 0 5px 12px #bb24421a; }
.team-task-card,.team-note-row { border-color: #f1e5ed; background: #fefbfc; border-radius: 12px; }
.team-task-card:hover,.team-note-row:hover { border-color: #dfb8ca; background: #fff5f9; }
.premium-work-card .panel-header { background: linear-gradient(115deg,#fff,#fff9fc); }
.owner-insight { background: #fff8fbc9; border: 1px solid #f1dfe9; border-radius: 14px; }
.empty-state { padding: 34px 22px; }
.empty-symbol { background: #fff6fa; color: #c69bb0; border-color: #f2e2eb; }
.empty-state p { color: #ae91a0; font-size: 12px; }
.page-footer { border-top-color: #e9dce5; color: #b091a2; font-size: 10px; }
.footer-monogram { color: #ba4a6d; background: #f5e5ed; }
/* The same atmosphere continues into login and the restricted service area. */
.login-layout { background: #f8f5f7; padding: 22px; gap: 0; }
.login-story { position: relative; overflow: hidden; border-radius: 26px; background-image: url('brand/contours.svg'),radial-gradient(ellipse at 10% 0,#e9576d,transparent 65%),linear-gradient(135deg,#ad132c,#730a1c); background-size: cover; box-shadow: 0 16px 35px #a6113022; }
.login-story h1 { letter-spacing: -.065em; font-weight: 700; }
.login-side { background: transparent; }
.login-card { padding: 36px; border-radius: 22px; background: #ffffffc2; border: 1px solid #fff; box-shadow: var(--surface-shadow); max-width: 460px; }
.login-card h2 { font-size: 29px; letter-spacing: -.05em; color: #503042; }
.login-brand-logo { width: 92px; height: 92px; border-radius: 18px; }
.tech-bar { background-image: url('brand/contours.svg'),linear-gradient(120deg,#ac142d,#d42b47); background-size: cover; box-shadow: 0 7px 25px #b81a3122; }
.tech-item { background: #ffffffd9; border: 1px solid #efe2ea; border-radius: 18px; box-shadow: var(--surface-shadow); }
@media(min-width:1600px) { .overview-composition { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); } .topbar-global-search { max-width: 510px; } }
@media(max-width:1250px) {
  .topbar-primary { flex-basis: 100%; }
  .topbar-date-tools { border-color: #f0e0e8; width: 100%; padding-top: 9px; }
  .topbar-global-search { max-width: none; }
  .overview-composition { grid-template-columns: minmax(0,1fr); }
  .overview-composition .hero-summary { flex-direction: row; flex-wrap: nowrap; min-height: 260px; gap: 30px; }
  .overview-composition .hero-text { flex: 1; min-width: 0; }
  .overview-composition .hero-metrics { width: 45%; padding-top: 0; padding-left: 25px; border-top: 0; border-left: 1px solid #ffffff2e; }
  .overview-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .overview-metrics .metric-card { min-height: 160px; padding: 18px; }
  .daily-context-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
}
@media(max-width:1000px) {
  .workspace { margin-left: 0; padding-top: 12px; }
  .sidebar { left: 10px; top: 10px; bottom: 10px; height: calc(100dvh - 20px); width: 278px; border-radius: 20px; padding-top: 12px; }
  .sidebar:not(.open) { transform: translateX(calc(-100% - 30px)); }
  .sidebar.open { transform: translateX(0); }
  .sidebar .brand.brand-official { padding: 0 8px 18px; }
  .sidebar .brand-logo,.sidebar .brand-logo.custom-logo { width: 56px !important; height: 56px !important; }
  .sidebar .nav-link { min-height: 44px; }
  .sidebar .mobile-close { background: #ffffff14; border: 1px solid #ffffff26; color: #fff; margin-right: 6px; }
  .topbar { margin: 0 20px; top: 10px; }
  .mobile-menu { border-color: #ebdbe3; background: #fff9; color: #ba2846; }
  .mobile-shade.visible { background: #35101f73; backdrop-filter: blur(5px); }
}
@media(max-width:720px) {
  main { padding: 25px 16px 16px; }
  .workspace { padding-top: 10px; }
  .topbar { margin: 0 12px; padding: 10px; border-radius: 14px; gap: 9px; }
  .topbar-primary { gap: 7px; }
  .topbar-global-search { min-width: 0; padding: 0 9px; height: 40px; }
  .topbar-global-search input { font-size: 10px; }
  .topbar-notifications summary,.team-presence-menu>summary { min-height: 40px; padding: 8px; }
  .topbar-date-tools { gap: 8px; }
  .working-date-summary { min-width: 90px; }
  .working-date-summary strong { font-size: 9px; }
  .date-picker input { min-width: 108px; width: 111px; max-width: 111px; font-size: 10px; padding: 6px; }
  .date-picker .small-button { min-height: 38px; font-size: 10px; padding: 8px; }
  .date-picker .today-link { font-size: 10px; }
  .dashboard-topline { margin-bottom: 21px; font-size: 8px; }
  .page-heading { gap: 16px; margin-bottom: 23px; }
  .page-heading h1 { font-size: 29px; }
  .page-heading p { font-size: 11px; line-height: 1.8; }
  .button { font-size: 11px; min-height: 43px; padding: 10px 13px; }
  .overview-composition { gap: 14px; margin-bottom: 16px; }
  .overview-composition .hero-summary { flex-direction: column; flex-wrap: nowrap; min-height: 0; padding: 25px; border-radius: 20px; gap: 23px; }
  .overview-composition .hero-metrics { width: 100%; border-left: 0; border-top: 1px solid #ffffff2e; padding: 19px 0 0; gap: 18px; }
  .overview-composition .hero-text h2 { font-size: 43px; }
  .hero-summary .hero-text p { font-size: 10px; }
  .hero-metrics strong { font-size: 16px; }
  .hero-metrics span { font-size: 9px; }
  .overview-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .overview-metrics .metric-card { min-height: 158px; padding: 17px; border-radius: 16px; }
  .metric-card>strong { font-size: 24px; }
  .metric-label { font-size: 10px; gap: 7px; }
  .metric-label span { width: 25px; height: 25px; border-radius: 8px; font-size: 13px; }
  .metric-card>small { font-size: 9px; }
  .daily-context-grid { margin-bottom: 20px; }
  .daily-context-grid .dashboard-date-banner,.daily-context-grid .dashboard-fx-indicator { padding: 16px 18px; }
  .dashboard-date-banner>a { width: auto; }
  .dashboard-fx-value { width: 100%; justify-content: space-between; }
  .panel { border-radius: 17px; }
  .panel-header { padding: 19px; }
  .panel-header h2 { font-size: 15px; }
  .reconciliation-panel { padding: 19px; }
  .reconciliation-panel .grid-cards { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .reconciliation-panel .grid-cards>.panel { padding: 13px !important; }
  .reconciliation-panel h3 { font-size: 18px; }
  .reconciliation-panel small { font-size: 9px; }
  .form-grid { padding: 20px; gap: 21px; }
  .form-actions { padding: 18px 20px; }
  .filter-bar { padding: 18px; }
  .tabs { width: 100%; gap: 3px; }
  .tabs a { font-size: 10px; padding: 9px 11px; }
  .report-strip { gap: 16px; }
  .report-strip span strong { font-size: 19px; }
  .stock-valuation-stat>strong { font-size: 19px; }
  .login-layout { padding: 12px; }
  .login-story { border-radius: 20px; padding: 28px; }
  .login-side { padding: 20px 0 0; }
  .login-card { padding: 27px; max-width: none; border-radius: 20px; }
  .login-brand-logo { width: 62px; height: 62px; }
}
@media(max-width:390px) { .working-date-summary { min-width: 0; max-width: none; flex: 1; } .working-date-summary strong { max-width: none; } .date-picker { gap: 4px; } .metric-label span { display: grid; } .metric-card>strong { font-size: 22px; } .overview-metrics .metric-card { padding: 15px; } }
@media print { .workspace { margin: 0; padding: 0; } .workspace::before { display: none; } .overview-composition,.daily-context-grid { display: block; } .overview-composition .hero-summary { background: #fff; color: #000; box-shadow: none; min-height: 0; border: 1px solid #ddd; } .hero-summary .hero-text h2,.hero-summary .hero-text p,.hero-summary .hero-metrics strong,.hero-summary .hero-metrics span { color: #000; } .overview-metrics { margin-top: 20px; } }

/* Finishing details: a quieter hierarchy, tactile controls and clear table navigation. */
::selection { color: #fff; background: #bb2445; }
.quick-workspace { margin: 0 0 26px; }
.quick-workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 2px 13px; }
.quick-workspace-heading h2 { font-size: 13px; color: #795264; font-weight: 700; letter-spacing: -.02em; }
.quick-workspace-heading>span { font-size: 10px; color: #a28594; }
.quick-action-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.quick-action { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 17px; background: linear-gradient(125deg,#ffffffef,#fff9fcb3); border: 1px solid #fff; border-radius: 16px; box-shadow: 0 4px 15px #73324804; }
.quick-action-icon { display: grid; place-items: center; flex-shrink: 0; width: 39px; height: 39px; border-radius: 12px; background: linear-gradient(135deg,#ffecf1,#fff8fa); border: 1px solid #f5dfe8; color: #bd3555; box-shadow: inset 0 1px #fff; }
.quick-action strong { display: block; font-size: 11px; font-weight: 700; color: #684354; line-height: 1.6; }
.quick-action small { display: block; color: #9e7e90; font-size: 9px; margin-top: 2px; }
.quick-action-arrow { margin-left: auto; color: #b8899d; font-size: 16px; flex-shrink: 0; }
.quick-action:nth-child(2) .quick-action-icon { background: #f8f1f7; color: #966882; border-color: #f0e0ed; }
.quick-action:nth-child(3) .quick-action-icon { background: #fff5ec; color: #b27f56; border-color: #f7e5d9; }
.quick-action:nth-child(4) .quick-action-icon { background: #f2f1f9; color: #8c7fa9; border-color: #eae5f3; }
.search-shortcut { display: grid; place-items: center; height: 23px; width: 23px; flex-shrink: 0; border: 1px solid #e9dce4; border-bottom-width: 2px; background: #ffffffb3; border-radius: 6px; color: #af8d9f; font: inherit; font-size: 11px; line-height: 1; }
.topbar-global-search:focus-within .search-shortcut { border-color: #d9adbf; color: #b12a4b; }
.panel-header { position: relative; }
.panel-header::after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 30px; height: 2px; background: linear-gradient(90deg,#d65271,#f2ccd9); border-radius: 3px; }
.panel-header .button { position: relative; z-index: 1; }
.reconciliation-panel>.panel-header::after { left: 0; }
.hero-summary { position: relative; }
.hero-summary::after { content: ''; position: absolute; inset: 1px; pointer-events: none; border-radius: inherit; border: 1px solid #ffffff13; }
.hero-premium-marker { box-shadow: inset 0 1px #ffffff22; }
.overview-metrics .metric-card { box-shadow: 0 7px 21px #642b3f05, 0 1px 2px #642b3f04; }
.metric-label span { box-shadow: inset 0 1px #fff; }
.overview-metrics .metric-card:nth-child(2) .metric-label span { color: #9e7585; background: #fbf4f7; }
.overview-metrics .metric-card:nth-child(3) .metric-label span { color: #b08160; background: #fff5ed; border-color: #f7e4d7; }
.overview-metrics .metric-card:nth-child(4) .metric-label span { color: #8f7ca8; background: #f7f3fc; border-color: #eee6f6; }
.metric-card>strong,.hero-text h2,.hero-metrics strong,.balance-row strong,.stock-valuation-stat>strong { font-variant-numeric: tabular-nums; }
.field:focus-within>label,.filter-field:focus-within>label { color: #b3284a; }
.field:focus-within>small { color: #8b6176; }
.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select { box-shadow: inset 0 1px 3px #61233803; }
.field input:focus,.field textarea:focus,.field select:focus { box-shadow: 0 0 0 4px #cf31520a, inset 0 1px 2px #61233802; }
.field:has(.field-error) input,.field:has(.field-error) select,.field:has(.field-error) textarea { border-color: #d44864; background: #fffafb; }
.field-error { display: block; padding: 7px 9px; border: 1px solid #f2cbd5; background: #fff4f7; color: #b12b49; border-radius: 7px; font-size: 11px; line-height: 1.6; margin-top: 7px; }
.required { color: #c73a59; }
input[type=checkbox],input[type=radio] { accent-color: #c62646; cursor: pointer; }
.upload-box { border-color: #e8c9d8; background: linear-gradient(120deg,#fff9fc,#fff); border-radius: 14px; }
.item-row { border-color: #efdfE7; box-shadow: 0 4px 12px #5d243403; border-radius: 15px; }
.item-head { background: linear-gradient(110deg,#fbf3f7,#fffafc); border-bottom: 1px solid #f1e5ec; }
.basket-total { background: linear-gradient(110deg,#fff0f5,#fcf7fa); border: 1px solid #f3dfe9; border-radius: 13px; }
.badge,.state-pill,.role-pill { font-weight: 600; letter-spacing: .005em; }
.state-pill.active,.online-status.is-online { border-color: #d5eadf; background: #f0f9f4; color: #3a7c5c; }
.user-action-menu>summary { background: #fff8fb; border: 1px solid #f0dce6; border-radius: 9px; color: #ac4b6c; }
.user-action-menu[open]>summary { background: #faeaf1; color: #a32a50; }
.team-task-card,.team-note-row,.tech-item { box-shadow: inset 0 1px #fff; }
.team-calendar-badge { background: linear-gradient(145deg,#f8e3ed,#fff6fa); border-color: #edcddb; box-shadow: inset 0 1px #fff; }
.team-day-today { border: 1px solid #eed5e1; background: linear-gradient(110deg,#fff7fb,#fff); border-radius: 15px; }
.team-notification-unread { background: #fff6fa; border-left: 3px solid #d2496d; }
.notification-preview:hover { background: #fff6fa; }
.table-scroll.has-horizontal-scroll { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.table-scroll.has-more-columns { box-shadow: inset -13px 0 15px -15px #7f284c65; }
.table-scroll:focus-visible { outline: 2px solid #cf7895; outline-offset: -2px; }
.table-scroll-tools { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 8px 17px; background: #fcf8fa; border-top: 1px solid #f1e5ec; color: #a07b8f; font-size: 10px; }
.table-scroll-buttons { display: flex; gap: 6px; }
.table-scroll-buttons button { display: grid; place-items: center; width: 33px; height: 29px; border: 1px solid #efdee7; border-radius: 7px; background: #fff; color: #b15174; cursor: pointer; font-size: 14px; }
.table-scroll-buttons button:disabled { cursor: default; color: #d1bbc6; background: #faf6f8; opacity: .7; }
tbody tr { transition: background-color .16s ease; }
tbody tr:focus-within { background: #fff5fa; }
table td:first-child { border-left: 2px solid transparent; }
tbody tr:hover td:first-child,tbody tr:focus-within td:first-child { border-left-color: #d75c80; }
.sidebar .nav-link .nav-icon { transition: opacity .18s ease; }
.sidebar .nav-link:not(.active) .nav-icon { opacity: .85 !important; }
.sidebar .nav-link:hover .nav-icon { opacity: 1 !important; }
.sidebar .brand-copy strong span { color: #ffdde4; }
.sidebar .nav-link.active { border-color: #fff; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .quick-action,.button,.row-arrow,.tech-item { transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease; }
  .quick-action:hover { transform: translateY(-3px); background: #fff; border-color: #ebcbd9; box-shadow: 0 9px 19px #9b3b5e0c; }
  .quick-action:hover .quick-action-arrow { color: #bd3057; }
  .button:hover { transform: translateY(-1px); }
  .row-arrow:hover { transform: translate(1px,-1px); background: #fbeaf1; }
  .tech-item:hover { transform: translateY(-2px); border-color: #dfb6ca; box-shadow: 0 9px 23px #7d2f500c; }
}
@media(min-width:1001px) {
  .sidebar .nav-link.active { position: relative; }
  .sidebar .nav-link.active::after { box-shadow: 0 0 0 4px #d5223809; }
}
@media(max-width:1250px) { .quick-action { padding: 14px 12px; gap: 9px; } .quick-action-icon { width: 33px; height: 35px; border-radius: 10px; } .quick-action-arrow { display: none; } }
@media(max-width:720px) {
  .quick-workspace { margin-bottom: 22px; }
  .quick-workspace-heading { margin: 2px 1px 12px; }
  .quick-workspace-heading h2 { font-size: 12px; }
  .quick-workspace-heading>span { font-size: 9px; }
  .quick-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .quick-action { padding: 13px 11px; min-height: 72px; border-radius: 13px; gap: 9px; }
  .quick-action-icon { width: 31px; height: 33px; border-radius: 9px; }
  .quick-action-icon .ui-icon { width: 17px; height: 17px; }
  .quick-action strong { font-size: 10px; }
  .quick-action small { font-size: 9px; }
  .search-shortcut { display: none; }
  .table-scroll-tools { padding: 9px 12px; font-size: 9px; }
  .table-scroll-buttons button { width: 38px; height: 34px; }
  .panel-header::after { left: 19px; }
  .reconciliation-panel>.panel-header::after { left: 0; }
  .upload-box { border-radius: 12px; }
}
@media(prefers-reduced-motion:reduce) { .quick-action,.button,.row-arrow,.tech-item,tbody tr { transition: none !important; transform: none !important; } }
@media print { .quick-workspace,.table-scroll-tools,.search-shortcut { display: none !important; } .panel-header::after { display: none; } }

/* Quiet brand details stay behind every interactive surface. */
.workspace::before {
  background-image: url('brand/technical-lines.svg'),linear-gradient(#b6314908 1px,transparent 1px),linear-gradient(90deg,#b6314908 1px,transparent 1px);
  background-size: 680px 560px,72px 72px,72px 72px;
  mask-image: none;
}
.workspace::after {
  content: ''; position: fixed; pointer-events: none; z-index: -1;
  width: 720px; height: 720px; top: -140px; right: -245px;
  background: url('brand/communite-mobile.png') center/contain no-repeat;
  filter: grayscale(1) contrast(8) invert(1); mix-blend-mode: multiply; opacity: .035;
}
.sidebar .brand.brand-official {
  flex-direction: column!important; gap: 7px; padding: 0 0 15px;
  text-align: center; flex-shrink: 0;
}
.official-logo-frame {
  display: block; position: relative; overflow: hidden; width: 210px; height: 138px;
  border-radius: 16px; border: 1px solid #ffffff20; background: #490502;
  box-shadow: 0 8px 24px #45041426;
}
.sidebar .official-logo-frame .brand-logo {
  position: absolute; width: 300px!important; height: 300px!important;
  max-width: none!important; left: -45px; top: -69px;
  border: 0!important; border-radius: 0!important; background: transparent;
}
.sidebar .brand-copy strong { display: none; }
.sidebar .brand-copy small { font-size: 8px; letter-spacing: .22em; color: #ffe2e7; }
.sidebar .brand-logo.custom-logo { width: 190px!important; height: 115px!important; object-fit: contain; }
.overview-metrics .metric-card:nth-child(3),.premium-work-card { position: relative; isolation: isolate; }
.overview-metrics .metric-card:nth-child(3)::after,.premium-work-card::after {
  content: 'CM'; position: absolute; right: 14px; bottom: 5px; z-index: -1;
  pointer-events: none; color: #a32a43; opacity: .035; font-size: 88px;
  font-weight: 800; letter-spacing: -.09em; line-height: 1;
}
@media(max-width:720px) {
  .workspace::before { background-size: 620px 520px,72px 72px,72px 72px; }
  .workspace::after { width: 470px; height: 470px; right: -240px; top: 15px; opacity: .025; }
  .premium-work-card::after { font-size: 70px; }
}
@media print { .workspace::before,.workspace::after,.premium-work-card::after,.overview-metrics .metric-card::after { display: none!important; } }

/* Communite premium red expandable desktop navigation */
@media(min-width:1001px) {
  .cm-collapse-sidebar {position:absolute;top:15px;right:9px;display:grid;place-items:center;width:32px;height:32px;z-index:5;border:1px solid #ffffff52;border-radius:10px;background:#ffffff1c;color:white;cursor:pointer;font:700 20px Manrope,sans-serif}
  .sidebar,.workspace {transition:width .22s ease,margin-left .22s ease}
  body.cm-sidebar-compact {--sidebar:78px}
  body.cm-sidebar-compact .sidebar {padding-left:9px!important;padding-right:9px!important}
  body.cm-sidebar-compact .sidebar .brand-copy,
  body.cm-sidebar-compact .sidebar .sidebar-label,
  body.cm-sidebar-compact .sidebar .nav-secondary-label,
  body.cm-sidebar-compact .sidebar .sidebar-foot,
  body.cm-sidebar-compact .sidebar .user-block>span,
  body.cm-sidebar-compact .sidebar .settings-link,
  body.cm-sidebar-compact .sidebar .account-links {display:none!important}
  body.cm-sidebar-compact .sidebar .brand {justify-content:center!important;padding-top:37px!important}
  body.cm-sidebar-compact .sidebar .brand-logo,
  body.cm-sidebar-compact .sidebar .brand-logo.custom-logo {width:42px!important;height:42px!important}
  body.cm-sidebar-compact .sidebar .nav-link {font-size:0!important;justify-content:center!important;padding:12px 0!important;gap:0!important}
  body.cm-sidebar-compact .sidebar .nav-icon {width:20px!important;height:20px!important;min-width:20px!important}
  body.cm-sidebar-compact .sidebar .user-block {justify-content:center!important}
}
@media(max-width:1000px){.cm-collapse-sidebar{display:none!important}}
@media(prefers-reduced-motion:reduce){.sidebar,.workspace{transition:none!important}}

/* Premium-red historical performance visualization */
.cm-compare-section{margin:25px 0;display:grid;gap:16px}
.cm-compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cm-compare-head h2,.cm-compare-head h3{margin:0;color:#361925}.cm-compare-head p,.cm-trend-hint{font-size:11px;color:#86727b;margin:5px 0 0}
.cm-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cm-compare-card,.cm-trend-panel{background:#fff;border:1px solid #e9d8de;box-shadow:0 8px 25px #4c102012;border-radius:18px;padding:20px}
.cm-compare-card{border-top:3px solid #9f1834;display:flex;flex-direction:column;gap:7px;min-width:0}
.cm-compare-card>span{font-size:12px;color:#75475c;font-weight:800}
.cm-compare-card>strong{font-size:clamp(20px,2.5vw,28px);font-weight:800;color:#381d2c;overflow-wrap:anywhere}
.cm-compare-card>small{font-size:10px;color:#876f7a}
.cm-compare-delta{font-weight:800;font-size:12px;color:#7b5366}.cm-compare-delta.up{color:#177653}.cm-compare-delta.down{color:#b62946}
.cm-compare-card .cm-compare-warning{color:#ad772e}
.cm-trend-panel{padding:22px}
.cm-trend-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-top:20px;height:200px}
.cm-trend-item{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;min-width:0}
.cm-trend-item>span{font-size:9px;font-weight:700;color:#684557;white-space:nowrap}
.cm-trend-track{height:145px;width:100%;max-width:90px;background:#fdf5f7;border-radius:9px 9px 3px 3px;display:flex;align-items:flex-end;overflow:hidden}
.cm-trend-track i{display:block;width:100%;background:linear-gradient(180deg,#d4536d,#9f1834);border-radius:8px 8px 2px 2px}
.cm-trend-item small{font-size:10px;color:#8b737d}
@media(max-width:850px){.cm-compare-grid{grid-template-columns:1fr}.cm-trend-bars{gap:4px}.cm-trend-item>span{font-size:8px}}
@media(max-width:520px){.cm-trend-item>span{writing-mode:vertical-rl;transform:rotate(180deg);height:50px}.cm-trend-bars{height:235px}}

/* Polished navigation: compact icon rail must shrink the entire panel, not just text. */
@media(min-width:1001px){
  body.cm-sidebar-compact{--sidebar:88px!important}
  body.cm-sidebar-compact .sidebar{width:88px!important;min-width:88px!important;max-width:88px!important;left:0!important;right:auto!important;transform:none!important;border-radius:0 16px 16px 0!important;overflow:hidden!important}
  body.cm-sidebar-compact .workspace{margin-left:88px!important}
  body.cm-sidebar-compact .sidebar .brand.brand-official{min-height:70px!important;height:70px!important;max-height:70px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:34px 0 0!important;margin:0 0 12px!important}
  body.cm-sidebar-compact .sidebar .brand .official-logo-frame{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;margin:0!important;overflow:hidden!important;border-radius:14px!important}
  body.cm-sidebar-compact .sidebar .brand .official-logo-frame img{width:48px!important;height:48px!important;position:static!important;max-width:48px!important;object-fit:contain!important}
  body.cm-sidebar-compact .sidebar .nav-link{width:54px!important;max-width:54px!important;min-width:0!important;height:49px!important;min-height:49px!important;margin:5px auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:13px!important;white-space:nowrap!important;overflow:hidden!important;text-indent:0!important}
  body.cm-sidebar-compact .sidebar nav{width:100%!important;padding:0!important}
  body.cm-sidebar-compact .sidebar .nav-link svg{flex:0 0 22px!important;width:22px!important;height:22px!important}
  body.cm-sidebar-compact .sidebar .user-block{padding:10px 0!important;display:flex!important}
  body.cm-sidebar-compact .sidebar .avatar{margin:0 auto!important}
}
.cm-collapse-sidebar{transition:background .2s ease,transform .25s ease!important}
.cm-collapse-sidebar:hover{background:#ffffff30!important;transform:scale(1.07)}
.cm-filter-panel{display:block!important;padding:19px 21px!important;border-radius:18px!important;background:#fff!important;border:1px solid #eadde1!important}
.cm-filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cm-filter-title{font-weight:800;font-size:14px;color:#491d30}
.cm-filter-subtitle{font-size:11px;color:#8b7981}
.cm-filter-basic{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.cm-filter-basic>.filter-field.search{flex:1 1 300px}
.cm-filter-advanced{width:100%;margin:12px 0 0;border:1px solid #eddfe3;border-radius:13px;background:#fffbfc;overflow:hidden}
.cm-filter-advanced>summary{cursor:pointer;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:#8d2140;list-style:none}
.cm-filter-advanced>summary::-webkit-details-marker{display:none}
.cm-filter-advanced[open] .cm-filter-chevron{transform:rotate(180deg)}
.cm-filter-chevron{transition:transform .2s ease}
.cm-filter-extra{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:17px;border-top:1px solid #f0e4e8}
.cm-filter-fieldset{width:100%;margin-bottom:4px}
.cm-filter-heading{font-size:11px;font-weight:700;color:#725263;display:block;margin-bottom:9px}
.cm-date-presets{display:flex;gap:7px;flex-wrap:wrap}
.cm-date-presets button{background:#fff;border:1px solid #ecd7df;color:#78334d;border-radius:9px;padding:8px 12px;font:700 11px Manrope,sans-serif;cursor:pointer}
.cm-date-presets button:hover{background:#fceaf0;border-color:#ca8da2}
.cm-filter-actions{width:100%;display:flex;align-items:center;gap:15px;margin-top:14px}
.cm-filter-panel .filter-field{min-width:155px}
@media(max-width:650px){.cm-filter-panel{padding:14px!important}.cm-filter-extra .filter-field{flex:1 1 145px}.cm-filter-actions{flex-wrap:wrap}}

/* Focused compact rail: hide brand artwork instead of shrinking to an orphan icon. */
@media(min-width:1001px){
  body.cm-sidebar-compact .sidebar .brand.brand-official,
  body.cm-sidebar-compact .sidebar .brand .official-logo-frame,
  body.cm-sidebar-compact .sidebar .brand .brand-logo,
  body.cm-sidebar-compact .sidebar .brand .custom-logo{display:none!important}
  body.cm-sidebar-compact .sidebar nav{margin-top:61px!important}
}
.cm-live-time{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:8px 12px;border:1px solid #ead9de;background:linear-gradient(145deg,#fff,#fff6f8);border-radius:14px;box-shadow:0 3px 13px #5415260a;color:#541e35}
.cm-live-time>div{display:flex;flex-direction:column;gap:2px}
.cm-live-time small{font-size:8px;font-weight:800;letter-spacing:.11em;color:#9b6579;line-height:1.2}
.cm-live-time strong{font-size:17px;font-weight:800;letter-spacing:.055em;font-variant-numeric:tabular-nums;line-height:1.2;color:#821d3c}
.cm-clock-glyph{font-size:20px;color:#a43752;line-height:1}
@media(max-width:1200px){.cm-live-time{padding:7px 9px}.cm-live-time strong{font-size:14px}}
@media(max-width:750px){.topbar-date-tools{flex-wrap:wrap!important}.cm-live-time{order:1}.working-date-summary{order:2}.date-picker{order:3}}
@media(max-width:420px){.cm-live-time{padding:6px 8px}.cm-live-time strong{font-size:13px}.cm-clock-glyph{display:none}}

/* Communite refinement: restrained editorial detail, depth and tactile surfaces. */
:root{--cm-elevation:0 5px 20px rgba(56,12,30,.045),0 18px 55px rgba(56,12,30,.025);--cm-stroke:rgba(118,49,72,.12)}
.workspace{background-color:#faf7f8!important}
main#main{position:relative;isolation:isolate}
main#main::before{content:"CM";position:fixed;right:2.5vw;bottom:3vh;z-index:-1;pointer-events:none;font-weight:800;font-family:Manrope,sans-serif;font-size:clamp(180px,27vw,460px);line-height:1;letter-spacing:-.17em;color:rgba(129,31,59,.018);transform:rotate(-13deg);user-select:none}
.page-heading{position:relative}
.page-heading h1{font-weight:800;letter-spacing:-.055em;line-height:1.15}
.page-heading .eyebrow{font-weight:800;letter-spacing:.17em}
.page-heading p{max-width:780px}
.panel,.metric-card,.cm-compare-card,.cm-trend-panel,.stock-valuation-panel,.premium-work-card{box-shadow:var(--cm-elevation)!important;border-color:var(--cm-stroke)!important}
.panel,.cm-compare-card,.cm-trend-panel,.stock-valuation-panel{transition:border-color .18s ease,box-shadow .2s ease}
.panel:hover,.cm-compare-card:hover,.cm-trend-panel:hover{border-color:rgba(151,40,75,.23)!important}
.metric-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
@media(hover:hover) and (pointer:fine){.metric-card:hover{transform:translateY(-2px);box-shadow:0 13px 34px rgba(67,18,39,.085)!important}}
.metric-card strong,.cm-compare-card strong,.hero-metrics strong,.stock-valuation-stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.table-panel{overflow:hidden}
.table-scroll table{border-collapse:separate;border-spacing:0}
.table-scroll thead th{position:sticky;top:0;z-index:1;background:#fdf8fa!important;border-bottom:1px solid #eadce2!important;color:#69334c;font-size:10px;letter-spacing:.025em}
.table-scroll tbody tr:nth-child(even){background:rgba(248,238,242,.28)}
.table-scroll tbody tr:hover{background:rgba(249,228,236,.56)!important}
.table-scroll tbody td{border-bottom-color:rgba(115,58,79,.09)!important}
.filter-field input,.filter-field select,.cm-filter-panel input,.cm-filter-panel select{border-radius:11px!important;border-color:#e7d9de!important;background:#fff;min-height:40px}
.filter-field input:focus,.filter-field select:focus,.cm-filter-panel input:focus,.cm-filter-panel select:focus{border-color:#b35c79!important;box-shadow:0 0 0 3px rgba(167,46,83,.10)!important}
.button,.small-button,.cm-filter-actions .button{border-radius:11px!important;font-weight:800;transition:background .15s,box-shadow .2s,transform .17s}
@media(hover:hover) and (pointer:fine){.button:hover,.small-button:hover{transform:translateY(-1px)}}
.cm-filter-advanced{box-shadow:inset 0 1px rgba(255,255,255,.8)}
.cm-filter-advanced>summary:hover{background:#fff1f5}
.sidebar .nav-link{transition:background-color .2s ease,transform .18s ease,color .18s ease!important}
@media(hover:hover) and (pointer:fine){.sidebar .nav-link:hover{transform:translateX(2px)}body.cm-sidebar-compact .sidebar .nav-link:hover{transform:none}}
.cm-live-time{box-shadow:inset 0 1px #fff,0 4px 15px rgba(88,24,49,.06)!important}
.cm-live-time strong{font-feature-settings:"tnum" 1}
@media(max-width:720px){main#main::before{font-size:210px;opacity:.5}.panel,.metric-card{box-shadow:0 5px 18px rgba(61,21,36,.045)!important}}
@media(prefers-reduced-motion:reduce){.metric-card,.panel,.sidebar .nav-link,.button,.small-button{transition:none!important;transform:none!important}}
@media print{main#main::before{display:none!important}.panel,.metric-card{box-shadow:none!important}}