:root{
  --green:#175b42;--green2:#2f7d5b;--light:#eff8f2;--line:#d8e7dd;--text:#17251e;
  --danger:#b42318;--warn:#9a6200;--muted:#667085;--card:#fff;--bg:#f6faf7;--gold:#d5b86a;
}
*{box-sizing:border-box}
body.pwa-app{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}
.pwa-header{background:linear-gradient(135deg,var(--green),#0f3e2d);color:#fff;padding:18px 24px;position:sticky;top:0;z-index:1050;box-shadow:0 2px 12px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:space-between;gap:20px}
.pwa-header h1{margin:0;font-size:24px;font-weight:700;color:#fff;letter-spacing:0}
.pwa-header p{margin:8px 0 0;color:#dfeee5;font-size:13px;line-height:1.6}
.pwa-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pwa-header-actions form{margin:0}
.pwa-header-button,.pwa-header-user{min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font:700 13px inherit;cursor:pointer}
.pwa-header-button:hover,.pwa-header-user:hover{background:#fff;color:var(--green)}
.pwa-header-user b{width:26px;height:26px;border-radius:50%;background:#d5b86a;color:#17372a;display:grid;place-items:center;font-size:11px}
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 82px)}
.pwa-nav{background:#fff;border-inline-end:1px solid var(--line);padding:18px 14px;position:sticky;top:82px;height:calc(100vh - 82px);overflow:auto;z-index:10}
.pwa-nav a{width:100%;display:block;text-align:start;border:0;background:transparent;padding:12px 14px;margin:4px 0;border-radius:12px;color:var(--text);text-decoration:none;font-size:15px;white-space:nowrap}
.pwa-nav a.active,.pwa-nav a:hover{background:var(--light);color:var(--green);font-weight:700}
.pwa-main{padding:22px;overflow:auto;min-width:0;max-width:none}
.card-grid,.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin:18px 0}
.card,.metric{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 1px 4px rgba(16,24,40,.06)}
.card small,.metric small,.metric>span{color:var(--muted);display:block;margin-bottom:8px}
.card strong,.metric>strong{font-size:22px;color:var(--green);font-weight:700}
.panel,.settings-reference-card,.settings-create-disclosure,.settings-records,.settings-record-row,.settings-safety-strip{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:18px;box-shadow:0 1px 4px rgba(16,24,40,.05)}
.panel h1,.panel h2,.panel h3,.page-head h1,.settings-reference-card h1,.settings-records h2{margin-top:0;color:var(--green)}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}
.page-head h1{font-size:24px;margin-bottom:0}
.toolbar,.action-row,.quick-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 16px}
.form-grid,.dashboard-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}
.form-grid .span-2{grid-column:span 2}
.field-label,.order-filter-field,.form-grid label{font-weight:700;font-size:13px;color:#34483d;display:flex;flex-direction:column;gap:6px}
.form-control,.form-select,input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cad9cf;border-radius:10px;background:#fff;color:var(--text);font-family:inherit;min-height:42px}
textarea{min-height:70px;resize:vertical}
.form-control:focus,.form-select:focus,input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(47,125,91,.15);outline:0}
.field-note,.text-muted,.report-filter-hint{color:var(--muted)!important;font-size:12px}
.btn{border:0;border-radius:12px;padding:10px 16px;cursor:pointer;font-weight:700;background:var(--green);color:#fff;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}
.btn:hover{background:#0f3e2d;color:#fff}
.btn-primary,.btn-dark,.btn-success{background:var(--green);border-color:var(--green);color:#fff}
.btn-primary:hover,.btn-dark:hover,.btn-success:hover{background:#0f3e2d;border-color:#0f3e2d;color:#fff}
.btn-light,.btn-soft,.btn-secondary,.btn-outline-secondary{background:#e6f1ea;color:var(--green);border:1px solid #cfe3d6}
.btn-light:hover,.btn-soft:hover,.btn-secondary:hover,.btn-outline-secondary:hover{background:#d8eadf;color:#0f3e2d}
.btn-outline-primary,.btn-outline-success{background:#fff;color:var(--green);border:1px solid var(--green2)}
.btn-outline-primary:hover,.btn-outline-success:hover{background:var(--light);color:var(--green)}
.btn-outline-warning{background:#fff8e6;color:#8b5c00;border:1px solid #e6c36f}
.btn-outline-danger,.btn-danger{background:#fff;color:var(--danger);border:1px solid #d92d20}
.btn-sm{padding:7px 10px;min-height:34px;font-size:12px}
.table-responsive,.table-wrap,.orders-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;scrollbar-color:#78b593 #e7f1ea}
.table-responsive::-webkit-scrollbar{height:12px}.table-responsive::-webkit-scrollbar-track{background:#e7f1ea}.table-responsive::-webkit-scrollbar-thumb{background:#78b593;border-radius:999px}
.table,.modern-table{width:100%;border-collapse:collapse;min-width:1120px;margin:0;color:var(--text);--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:#edf3ef}
.table th,.table td,.modern-table th,.modern-table td{padding:10px 12px;border-bottom:1px solid #edf3ef;text-align:start;white-space:nowrap;vertical-align:middle}
.table thead th,.modern-table thead th{background:var(--green);color:#fff;position:sticky;top:0;z-index:2;border-color:rgba(255,255,255,.15);font-size:13px}
.table tbody tr:nth-child(even) td,.modern-table tbody tr:nth-child(even) td{background:#f8fcf9}
.table tbody tr:hover td,.modern-table tbody tr:hover td{background:#eff8f2}
.badge,.chip,.settings-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#e6f1ea;color:var(--green);font-weight:700;font-size:12px;border:1px solid transparent}
.source-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--source-color,var(--green)) 12%,#fff);color:var(--text);font-weight:700;font-size:12px;border:1px solid color-mix(in srgb,var(--source-color,var(--green)) 38%,#fff)}
.status-badge{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--status-color,var(--green));flex:0 0 auto}
.badge.text-bg-danger,.badge.bg-danger{background:#fdecec!important;color:var(--danger)!important}
.badge.text-bg-warning,.badge.bg-warning{background:#fff5dd!important;color:#9a6200!important}
.source-pill i{width:8px;height:8px;border-radius:50%;background:var(--source-color,var(--green))}
.source-order-row{box-shadow:inset -4px 0 0 var(--source-color,var(--green))}
[dir=ltr] .source-order-row{box-shadow:inset 4px 0 0 var(--source-color,var(--green))}
.note,.alert-warning,.alert-danger{background:#fff8e6;border:1px solid #f1d39b;color:#6e4a00;border-radius:14px;padding:12px;margin:10px 0}
.success,.alert-success{background:#eaf7ef;border:1px solid #c9e7d2;color:#14532d;border-radius:14px;padding:12px;margin:10px 0}
.pagination{gap:5px;margin:16px 0 0}.pagination .page-link{border:1px solid var(--line);border-radius:8px!important;color:var(--green);background:#fff;min-width:36px;text-align:center}.pagination .active .page-link{background:var(--green);border-color:var(--green);color:#fff}

.sales-workspace-hero,.dash-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#0f3e2d,#1f6d4e 56%,#d5eadf);color:#fff;border:0;border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 16px 34px rgba(15,62,45,.22)}
.sales-workspace-hero h1{color:#fff}.sales-workspace-hero.hero-panel p:not(.hero-kicker){color:#edf8f1!important}.sales-workspace-hero.hero-panel .hero-kicker{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;font-size:12px;color:#f1fff6!important}
.sales-workspace-hero .btn-light{background:var(--gold)!important;border-color:var(--gold)!important;color:#17372a!important}
.sales-workspace-hero .btn-light:hover{background:#ead596!important;border-color:#ead596!important;color:#0f2b20!important}
.sales-workspace-hero .btn-outline-light{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.48)!important;color:#fff!important}
.sales-workspace-hero .btn-outline-light:hover{background:#fff!important;border-color:#fff!important;color:var(--green)!important}
.dashboard-controls{margin-bottom:18px}.dashboard-filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.metric{min-height:118px;position:relative;transition:transform .15s ease}.metric:hover{transform:translateY(-2px)}
.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e6f1ea;color:var(--green);margin-bottom:12px}
.annual-board{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,248,242,.96));border:1px solid rgba(23,91,66,.13);border-radius:28px;padding:18px;box-shadow:0 20px 48px rgba(15,62,45,.12)}
.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e6f1ea;color:var(--green)}
.annual-year-chart{position:relative;height:300px!important;border-radius:22px;padding:18px 14px 38px!important;background:linear-gradient(180deg,#f9fdfb,#eef8f2);border:1px solid #d7eadf;display:grid!important;grid-template-columns:repeat(12,minmax(32px,1fr));gap:10px;align-items:end;overflow:auto}
.annual-month-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:32px}.annual-month-bar{width:100%!important;max-width:38px!important;min-height:3px;border-radius:14px 14px 6px 6px!important;background:linear-gradient(180deg,#d5b86a,#65af82 34%,#175b42)!important;box-shadow:0 10px 20px rgba(23,91,66,.22)}
.annual-rank-card{display:grid!important;grid-template-columns:40px minmax(90px,1.1fr) minmax(85px,1.4fr) 84px!important;gap:12px;align-items:center;padding:9px 10px;border:1px solid #d7eadf;border-radius:16px;background:linear-gradient(90deg,#fff,#f5fbf7)}
.annual-rank{width:34px!important;height:34px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--green),var(--green2))!important;color:#fff!important;display:grid;place-items:center;font-weight:700}
.annual-rank-track{height:12px!important;background:#eaf4ee;border-radius:999px;overflow:hidden;border:1px solid #dbece2}.annual-rank-fill{height:100%;display:block;background:linear-gradient(90deg,#1b6b4d,#65af82,#d5b86a)!important}
.status-list,.site-performance,.annual-top-products{display:flex;flex-direction:column;gap:10px}.status-row,.site-performance-row{padding:10px 0}.status-track{height:12px;background:#e7efe9;border-radius:999px;overflow:hidden}.status-track i{display:block;height:100%;background:linear-gradient(90deg,var(--green2),#7bb293);border-radius:999px;min-width:2px}
.professional-grid,.action-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.action-health-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--text);text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.action-health-card span{display:block;color:var(--muted);font-size:12px}.action-health-card em{font-style:normal;color:var(--green);font-weight:700}
.settings-reference-head,.settings-records-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.settings-reference-head p,.settings-records-head p{color:var(--muted);margin:4px 0}.settings-count{padding:8px 12px;border-radius:999px;background:var(--light);color:var(--green);font-weight:700}
.settings-section-nav,.settings-hub{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.settings-section-nav a,.settings-hub a{padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:#fff}.settings-section-nav a.active,.settings-section-nav a:hover,.settings-hub a.active,.settings-hub a:hover{background:var(--light);color:var(--green);border-color:#b9d8c4}.settings-section-nav small{margin-inline-start:6px;color:var(--muted)}
.settings-create-disclosure summary,.settings-record-row summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;color:var(--green);font-weight:700}.settings-create-form,.settings-record-body{margin-top:16px}.settings-record-list{display:grid;gap:10px}.settings-record-row{margin:0;box-shadow:none;background:linear-gradient(180deg,#fff,#f8fcf9)}.settings-record-id{color:var(--muted)}.settings-record-action{margin-inline-start:auto;color:var(--green)}.settings-delete-form,.settings-record-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.settings-empty{text-align:center;padding:30px;color:var(--muted)}
.orders-filter-panel{align-items:end}.orders-table-footer{padding-top:12px}.order-row-actions{display:flex;gap:6px;align-items:center}.order-row-actions form{margin:0}
[data-theme=dark]{--light:#173428;--line:#355b49;--text:#e9f5ee;--muted:#a9c0b2;--card:#102219;--bg:#09150f}
[data-theme=dark] .pwa-nav,[data-theme=dark] .panel,[data-theme=dark] .metric,[data-theme=dark] .card,[data-theme=dark] .settings-reference-card,[data-theme=dark] .settings-create-disclosure,[data-theme=dark] .settings-records,[data-theme=dark] .settings-record-row,[data-theme=dark] .action-health-card{background:#102219;color:#e9f5ee;border-color:#29463a}
[data-theme=dark] .pwa-nav a.active,[data-theme=dark] .pwa-nav a:hover,[data-theme=dark] .settings-section-nav a.active,[data-theme=dark] .settings-section-nav a:hover,[data-theme=dark] .settings-hub a.active,[data-theme=dark] .settings-hub a:hover{background:#1a4632;color:#c8f0d9;border-color:#4b8d6e}
[data-theme=dark] .sales-workspace-hero,[data-theme=dark] .dash-hero{background:linear-gradient(135deg,#0f3e2d,#1f6d4e 56%,#397d5e);color:#fff}
[data-theme=dark] .panel h1,[data-theme=dark] .panel h2,[data-theme=dark] .panel h3,[data-theme=dark] .page-head h1,[data-theme=dark] .settings-reference-card h1,[data-theme=dark] .settings-records h2,[data-theme=dark] .settings-record-action{color:#c8f0d9}
[data-theme=dark] .annual-board{background:#0c1c14;border-color:#29463a}
[data-theme=dark] .annual-year-chart{background:linear-gradient(180deg,#142b20,#0c1c14);border-color:#355b49;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
[data-theme=dark] .annual-month-value,[data-theme=dark] .annual-month-label{color:#b7cfbf}
[data-theme=dark] .annual-rank-card{background:linear-gradient(90deg,#142b20,#102219);border-color:#355b49;color:#e9f5ee}
[data-theme=dark] .annual-rank-name,[data-theme=dark] .annual-rank-value{color:#e9f5ee}
[data-theme=dark] .annual-rank-track{background:#213f32;border-color:#355b49}
[data-theme=dark] .annual-top-products{scrollbar-color:#5a8f72 #102219}
[data-theme=dark] .annual-top-products::-webkit-scrollbar{width:10px}
[data-theme=dark] .annual-top-products::-webkit-scrollbar-track{background:#102219;border-radius:999px}
[data-theme=dark] .annual-top-products::-webkit-scrollbar-thumb{background:#5a8f72;border:2px solid #102219;border-radius:999px}
[data-theme=dark] .table-responsive,[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0c1c14!important;color:#e9f5ee!important;border-color:#355b49!important}
[data-theme=dark] .table,[data-theme=dark] .modern-table{--bs-table-bg:transparent;--bs-table-color:#e9f5ee;--bs-table-border-color:#29463a}
[data-theme=dark] .table tbody tr:nth-child(even) td,[data-theme=dark] .modern-table tbody tr:nth-child(even) td{background:#142b20}
[data-theme=dark] .table tbody tr:hover td,[data-theme=dark] .modern-table tbody tr:hover td{background:#173428}
[data-theme=dark] .field-label,[data-theme=dark] .order-filter-field,[data-theme=dark] .form-grid label{color:#c7dbcf}
[data-theme=dark] .card strong,[data-theme=dark] .metric>strong{color:#b7ebcd}
[data-theme=dark] .metric-icon,[data-theme=dark] .panel-title>span{background:#183a2a;color:#9ee0bb}
[data-theme=dark] .badge,[data-theme=dark] .chip,[data-theme=dark] .settings-status{background:#193b2b;color:#c8edd8;border-color:#315c48}
[data-theme=dark] .source-pill{background:color-mix(in srgb,var(--source-color,var(--green)) 28%,#102219);color:#effaf3;border-color:color-mix(in srgb,var(--source-color,var(--green)) 58%,#355b49)}
[data-theme=dark] .status-badge{background:#142b20!important;color:#effaf3!important;border-color:#355b49!important}
[data-theme=dark] .btn-outline-primary,[data-theme=dark] .btn-outline-success{background:#102219;color:#a7e7c2;border-color:#4b8d6e}
[data-theme=dark] .btn-outline-primary:hover,[data-theme=dark] .btn-outline-success:hover{background:#1a4632;color:#fff;border-color:#78bd98}
[data-theme=dark] .btn-outline-secondary,[data-theme=dark] .btn-soft{background:#102219;color:#d3e6da;border-color:#496556}
[data-theme=dark] .btn-outline-secondary:hover,[data-theme=dark] .btn-soft:hover{background:#1b3327;color:#fff;border-color:#6f8d7c}
[data-theme=dark] .btn-outline-warning{background:#2a2110;color:#ffd982;border-color:#8e6e2d}
[data-theme=dark] .btn-outline-warning:hover{background:#4a3817;color:#fff0bf;border-color:#d5ac51}
[data-theme=dark] .btn-outline-danger,[data-theme=dark] .btn-danger{background:#2c1715;color:#ffaaa2;border-color:#87423c}
[data-theme=dark] .btn-outline-danger:hover,[data-theme=dark] .btn-danger:hover{background:#4c201c;color:#fff;border-color:#c96158}

/* Login uses the same Modern Home identity without legacy blue dashboard rules. */
.login-page{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}
.login-shell{min-height:100svh;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);gap:0;align-items:stretch;background:var(--bg)}
.login-hero{min-height:100svh;border:0;border-radius:0;padding:clamp(40px,6vw,84px);background:linear-gradient(145deg,#0b3828 0%,var(--green) 58%,#2f7d5b 100%);box-shadow:none;color:#fff}
.login-hero h1{color:#fff;font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:1.08;max-width:720px;letter-spacing:0}
.login-hero p{color:#dfeee5!important;line-height:1.8}
.login-hero .hero-kicker{color:#f2fff7!important;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.login-brand span{background:var(--gold);color:#17372a;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.login-insights div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.login-card{align-self:center;width:min(calc(100% - 64px),460px);max-width:460px;margin:auto;padding:36px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);box-shadow:0 24px 60px rgba(15,62,45,.14)}
.login-card h2{color:var(--green);font-size:2rem}
.login-card .field-label{font-size:14px;color:#34483d}
.login-card .form-control{min-height:48px;background:#fff;color:var(--text);border-color:#bfd3c6}
.login-card .btn-primary{min-height:50px;font-size:15px}
.login-tools .btn-soft{background:#e6f1ea;color:var(--green);border-color:#cfe3d6}
.login-remember{font-size:13px;color:var(--muted)}
.login-page :focus-visible,.pwa-app :focus-visible{outline:3px solid #5db285;outline-offset:2px}
[data-theme=dark] .login-page,[data-theme=dark] .login-shell{background:#08130e;color:#e9f5ee}
[data-theme=dark] .login-card{background:#102219;color:#e9f5ee;border-color:#355b49;box-shadow:0 26px 64px rgba(0,0,0,.38)}
[data-theme=dark] .login-card h2{color:#b7ebcd}
[data-theme=dark] .login-card .field-label{color:#d5e8dc}
[data-theme=dark] .login-card .form-control{background:#0c1c14!important;color:#f1faf5!important;border-color:#426b56!important}
[data-theme=dark] .login-tools .btn-soft{background:#183a2a;color:#c9eed9;border-color:#355b49}
@media(max-width:1000px){.pwa-header{position:static;align-items:flex-start;flex-direction:column}.pwa-header-actions{justify-content:flex-start}.layout{grid-template-columns:1fr}.pwa-nav{position:static;height:auto;display:flex;overflow:auto;gap:6px;border-inline-end:0;border-bottom:1px solid var(--line)}.pwa-nav a{min-width:150px;text-align:center}.card-grid,.report-summary-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.dashboard-filter-grid{grid-template-columns:1fr}.professional-grid{grid-template-columns:1fr}}
@media(max-width:991.98px){.login-shell{display:grid;place-items:center;grid-template-columns:1fr;padding:clamp(18px,5vw,48px);background:linear-gradient(160deg,#0f3e2d 0 34%,var(--bg) 34%)}.login-hero{display:none}.login-card{width:min(100%,500px);max-width:500px;margin:auto;padding:clamp(26px,6vw,40px);border-radius:20px}}
@media(max-width:760px){.card-grid,.report-summary-grid{grid-template-columns:1fr}.pwa-main{padding:14px}.pwa-header{padding:16px}.pwa-header-user span{display:none}.annual-year-chart{min-width:620px}.annual-rank-card{grid-template-columns:38px 1fr!important}.annual-rank-card .annual-rank-track,.annual-rank-card .annual-rank-value{grid-column:2}.action-health-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.order-action-label{display:none}}
@media(max-width:560px){.login-shell{padding:14px;background:linear-gradient(180deg,#0f3e2d 0 22%,var(--bg) 22%)}.login-card{width:100%;padding:26px 22px}.login-card>div:first-child{align-items:center!important}.login-tools{flex-direction:row-reverse}}
@media(prefers-reduced-motion:reduce){.metric{transition:none}.ui-skeleton:after{animation:none}}
@media print{.pwa-nav,.pwa-header-actions,.toolbar,.btn{display:none!important}.layout{display:block}.pwa-main{padding:0}}