body:has(.workspace-topbar) { --ink:#343a40; --muted:#68717a; --accent:#386ba6; --mint:#eaf1f8; --cream:#f4f5f6; --paper:#fff; --line:#e0e3e6; background:#f7f7f7; color:var(--ink); }
body:has(.workspace-topbar) a { color:var(--accent); }
body:has(.workspace-topbar) .workspace-topbar { background:#373534; color:white; box-shadow:none; gap:18px; }
body:has(.workspace-topbar) .workspace-topbar a { color:white; }
.workspace-topbar .workspace-topbar-brand { display:flex; }
.workspace-topbar .workspace-user { margin-left:auto; }
.topbar-logout { margin:0; }.topbar-logout button { border:0; background:transparent; color:white; font:inherit; cursor:pointer; }
body:has(.workspace-topbar) .workspace-sidebar { background:#eee; color:var(--ink); border-right:1px solid var(--line); padding-top:20px; }
body:has(.workspace-topbar) .workspace-nav a { color:var(--accent); border-radius:0; height:auto; min-height:44px; padding:10px 14px; }
body:has(.workspace-topbar) .workspace-nav a.is-active { background:#dfe7f0; color:#244e80; font-weight:700; }
body:has(.workspace-topbar) .workspace-nav p { color:#646970; }
body:has(.workspace-topbar) .workspace-nav a,body:has(.workspace-topbar) .workspace-nav p { white-space:normal; overflow-wrap:anywhere; }
body:has(.workspace-topbar) .workspace-sidebar { overflow-y:auto; }
.workspace-nav-action { margin:0; }
.workspace-nav-action button { display:flex; align-items:center; gap:13px; width:100%; min-height:44px; padding:10px 14px; border:0; background:transparent; color:var(--accent); text-align:left; font:600 14px "DM Sans",sans-serif; cursor:pointer; overflow-wrap:anywhere; }
.workspace-nav-action button>span:first-child { width:20px; flex:0 0 20px; text-align:center; font-size:19px; }
.workspace-nav-action button:hover { background:#dfe7f0; }
@media(min-width:901px) { body.workspace-nav-collapsed .workspace-nav-action button>span:last-child { display:none; } body.workspace-nav-collapsed .workspace-nav-action button { justify-content:center; padding:10px 0; } }
body:has(.workspace-topbar) .workspace-page { background:#f7f7f7; }
body:has(.workspace-topbar) .workspace-heading h1 { font-size:clamp(26px,3vw,38px); letter-spacing:-.025em; }
body:has(.workspace-topbar) .workspace-card,body:has(.workspace-topbar) .workspace-history,body:has(.workspace-topbar) .filter-bar { border-radius:5px; box-shadow:none; }
body:has(.workspace-topbar) .button { border-radius:4px; box-shadow:none; }
body:has(.workspace-topbar) .button-primary { background:#386ba6; color:white; }
body:has(.workspace-topbar) input,body:has(.workspace-topbar) select,body:has(.workspace-topbar) textarea { border-radius:4px; }
body:has(.workspace-topbar) footer { background:#f0f0f0; color:#61666c; }
body:has(.workspace-topbar) footer span { color:#61666c; }
body:has(.workspace-topbar) .workspace-page:not(.dashboard-page) { padding-left:32px; padding-right:32px; }
body:has(.workspace-topbar) .table-wrap { border-radius:5px; }
.receipt-list-table table { min-width:720px; }
body:has(.dashboard-page) .workspace-topbar { left:0; }
.dashboard-page { max-width:1250px; margin:0 auto; padding:110px 32px 64px; }
.dashboard-welcome { text-align:center; margin:10px 0 32px; }.dashboard-welcome h1 { font-size:30px; letter-spacing:-.02em; }.dashboard-welcome p { color:var(--muted); }
.dashboard-search { display:grid; gap:8px; margin-bottom:34px; }.dashboard-search input { width:100%; padding:20px; background:white; border:1px solid var(--line); font:inherit; font-size:18px; box-shadow:0 3px 12px #0000000a; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.dashboard-area { background:white; border:1px solid var(--line); border-radius:6px; overflow:hidden; }.dashboard-area header { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; background:#eee; }.dashboard-area h2 { font-size:19px; margin:0; }.dashboard-area nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:8px 20px; padding:20px 24px; }.dashboard-area a { padding:10px 0; line-height:1.5; }
body:has(.workspace-topbar) [hidden] { display:none!important; }
.operational-pin-field { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:18px 0; cursor:text; }
.operational-pin-slot { display:grid; place-items:center; min-height:52px; border:1px solid var(--line,#d6dce2); border-radius:4px; background:white; font-size:24px; font-weight:700; }
.operational-pin-field:focus-within .operational-pin-slot { border-color:var(--accent,#386ba6); }
.operational-pin-field input { position:absolute; inset:0; z-index:1; width:100%; height:100%; opacity:0; cursor:text; font-size:16px; }
body:has(.workspace-topbar) :focus-visible { outline:3px solid #6497ce; outline-offset:3px; }
body:has(.workspace-topbar) .workspace-card + .workspace-card { margin-top:22px; }
.dashboard-pending-tasks { border-top:1px solid var(--line); padding:16px 24px 20px; }
.dashboard-pending-tasks > summary { cursor:pointer; color:var(--accent); }
.dashboard-pending-content p { margin:12px 0; color:var(--muted); }
.dashboard-pending-content a { display:inline-block; }
@media(max-width:900px) { .dashboard-page { padding:96px 20px 40px; }.dashboard-grid { grid-template-columns:1fr; }.workspace-topbar .workspace-topbar-brand>span:last-child { display:block; }.workspace-user>span:last-child { display:none; }.topbar-logout button { font-size:13px; } }
@media(max-width:480px) { .dashboard-area nav { grid-template-columns:1fr; }.dashboard-welcome h1 { font-size:25px; } }
@media(max-width:600px) { body:has(.workspace-topbar) .workspace-page:not(.dashboard-page) { padding-left:16px; padding-right:16px; } }