:root{color-scheme:light;--bg: #f3f1ea;--surface: rgba(255, 252, 245, .92);--surface-strong: #fffdf7;--border: rgba(38, 41, 36, .14);--text: #1d2a24;--muted: #5b665f;--accent: #1c7c54;--accent-strong: #14553b;--accent-soft: #dff1e8;--warning: #a16a00;--danger: #ab3428;--radius: 22px;--shadow: 0 24px 56px rgba(29, 42, 36, .12);--max-width: 1240px;font-family:Segoe UI Variable,Aptos,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app,.app-root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(28,124,84,.14),transparent 30%),linear-gradient(160deg,#f6f3eb,#ebe6d8 52%,#f2efe7);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-root{display:flex;flex-direction:column}.offline-banner{position:sticky;top:0;z-index:10;display:flex;gap:1rem;justify-content:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#181d1aeb;color:#f6f8f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.offline-banner.is-online{background:#14553beb}.offline-banner__action{min-height:34px;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff24;color:inherit;cursor:pointer}.offline-banner__details{display:grid;gap:.75rem;width:min(100%,920px);padding:.9rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#ffffff14}.offline-banner__details-title{margin:0;font-weight:700}.offline-banner__issue{display:grid;gap:.2rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.12)}.offline-banner__issue:first-of-type{padding-top:0;border-top:none}.offline-banner__issue p{margin:0}.offline-banner__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.auth-layout,.portal-layout{width:min(var(--max-width),calc(100% - 2rem));margin:0 auto}.auth-layout{display:grid;place-items:center;flex:1;padding:3rem 0}.auth-card,.base-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card{width:min(100%,560px);padding:2rem}.portal-eyebrow{margin:0 0 .4rem;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}.auth-card h1,.base-card h2,.portal-topbar h1,.entity-row h3{margin:0}.auth-copy,.muted{color:var(--muted)}.auth-form,.view-stack,.list-stack,.base-card__body,.field,.content-grid,.split-grid{display:grid;gap:1rem}.field span{font-weight:600}.auth-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.field input,.field textarea,.field select{width:100%;padding:.95rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong)}.base-button{min-height:48px;padding:.95rem 1.25rem;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.base-button:hover{transform:translateY(-1px)}.base-button.is-primary{background:var(--accent);color:#fff}.base-button.is-secondary{background:#e7ece8;color:var(--text)}.base-button.is-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.file-trigger{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.base-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;font-size:.86rem;font-weight:700}.base-badge.is-info{background:#d8eaf9;color:#1d4b76}.base-badge.is-success{background:var(--accent-soft);color:var(--accent-strong)}.base-badge.is-warning{background:#f6e8c9;color:var(--warning)}.base-badge.is-danger{background:#f7d8d3;color:var(--danger)}.base-badge.is-neutral{background:#ece8df;color:#4c564f}.base-card{padding:1.2rem}.base-card__header{margin-bottom:1rem}.portal-layout{padding:1.5rem 0 2rem}.portal-topbar{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem 0 1.5rem}.portal-session-meta{text-align:right}.portal-toolbar{display:flex;gap:.75rem;align-items:end;justify-content:flex-end;flex-wrap:wrap}.portal-locale{min-width:110px}.portal-nav{display:flex;gap:.75rem;margin-bottom:1.5rem}.portal-nav__link{padding:.75rem 1rem;border:1px solid var(--border);border-radius:999px;background:#ffffff80}.portal-nav__link.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.portal-content{display:grid;gap:1rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.dashboard-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.workbench-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);gap:1rem;align-items:start}.content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.metric-label{margin:0 0 .5rem;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:var(--muted)}.entity-row{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff80}.entity-link{transition:transform .14s ease,border-color .14s ease}.entity-link:hover{transform:translateY(-2px);border-color:#1c7c5473}.entity-main,.invoice-meta,.button-row{display:flex;gap:1rem;align-items:center;justify-content:space-between}.detail-badge-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sync-summary-grid,.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.quick-meta-grid,.account-panel__grid,.asset-context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.account-panel__header{display:flex;gap:1rem;align-items:start;justify-content:space-between;flex-wrap:wrap}.workorder-card{background:linear-gradient(180deg,#fffdf7fa,#f5f0e6f0)}.dashboard-entry-card{background:linear-gradient(180deg,#fffdf7fa,#f2ede2f2),radial-gradient(circle at top right,rgba(28,124,84,.12),transparent 40%)}.dashboard-entry-metric{margin:0;font-size:2.6rem;font-weight:800;line-height:1}.dashboard-filter-toolbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.filter-chip{display:grid;gap:.35rem;justify-items:start;padding:.9rem 1rem;border:1px solid var(--border);border-radius:18px;background:#ffffffb8;color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.filter-chip:hover{transform:translateY(-1px);border-color:#1c7c5466}.filter-chip.is-active{border-color:var(--accent);background:var(--accent-soft)}.dashboard-queue-card{display:grid;gap:.75rem;width:100%;padding:1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff8f;text-align:left;color:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.workbench-list{display:grid;gap:.75rem;max-height:68vh;overflow:auto;padding-right:.35rem}.dashboard-queue-card:hover{transform:translateY(-1px);border-color:#1c7c5461}.dashboard-queue-card.is-selected{border-color:var(--accent);box-shadow:0 10px 28px #1c7c541f;background:#dff1e8b8}.mobile-action-grid{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff94}.status-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}.status-action-button{min-height:48px;padding:.8rem .95rem;border:1px solid var(--border);border-radius:16px;background:#ffffffd1;color:var(--text);font-weight:700;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.status-action-button:hover{transform:translateY(-1px);border-color:#1c7c5461}.status-action-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.detail-history-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.text-link{color:var(--accent-strong);font-weight:700}.split-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.compact-list{gap:.6rem}.edit-panel,.account-panel{display:grid;gap:1rem;padding:1rem 1.2rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:18px;background:#ffffff9e}.json-block{margin:0;padding:.75rem;border-radius:14px;background:#1f2723;color:#ecf4ef;overflow:auto;font-size:.83rem}.success-copy{color:var(--accent-strong);font-weight:700}.error-copy{color:var(--danger);font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1418157a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.completion-guard-modal{width:min(100%,520px)}.completion-guard-actions{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 760px){.portal-layout,.auth-layout{width:calc(100% - 1rem)}.portal-topbar{grid-template-columns:1fr}.portal-session-meta{text-align:left}.portal-toolbar{justify-content:flex-start}.entity-main,.invoice-meta,.button-row{flex-direction:column;align-items:flex-start}.account-panel__header{align-items:stretch}.completion-guard-actions,.workbench-grid{grid-template-columns:1fr}.workbench-list{max-height:42vh}.dashboard-entry-grid,.filter-chip-grid{grid-template-columns:1fr}}
