:root{--brand:#205142;--brand-deep:#143c31;--brand-soft:#e7f0ec;--accent:#f4c453;--surface-canvas:#f4f6f3;--surface-muted:#f7f9f7;--text-strong:#15231e;--text:#344840;--text-muted:#697b74;--border:#dfe7e2;--border-strong:#c9d7d1;--success:#1c7b50;--danger:#a02d2d;--warning-strong:#9a6412;--focus:#c88600;--shadow-soft:0 8px 28px #1c43350e;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Aptos Display", "Segoe UI", var(--font-sans);font-family:var(--font-sans);color:var(--text);background:var(--surface-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--surface-canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0;font-size:1rem;line-height:1.45}button,input,select,textarea{font:inherit}svg{stroke-width:1.8px;flex:none}.app-shell{background:var(--surface-canvas);min-height:100vh}.loading-page,.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.loading-page{color:var(--text-muted);align-content:center}.loading-mark{width:3.25rem;height:3.25rem;color:var(--brand);background:var(--accent);border-radius:1rem;place-items:center;display:grid}.login-page{background:radial-gradient(circle at 15% 12%,#e1eee8 0,#0000 34%),linear-gradient(145deg,#f9faf8,#eaf0ed)}.login-panel{border:1px solid var(--border);background:#fff;border-radius:1.25rem;width:min(100%,27rem);padding:clamp(1.5rem,5vw,2.6rem);box-shadow:0 24px 70px #12362a21}.login-brand{color:var(--text-strong);font-family:var(--font-display);align-items:center;gap:.7rem;margin-bottom:2.5rem;display:flex}.login-brand span{width:2.6rem;height:2.6rem;color:var(--brand);background:var(--accent);border-radius:.8rem;place-items:center;display:grid}.login-panel h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem}.login-intro{color:var(--text-muted);margin:.65rem 0 1.7rem;line-height:1.55}.login-panel form{gap:.5rem;display:grid}.login-panel label,.settings-form label{color:var(--text-strong);margin-top:.6rem;font-size:.9rem;font-weight:750}.login-panel input,.settings-form input{width:100%;min-height:3rem;color:var(--text-strong);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;padding:.7rem .8rem}.login-panel input:focus,.settings-form input:focus{border-color:var(--focus);outline:3px solid #c8860038}.password-field{position:relative}.password-field input{padding-right:3rem}.password-field button{width:2.5rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:.2rem .25rem .2rem auto}.password-field svg{width:1.15rem}.form-error{color:var(--danger);margin:.55rem 0 0;font-size:.9rem}.login-button,.primary-action{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.1rem;font-weight:800;display:flex}.login-button{margin-top:1rem}.login-button:hover,.primary-action:hover{background:var(--brand-deep)}.login-button:disabled,.primary-action:disabled{opacity:.65;cursor:wait}.login-button svg,.primary-action svg{width:1.1rem}.sidebar{z-index:30;color:#fff;background:linear-gradient(175deg,#173f33 0%,#0d2c24 100%);flex-direction:column;width:17.25rem;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset 0 0 0 1px #ffffff0a}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;min-height:5.5rem;padding:1.25rem 1.4rem;display:flex}.brand__mark{color:#173f33;background:var(--accent);border-radius:.9rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.brand strong,.brand small,.user-card strong,.user-card small{display:block}.brand strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem}.brand small{color:#b9cec6;margin-top:.12rem;font-size:.8rem}.main-nav{gap:.45rem;padding:1.4rem .9rem;display:grid}.main-nav__item{color:#d6e3de;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;min-height:3rem;padding:.72rem .85rem;font-size:.94rem;font-weight:650;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.main-nav__item:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.main-nav__item svg{width:1.2rem}.main-nav__item--active{color:#173f33;background:#fff;box-shadow:0 8px 24px #00000024}.main-nav__item--active:hover{color:#173f33;background:#fff}.sidebar__footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:.9rem}.user-card{align-items:center;gap:.75rem;padding:.55rem;display:flex}.user-card>span:last-child{min-width:0}.user-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.user-card small{color:#b9cec6;font-size:.78rem}.avatar{color:#173f33;background:#d7e5df;border-radius:50%;flex:none;place-items:center;width:2.35rem;height:2.35rem;font-weight:800;display:grid}.sign-out{color:#d6e3de;cursor:pointer;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.6rem;width:100%;min-height:2.7rem;margin-top:.25rem;padding:.55rem .65rem;font-size:.88rem;font-weight:700;display:flex}.sign-out:hover{color:#fff;background:#ffffff12}.sign-out:disabled{opacity:.6}.sign-out svg{width:1.1rem}.workspace{min-height:100vh;margin-left:17.25rem}.workspace-bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;justify-content:flex-end;align-items:center;gap:1rem;min-height:4.25rem;padding:.65rem clamp(1.25rem,4vw,3.5rem);display:flex}.workspace-brand{display:none}.connection{background:#fff;border:1px solid;border-radius:.75rem;align-items:center;gap:.65rem;padding:.5rem .7rem;display:flex}.connection svg{width:1.1rem}.connection span,.connection strong,.connection small{display:block}.connection strong{color:var(--text-strong);font-size:.82rem}.connection small{color:var(--text-muted);font-size:.75rem}.connection--online{color:var(--success);border-color:#cfe4d9}.connection--offline{color:var(--warning-strong);background:#fff9ed;border-color:#efd49d}.main-content{width:min(100%,90rem);margin:0 auto;padding:2.2rem clamp(1.25rem,4vw,3.5rem) 4rem}.page-stack{gap:1.4rem;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.page-heading h1{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.05}.page-heading>div>p:last-child{max-width:48rem;color:var(--text-muted);margin:.65rem 0 0;line-height:1.55}.page-heading--welcome{align-items:center}.page-icon{width:3.5rem;height:3.5rem;color:var(--brand);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;flex:none;place-items:center;display:grid}.eyebrow{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .28rem;font-size:.78rem;font-weight:850}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.metric-grid--driver{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid var(--border);min-height:7rem;box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.2rem;display:flex}.metric-card>span{width:2.8rem;height:2.8rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;flex:none;place-items:center;display:grid}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--text-muted);margin-bottom:.2rem;font-size:.82rem}.metric-card strong{color:var(--text-strong);font-family:var(--font-display);font-size:1.65rem}.metric-card--featured{color:#fff;border-color:var(--brand);background:var(--brand)}.metric-card--featured>span{color:var(--brand);background:var(--accent)}.metric-card--featured small{color:#c9ded5}.metric-card--featured strong{color:#fff}.home-grid{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);gap:1rem;display:grid}.content-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:1rem;padding:1.35rem}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-heading h2,.content-card h2{color:var(--text-strong);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.35rem}.card-heading>svg{color:var(--brand)}.value-list{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0;display:grid}.value-list div{background:var(--surface-muted);border-radius:.75rem;padding:.8rem}.value-list dt{color:var(--text-muted);font-size:.8rem}.value-list dd{color:var(--text-strong);margin:.2rem 0 0;font-weight:800}.text-link{color:var(--brand);align-items:center;gap:.4rem;margin-top:1rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.text-link svg{width:1rem;transition:transform .15s}.text-link:hover svg{transform:translate(3px)}.next-step-card{color:#fff;background:linear-gradient(145deg,#d69a20,#a6670d);border:0;position:relative;overflow:hidden}.next-step-card:after{content:"";border:1.5rem solid #ffffff1a;border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-3.5rem;right:-2rem}.next-step-card .eyebrow{color:#fff0c4}.next-step-card h2{color:#fff}.next-step-card>p:last-child{z-index:1;margin:.7rem 0 0;line-height:1.6;position:relative}.quick-start-card{color:#fff;background:linear-gradient(145deg,#d49a27,#a96c10);border:0;position:relative;overflow:hidden}.quick-start-card:after{content:"";border:1.5rem solid #ffffff1a;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-4.5rem;right:-2.5rem}.quick-start-card .eyebrow{color:#fff0c4}.quick-start-card h2{color:#fff}.quick-start-card>p{z-index:1;margin:.65rem 0 1rem;line-height:1.55;position:relative}.quick-links{z-index:1;flex-wrap:wrap;gap:.55rem;display:flex;position:relative}.quick-links a{color:#fff;background:#ffffff1a;border:1px solid #ffffff5c;border-radius:.65rem;align-items:center;gap:.4rem;padding:.58rem .72rem;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.quick-links a:hover{background:#fff3}.quick-links svg{width:1rem}.empty-inline{color:var(--text-muted);border:1px dashed var(--border-strong);background:var(--surface-muted);border-radius:.8rem;align-items:center;gap:.8rem;padding:1rem;display:flex}.empty-inline svg{width:1.4rem;color:var(--brand)}.empty-inline p{margin:0;line-height:1.5}.empty-route{text-align:center;align-content:center;place-items:center;min-height:18rem;display:grid}.empty-route>span{width:4rem;height:4rem;color:var(--brand);background:var(--brand-soft);border-radius:1.2rem;place-items:center;display:grid}.empty-route h2{margin-top:1rem}.empty-route p{max-width:28rem;color:var(--text-muted);margin:.5rem 0 0;line-height:1.55}.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.7fr);align-items:start;gap:1rem;display:grid}.settings-form{gap:.45rem;display:grid}.money-input{position:relative}.money-input>span{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.money-input input{padding-left:2rem}.form-help{color:var(--text-muted);margin:.45rem 0;font-size:.82rem}.primary-action{width:fit-content;min-width:13rem;margin-top:.45rem;padding:.65rem 1rem}.current-settings{color:#fff;background:linear-gradient(160deg,#205142,#12392e);border:0}.current-settings .eyebrow{color:#bcd4cb}.current-settings>span{color:#d9e8e2;font-size:.85rem;display:block}.current-price{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;margin:.3rem 0;font-size:2.35rem;display:block}.current-settings>small{color:#bcd4cb;margin-top:1rem;line-height:1.5;display:block}.value-list--compact{grid-template-columns:1fr 1fr;margin-top:1.2rem}.value-list--compact div{background:#ffffff17}.value-list--compact dt{color:#bcd4cb}.value-list--compact dd{color:#fff}.current-settings .empty-inline{color:#d9e8e2;background:#ffffff0f;border-color:#fff3}.current-settings .empty-inline svg{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-heading--action{align-items:center}.filter-bar{grid-template-columns:minmax(15rem,1fr) minmax(10rem,.45fr) minmax(10rem,.45fr) auto;gap:.7rem;padding:.8rem;display:grid}.filter-bar label{min-width:0}.filter-bar input,.filter-bar select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:2.9rem;color:var(--text-strong);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;padding:.65rem .75rem}.filter-bar input:focus,.filter-bar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--focus);outline:3px solid #c886002e}.form-grid textarea{resize:vertical;min-height:6rem;font:inherit}.search-field{position:relative}.search-field svg{width:1rem;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-field input{padding-left:2.35rem}.secondary-action{min-height:2.9rem;color:var(--brand);border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .85rem;font-weight:800;display:inline-flex}.secondary-action:hover{border-color:var(--brand);background:var(--brand-soft)}.secondary-action:disabled{opacity:.55;cursor:wait}.secondary-action svg{width:1rem}.context-line{color:var(--text-muted);align-items:center;gap:.4rem;margin:-.5rem 0 0;font-size:.88rem;display:flex}.context-line svg{width:1rem;color:var(--brand)}.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.entity-card{flex-direction:column;min-width:0;display:flex}.entity-card--inactive{opacity:.72;background:#f8f9f8}.entity-card__heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.entity-identity{align-items:center;gap:.75rem;min-width:0;display:flex}.entity-identity>div{min-width:0}.entity-identity h2{text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;overflow:hidden}.entity-identity .status-pill{margin:.3rem 0 0}.price-chip{color:var(--text-strong);flex-direction:column;flex:none;align-items:flex-end;font-size:.95rem;font-weight:850;display:flex}.price-chip small{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:750}.price-chip--special{color:#8a590b}.entity-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:.75rem;margin:1.25rem 0;padding:1rem 0;display:grid}.entity-details p,.entity-details a{min-width:0;color:var(--text);align-items:flex-start;gap:.55rem;margin:0;font-size:.88rem;text-decoration:none;display:flex}.entity-details p>span,.entity-details a>span{min-width:0}.entity-details small{color:var(--text-muted);margin-top:.12rem;font-size:.78rem;display:block}.entity-details svg{width:1rem;color:var(--brand);margin-top:.08rem}.entity-details .detail-warning{color:var(--warning-strong)}.inline-alert{color:#7a530f;background:#fff3d5;border-radius:.4rem;width:fit-content;margin:-.35rem 0 1rem;padding:.3rem .5rem;font-size:.75rem;font-weight:800}.entity-actions,.order-actions{flex-wrap:wrap;gap:.45rem;margin-top:auto;display:flex}.entity-actions button,.order-actions button{min-height:2.5rem;color:var(--brand);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.6rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.entity-actions button:hover,.order-actions button:hover{border-color:var(--brand);background:var(--brand-soft)}.entity-actions button:disabled,.order-actions button:disabled{opacity:.55;cursor:wait}.entity-actions svg,.order-actions svg{width:.95rem}.entity-actions .danger-action,.order-actions .danger-action{color:var(--danger)}.entity-actions .success-action{color:var(--success)}.load-more{width:fit-content;min-height:2.8rem;color:var(--brand);border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:800;display:inline-flex}.load-more svg{width:1rem}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071b15ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #ffffff40;border-radius:1rem;width:min(100%,44rem);max-height:calc(100vh - 2rem);padding:1.4rem;overflow-y:auto;box-shadow:0 28px 80px #051b1452}.modal-card--compact{width:min(100%,38rem)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-heading h2{color:var(--text-strong);font-family:var(--font-display);margin:0;font-size:1.55rem}.form-grid{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.form-grid label,.client-picker>label{color:var(--text-strong);align-content:start;gap:.35rem;font-size:.86rem;font-weight:750;display:grid}.form-grid label>small{color:var(--text-muted);font-size:.76rem;font-weight:500;line-height:1.4}.field-span-2{grid-column:1/-1}.modal-actions{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.35rem;display:flex}.modal-actions .primary-action{min-width:10rem;margin:0}.modal-actions--spread{justify-content:space-between}.modal-actions--spread>div{gap:.6rem;display:flex}.text-danger-action{min-height:2.8rem;color:var(--danger);cursor:pointer;background:0 0;border:0;padding:.55rem .2rem;font-weight:800}.recurrence-note{color:var(--text-muted);background:var(--surface-muted);border-radius:.65rem;margin:0;padding:.7rem .8rem;font-size:.82rem}.order-metrics .metric-card strong{font-size:1.45rem}.order-list{gap:.75rem;display:grid}.order-card{grid-template-columns:minmax(11rem,.9fr) minmax(12rem,1.2fr) minmax(7rem,.55fr) minmax(8rem,.65fr) auto;grid-template-areas:"date client quantity total actions""contact contact contact contact actions";align-items:center;gap:.8rem 1.2rem;padding:1rem 1.15rem;display:grid}.order-date{grid-area:date;align-items:center;gap:.6rem;display:flex}.order-date>svg{width:1.2rem;color:var(--brand)}.order-date span,.order-date small,.order-date strong{display:block}.order-date small,.order-total small{color:var(--text-muted);text-transform:uppercase;font-size:.72rem}.order-date strong{color:var(--text-strong);font-size:.85rem}.order-client{grid-area:client;align-items:center;gap:.55rem;min-width:0;display:flex}.order-client>div{min-width:0}.order-client h2{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.order-client p{color:var(--text-muted);align-items:center;gap:.25rem;margin:.2rem 0 0;font-size:.77rem;display:flex}.order-client p svg{width:.8rem}.recurring-chip{color:#73500f;white-space:nowrap;background:#fff2cf;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .45rem;font-size:.68rem;font-weight:800;display:inline-flex}.recurring-chip svg{width:.75rem}.order-quantity{grid-area:quantity;align-items:center;gap:.45rem;display:flex}.order-quantity>strong{color:var(--brand);font-family:var(--font-display);font-size:1.65rem}.order-quantity>span{color:var(--text-muted);font-size:.76rem}.order-quantity small{color:var(--text-muted);font-size:.67rem;display:block}.order-total{grid-area:total}.order-total>*{display:block}.order-total strong{color:var(--text-strong);font-size:1rem}.order-total span{color:var(--text-muted);font-size:.72rem}.order-contact{min-width:0;color:var(--text-muted);grid-area:contact;align-items:center;gap:1rem;font-size:.76rem;display:flex}.order-contact a{color:var(--brand);align-items:center;gap:.3rem;font-weight:750;text-decoration:none;display:inline-flex}.order-contact svg{width:.8rem}.order-contact>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-actions{border-left:1px solid var(--border);flex-direction:column;grid-area:actions;justify-content:center;align-self:stretch;margin:0;padding-left:.8rem}.client-picker>div{grid-template-columns:1fr auto;gap:.55rem;display:grid}.order-preview{background:var(--brand-soft);border:1px solid #cfe0d9;border-radius:.8rem;align-items:center;gap:.8rem;padding:.85rem;display:flex}.order-preview>span{width:2.7rem;height:2.7rem;color:var(--brand);background:#fff;border-radius:.75rem;flex:none;place-items:center;display:grid}.order-preview small,.order-preview strong{display:block}.order-preview small{color:var(--text-muted);font-size:.74rem}.order-preview strong{color:var(--text-strong);font-size:1.25rem}.order-preview p{color:var(--text-muted);margin:.1rem 0 0;font-size:.75rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.85rem .7rem}th{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:.78rem}tbody tr:last-child td{border-bottom:0}.empty-table{color:var(--text-muted);margin:0;padding:1rem 0}.role-badge{width:fit-content;color:var(--brand);background:var(--brand-soft);white-space:nowrap;border:1px solid #c9ded5;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.role-badge svg{width:.95rem}.role-badge--driver{color:#76500c;background:#fff5dd;border-color:#ead39d}.user-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.user-profile{flex-direction:column;display:flex}.user-profile__top{justify-content:space-between;align-items:flex-start;display:flex}.profile-avatar{color:#fff;background:var(--brand);border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font-size:1.2rem;font-weight:850;display:grid}.user-profile h2{margin-top:1rem}.username{color:var(--text-muted);margin:.25rem 0 .8rem;font-size:.88rem}.status-pill{vertical-align:middle;border-radius:999px;margin-left:.3rem;padding:.25rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-pill--active{color:#14633e;background:#daf1e5}.status-pill--inactive{color:#8d2929;background:#f8dede}.user-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1.1rem 0;padding:.8rem 0}.user-details dt{color:var(--text-muted);font-size:.78rem}.user-details dd{color:var(--text-strong);margin:.25rem 0 0;font-size:.88rem}.status-action{cursor:pointer;background:#fff;border:1px solid;border-radius:.7rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.8rem;margin-top:auto;padding:.6rem .8rem;font-weight:750;display:flex}.status-action svg{width:1rem}.status-action--disable{color:var(--danger);border-color:#e8bcbc}.status-action--enable{color:var(--success);border-color:#b9ddca}.status-action:disabled{color:var(--text-muted);border-color:var(--border);background:var(--surface-muted);cursor:not-allowed}.self-note{color:var(--text-muted);justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;display:flex}.self-note svg{width:.9rem}.audit-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.audit-entry{grid-template-columns:auto minmax(0,1fr);gap:1rem;display:grid}.audit-entry__mark{width:2.5rem;height:2.5rem;color:var(--brand);background:var(--brand-soft);border-radius:.8rem;place-items:center;display:grid}.audit-entry__mark svg{width:1.15rem}.audit-entry__heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.audit-entry__heading h2{font-size:1.05rem}.audit-entry__heading time{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.audit-entry p{color:var(--text-muted);margin:.35rem 0 .8rem;font-size:.85rem}.change-list{flex-wrap:wrap;gap:.5rem;display:flex}.change-list div{background:var(--surface-muted);border-radius:.55rem;grid-template-columns:auto auto auto;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.78rem;display:grid}.change-list span{color:var(--text-muted);font-weight:700}.change-list del{color:#9b5e5e}.change-list del:after{color:var(--text-muted);content:"→";margin-left:.45rem;text-decoration:none}.change-list strong{color:var(--text-strong)}.notice{border:1px solid;border-radius:.7rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}.notice--error{color:#852828;background:#fff1f1;border-color:#e9bdbd}.notice--success{color:#155f3c;background:#effaf4;border-color:#b9ddca}.loading-card{color:var(--text-muted)}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.skeleton-grid span{background:linear-gradient(100deg,#e9eeeb 30%,#f5f7f6 50%,#e9eeeb 70%) 0 0/300% 100%;border-radius:1rem;min-height:7rem;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.icon-button{width:2.6rem;height:2.6rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.7rem;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:1.3rem}.mobile-menu,.sidebar__close,.mobile-nav,.scrim{display:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=1180px){.order-card{grid-template-columns:minmax(10rem,.8fr) minmax(12rem,1fr) minmax(6rem,.5fr) auto;grid-template-areas:"date client quantity actions""contact contact total actions"}}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.sidebar__close{margin-left:auto;display:inline-flex}.scrim{z-index:20;background:#0918138c;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.workspace-bar{justify-content:space-between;padding:.65rem 1rem}.workspace-brand{color:var(--brand);font-family:var(--font-display);align-items:center;gap:.4rem;font-size:.95rem;font-weight:800;display:flex}.workspace-brand svg{width:1.15rem}.mobile-menu{color:var(--brand);border:1px solid var(--border);background:#fff;flex:none;display:inline-flex}.main-content{padding:1.5rem 1rem 6.5rem}.mobile-nav{z-index:15;min-height:4.7rem;padding:.4rem max(.5rem, env(safe-area-inset-left)) max(.4rem, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #16342a17}.mobile-nav a{min-width:0;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav svg{width:1.2rem}.mobile-nav__active{color:var(--brand)!important}.home-grid,.settings-layout{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .search-field{grid-column:1/-1}.entity-grid{grid-template-columns:1fr}.order-card{grid-template-columns:1fr 1fr auto;grid-template-areas:"date client actions""quantity total actions""contact contact actions"}}@media (width<=650px){.connection{padding:.55rem}.connection span{display:none}.page-heading{gap:1rem}.page-heading h1{font-size:2rem}.page-icon{width:2.8rem;height:2.8rem}.page-heading--welcome{display:block}.page-heading--welcome .role-badge{margin-top:1rem}.page-heading--action{display:grid}.metric-grid,.metric-grid--driver,.skeleton-grid{grid-template-columns:1fr;gap:.7rem}.metric-card{min-height:5.5rem}.value-list{grid-template-columns:1fr}.value-list--compact{grid-template-columns:1fr 1fr}.primary-action{width:100%}.audit-entry{grid-template-columns:1fr}.audit-entry__heading{display:block}.audit-entry__heading time{margin-top:.3rem;display:block}.change-list{display:grid}.change-list div{grid-template-columns:1fr auto auto}.filter-bar{grid-template-columns:1fr}.filter-bar .search-field{grid-column:auto}.modal-backdrop{place-items:end center;padding:0}.modal-card{border-radius:1.1rem 1.1rem 0 0;width:100%;max-height:calc(100vh - 1rem);padding:1.1rem}.form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions .primary-action{width:100%;min-width:0}.modal-actions--spread{flex-direction:column-reverse;align-items:stretch;display:flex}.modal-actions--spread>div{grid-template-columns:1fr 1fr;display:grid}.text-danger-action{width:100%}.client-picker>div{grid-template-columns:1fr}.order-card{grid-template-columns:1fr auto;grid-template-areas:"date total""client client""quantity actions""contact contact"}.order-actions{border:0;flex-direction:row;justify-content:flex-end;padding:0}.order-contact{border-top:1px solid var(--border);gap:.3rem;padding-top:.7rem;display:grid}.order-contact>span{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{color:#634511;background:#fff6dc;border:1px solid #e6c979;border-radius:.85rem;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.offline-banner>svg{flex:none;width:1.4rem}.offline-banner span{gap:.1rem;font-size:.82rem;display:grid}.offline-banner strong{font-size:.9rem}.sync-summary{flex-wrap:wrap;gap:.6rem;display:flex}.sync-summary>span{color:var(--brand);background:var(--brand-soft);border:1px solid #c9ded5;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.8rem;display:inline-flex}.sync-summary svg{width:1rem}.sync-summary__conflict{color:#8a5709!important;background:#fff5dd!important;border-color:#ead39d!important}.delivery-list{gap:.8rem;display:grid}.delivery-stop{border:1px solid var(--border);background:#fff;border-radius:1rem;grid-template-columns:auto minmax(15rem,1fr) minmax(12rem,auto) minmax(11rem,auto);align-items:center;gap:1rem;padding:1rem;display:grid;box-shadow:0 8px 24px #16342a0f}.delivery-stop__number{color:#fff;background:var(--brand);width:2.6rem;height:2.6rem;font-family:var(--font-display);border-radius:.8rem;place-items:center;font-size:1.15rem;font-weight:850;display:grid}.delivery-stop__main{min-width:0}.delivery-stop__heading{align-items:flex-start;gap:.6rem;display:flex}.delivery-stop__heading>div{min-width:0}.delivery-stop__heading small{color:var(--brand);text-transform:uppercase;font-size:.72rem;font-weight:800}.delivery-stop__heading h2{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:.08rem 0 .45rem;font-size:1.05rem;overflow:hidden}.delivery-address,.delivery-phone{min-width:0;color:var(--text-muted);align-items:flex-start;gap:.35rem;margin:.2rem 0;font-size:.82rem;text-decoration:none;display:flex}.delivery-address span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delivery-address svg,.delivery-phone svg{width:.9rem;color:var(--brand);flex:none;margin-top:.05rem}.delivery-phone{width:fit-content;color:var(--brand);font-weight:750}.delivery-stop__order{align-items:stretch;gap:.65rem;display:flex}.delivery-stop__order>span{background:var(--surface-muted);text-align:center;border-radius:.7rem;align-content:center;justify-items:center;min-width:5.4rem;padding:.55rem .7rem;display:grid}.delivery-stop__order svg{width:1rem;color:var(--accent-strong)}.delivery-stop__order strong{color:var(--text-strong);font-size:1rem}.delivery-stop__order small{color:var(--text-muted);font-size:.68rem}.delivery-primary{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.65rem .85rem;font-weight:850;display:inline-flex}.delivery-primary:hover{background:var(--brand-deep)}.delivery-primary svg{width:1.05rem}.pending-actions ul{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.pending-actions li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.pending-actions li>span:first-child{display:grid}.pending-actions li small{color:var(--text-muted)}.sync-state{color:#6a4a10;background:#fff1ca;border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.72rem;font-weight:800}.sync-state--conflict{color:#8b2d2d;background:#fbe1e1}.sync-state--syncing{color:var(--brand);background:var(--brand-soft)}.delivery-dialog{width:min(100%,42rem)}.action-choice{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.action-choice label{border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:.8rem;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;min-height:4.7rem;padding:.8rem;display:grid;position:relative}.action-choice label:hover{border-color:var(--brand)}.action-choice label.action-choice--selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.action-choice input{opacity:0;position:absolute}.action-choice input:focus-visible+svg{outline:3px solid var(--focus);outline-offset:4px}.action-choice svg{width:1.3rem;color:var(--brand)}.action-choice span{gap:.15rem;display:grid}.action-choice strong{color:var(--text-strong);font-size:.9rem}.action-choice small{color:var(--text-muted);font-size:.72rem;line-height:1.35}.amount-field{color:var(--text-strong);gap:.4rem;margin-top:1rem;font-size:.86rem;font-weight:800;display:grid}.amount-field>span{border:1px solid var(--border-strong);background:#fff;border-radius:.8rem;grid-template-columns:auto 1fr;align-items:center;display:grid}.amount-field>span:focus-within{border-color:var(--focus);outline:3px solid #c886002e}.amount-field>span strong{color:var(--brand);padding-left:.85rem;font-size:1.2rem}.amount-field input{width:100%;min-height:3rem;color:var(--text-strong);background:0 0;border:0;outline:0;padding:.6rem .8rem;font-size:1.05rem;font-weight:800}.amount-field>small{color:var(--text-muted);font-size:.73rem;font-weight:500}.delivery-confirmation{color:var(--text-muted);background:var(--surface-muted);border-radius:.7rem;gap:.2rem;margin-top:1rem;padding:.75rem .85rem;font-size:.76rem;line-height:1.45;display:grid}.delivery-confirmation strong{color:var(--text-strong);font-size:.84rem}.conflict-list{gap:.9rem;display:grid}.conflict-card{padding:0;overflow:hidden}.conflict-card__alert{color:#714b09;background:#fff5dd;border-bottom:1px solid #ead39d;align-items:center;gap:.65rem;padding:.8rem 1rem;display:flex}.conflict-card__alert>svg{flex:none;width:1.3rem}.conflict-card__alert span{display:grid}.conflict-card__alert small{font-size:.74rem}.conflict-card__body{grid-template-columns:minmax(13rem,.8fr) minmax(22rem,1.2fr);gap:1.5rem;padding:1rem;display:grid}.conflict-card__body h2{margin:.1rem 0 .5rem;font-size:1.1rem}.conflict-card__body p:not(.eyebrow){color:var(--text-muted);align-items:flex-start;gap:.35rem;margin:0;font-size:.8rem;display:flex}.conflict-card__body p svg{flex:none;width:.9rem}.conflict-card__body dl{grid-template-columns:1fr 1fr;gap:.7rem;margin:0;display:grid}.conflict-card__body dl>div{background:var(--surface-muted);border-radius:.65rem;padding:.6rem .7rem}.conflict-card__body dt{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:.3rem;font-size:.69rem;display:flex}.conflict-card__body dt svg{width:.8rem}.conflict-card__body dd{color:var(--text-strong);margin:.25rem 0 0;font-size:.8rem;font-weight:750}.conflict-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.6rem;padding:.8rem 1rem;display:flex}.conflict-actions button{min-height:2.8rem;color:var(--brand);border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .8rem;font-weight:800;display:inline-flex}.conflict-actions button.primary-action{color:#fff;border-color:var(--brand);background:var(--brand)}.conflict-actions button:disabled{opacity:.55;cursor:wait}.conflict-actions svg{width:1rem}@media (width<=980px){.delivery-stop{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"number main order""number action action"}.delivery-stop__number{grid-area:number;align-self:start}.delivery-stop__main{grid-area:main}.delivery-stop__order{grid-area:order}.delivery-primary{grid-area:action}}@media (width<=650px){.delivery-page .page-heading--action .secondary-action{width:100%}.delivery-stop{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"number main""order order""action action";align-items:start}.delivery-stop__order{grid-template-columns:1fr 1fr;display:grid}.delivery-stop__order>span{justify-content:center;align-items:center;gap:.35rem;min-height:3rem;display:flex}.delivery-address span{white-space:normal}.delivery-primary{width:100%}.action-choice{grid-template-columns:1fr}.conflict-card__body{grid-template-columns:1fr;gap:1rem}.conflict-card__body dl{grid-template-columns:1fr}.conflict-actions{grid-template-columns:1fr;display:grid}}.finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-metrics .metric-card em{color:var(--text-muted);margin-top:.16rem;font-size:.7rem;font-style:normal;display:block}.metric-card--debt>span{color:#9b3f35;background:#fbe9e7}.metric-card--credit>span{color:var(--success);background:#e3f3ea}.finance-tabs{border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-soft);background:#fff;border-radius:.82rem;gap:.3rem;padding:.28rem;display:flex}.finance-tabs button{min-height:2.7rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.45rem;padding:.55rem .8rem;font-weight:800;display:inline-flex}.finance-tabs button>svg{width:1rem}.finance-tabs button>span{min-width:1.45rem;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:.18rem .38rem;font-size:.7rem}.finance-tabs .finance-tab--active{color:#fff;background:var(--brand)}.finance-tabs .finance-tab--active>span{color:var(--brand);background:#fff}.finance-workspace{padding:0;overflow:hidden}.finance-search{border-bottom:1px solid var(--border);background:var(--surface-muted);gap:.65rem;padding:.9rem;display:flex}.finance-search label{flex:1;position:relative}.finance-search label>svg{width:1rem;color:var(--text-muted);position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.finance-search input{width:100%;min-height:2.9rem;color:var(--text-strong);border:1px solid var(--border-strong);background:#fff;border-radius:.7rem;padding:.65rem .75rem .65rem 2.4rem}.finance-search input:focus{border-color:var(--focus);outline:3px solid #c886002e}.balance-list{display:grid}.balance-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(14rem,1.2fr) minmax(22rem,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.15rem;display:grid}.balance-row:last-child{border-bottom:0}.balance-row:hover{background:#fbfcfb}.balance-client{align-items:center;gap:.8rem;min-width:0;display:flex}.balance-client>div{min-width:0}.balance-client h2{color:var(--text-strong);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;overflow:hidden}.balance-client p{color:var(--text-muted);margin:.2rem 0 0;font-size:.78rem}.balance-row .profile-avatar,.account-header .profile-avatar{border-radius:.8rem;flex:none;width:2.8rem;height:2.8rem;font-size:1rem}.balance-row dl{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.balance-row dl div{border-left:1px solid var(--border);padding:.5rem .6rem}.balance-row dt{color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.balance-row dd{color:var(--text-strong);margin:.18rem 0 0;font-size:.9rem;font-weight:850}.money-debt{color:#a04236!important}.money-credit{color:var(--success)!important}.transfer-list{gap:.8rem;display:grid}.transfer-card{grid-template-columns:auto minmax(13rem,1fr) auto auto;align-items:center;gap:1rem;display:grid}.transfer-card__icon{color:#8a5c0d;background:#fff1d2;border-radius:.85rem;place-items:center;width:3rem;height:3rem;display:grid}.transfer-card__icon svg{width:1.25rem}.transfer-card h2{font-size:1.05rem}.transfer-card p:not(.eyebrow){color:var(--text-muted);margin:.2rem 0 0;font-size:.78rem}.transfer-card__amount{justify-items:end;display:grid}.transfer-card__amount small{color:var(--text-muted);font-size:.7rem}.transfer-card__amount strong{color:var(--text-strong);font-family:var(--font-display);font-size:1.25rem}.transfer-card .primary-action{min-width:8.5rem;margin:0}.account-view{gap:1rem;display:grid}.account-back{cursor:pointer;background:0 0;border:0;width:fit-content;margin:0;padding:0}.account-back:hover svg{transform:translate(-3px)}.account-header{grid-template-columns:minmax(14rem,1fr) auto;gap:1rem;display:grid}.account-actions{align-items:center;gap:.55rem;display:flex}.account-actions .primary-action{min-width:auto;margin:0}.account-summary{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem;margin:.4rem 0 0;padding-top:1rem;display:grid}.account-summary div{background:var(--surface-muted);border-radius:.7rem;padding:.75rem}.account-summary dt{color:var(--text-muted);font-size:.72rem}.account-summary dd{color:var(--text-strong);font-family:var(--font-display);margin:.2rem 0 0;font-size:1.15rem;font-weight:850}.account-columns{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.account-order-list,.account-payment-list{display:grid}.account-order-list>div,.account-payment-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.7rem;padding:.72rem 0;display:flex}.account-order-list>div:first-child,.account-payment-list>div:first-child{border-top:0}.account-order-list span,.account-order-list strong,.account-order-list small,.account-payment-list span,.account-payment-list strong,.account-payment-list small,.account-payment-list em{display:block}.account-order-list>div>span:last-child{text-align:right}.account-order-list strong,.account-payment-list strong{color:var(--text-strong);font-size:.85rem}.account-order-list small,.account-payment-list small{color:var(--text-muted);margin-top:.15rem;font-size:.7rem}.account-payment-list>div{grid-template-columns:auto 1fr auto;display:grid}.account-payment-list>div>span:last-child{text-align:right}.account-payment-list em{color:#79510b;background:#fff1d2;border-radius:999px;width:fit-content;margin-top:.3rem;padding:.16rem .35rem;font-size:.65rem;font-style:normal;font-weight:800}.account-payment-list button{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin-top:.25rem;margin-left:auto;padding:0;font-size:.7rem;font-weight:800;display:inline-flex}.account-payment-list button svg{width:.75rem}.payment-method{width:2.4rem;height:2.4rem;color:var(--brand);background:var(--brand-soft);border-radius:.68rem;place-items:center;display:grid!important}.payment-method svg{width:1.05rem}.payment-entry--pending{opacity:.72}.adjustment-list{display:grid}.adjustment-list>div{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem 0;display:grid}.adjustment-list>div:first-child{border-top:0}.adjustment-list span>strong,.adjustment-list span>small{display:block}.adjustment-list span>strong{color:var(--text-strong);font-size:.85rem}.adjustment-list span>small{color:var(--text-muted);margin-top:.15rem;font-size:.7rem}.adjustment-list>div>strong{color:var(--text-strong)}.adjustment-kind{text-align:center;border-radius:999px;min-width:3.6rem;padding:.3rem .45rem;font-size:.68rem;font-weight:850}.adjustment-kind--debit{color:#9b3f35;background:#fbe9e7}.adjustment-kind--credit{color:var(--success);background:#e3f3ea}.ledger-card td:nth-last-child(-n+2),.ledger-card th:nth-last-child(-n+2){text-align:right}.finance-dialog{width:min(100%,38rem)}.finance-dialog .modal-heading p:last-child{color:var(--text-muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.form-note{color:var(--text-muted);background:var(--surface-muted);border-radius:.65rem;align-items:flex-start;gap:.45rem;margin:.85rem 0;padding:.65rem .75rem;font-size:.76rem;line-height:1.45;display:flex}.form-note svg{width:.95rem;color:var(--brand);flex:none}@media (width<=1050px){.balance-row{grid-template-columns:minmax(13rem,1fr) minmax(18rem,1fr)}.balance-row>.secondary-action{grid-column:2;justify-self:end;width:fit-content}.transfer-card{grid-template-columns:auto 1fr auto}.transfer-card .primary-action{grid-column:2/-1;justify-self:end}}@media (width<=760px){.finance-metrics,.balance-row{grid-template-columns:1fr}.balance-row dl{grid-template-columns:repeat(3,1fr)}.balance-row>.secondary-action{grid-column:auto;width:100%}.transfer-card{grid-template-columns:auto 1fr}.transfer-card__amount{border-top:1px solid var(--border);grid-column:1/-1;justify-items:start;padding-top:.7rem}.transfer-card .primary-action{grid-column:1/-1;width:100%}.account-header{grid-template-columns:1fr}.account-actions{grid-template-columns:1fr 1fr;display:grid}.account-actions .primary-action{width:100%}.account-summary{grid-column:auto;grid-template-columns:1fr 1fr}.account-columns{grid-template-columns:1fr}}@media (width<=520px){.finance-tabs{width:100%}.finance-tabs button{flex:1;justify-content:center}.finance-search{display:grid}.balance-row dl{grid-template-columns:1fr}.balance-row dl div{border-left:0;border-top:1px solid var(--border)}.balance-row dl div:first-child{border-top:0}.account-summary{grid-template-columns:1fr}}