@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Outfit:wght@500;600;700;800&display=swap";:root{--color-forest:#0b3d2e;--color-forest-deep:#072a20;--color-forest-mid:#145c45;--color-lime:#c8f542;--color-lime-soft:#e8f9a8;--color-mint:#d4f5e4;--color-sage:#a8c9b8;--color-bg:#f3f5f4;--color-surface:#fff;--color-surface-muted:#f7f9f8;--color-border:#e4ebe7;--color-border-strong:#cfdad4;--color-text:#1a2e26;--color-text-muted:#6b7f75;--color-text-soft:#94a39b;--color-danger:#e05a4e;--color-danger-bg:#fdecea;--color-success:#1a8f5c;--color-success-bg:#e6f7ef;--color-warning:#c48a12;--color-warning-bg:#fff6e0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0b3d2e0a;--shadow-md:0 4px 16px #0b3d2e0f;--shadow-lg:0 12px 32px #0b3d2e1a;--sidebar-width:240px;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Outfit", "DM Sans", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.dashboard-shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bg);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--space-5) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-6);display:flex}.sidebar-brand-mark{background:linear-gradient(145deg, var(--color-forest) 0%, var(--color-forest-mid) 100%);width:36px;height:36px;color:var(--color-lime);font-family:var(--font-display);border-radius:10px;place-items:center;font-size:16px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #c8f54240}.sidebar-brand-name{font-family:var(--font-display);color:var(--color-forest);font-size:18px;font-weight:700}.sidebar-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-soft);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.sidebar-link.active{background:var(--color-mint);color:var(--color-forest);font-weight:600}.sidebar-link svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.sidebar-profile{align-items:center;gap:var(--space-3);padding:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);display:flex}.sidebar-avatar{background:var(--color-forest);width:36px;height:36px;color:var(--color-lime);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.sidebar-profile-meta{flex:1;min-width:0}.sidebar-profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-profile-email{color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-signout{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:6px}.sidebar-signout:hover{background:var(--color-border);color:var(--color-danger)}.dashboard-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.topbar-title{font-family:var(--font-display);color:var(--color-text);white-space:nowrap;font-size:18px;font-weight:700}.topbar-search{align-items:center;gap:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);max-width:420px;color:var(--color-text-soft);flex:1;padding:10px 14px;display:flex}.topbar-search input{background:0 0;border:none;outline:none;flex:1;min-width:0}.topbar-search-clear{width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;line-height:1;display:grid}.topbar-search-clear:hover{background:var(--color-border);color:var(--color-text)}.topbar-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.topbar-date{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);background:var(--color-surface);padding:8px 12px;font-size:13px;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:10px 16px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-forest);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-forest-mid)}.btn-lime{background:var(--color-lime);color:var(--color-forest-deep)}.btn-lime:hover{filter:brightness(1.03)}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.btn-ghost:hover{background:var(--color-surface-muted);color:var(--color-text)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn-sm{padding:6px 12px;font-size:12px}.page-content{padding:var(--space-6);flex:1}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-header h1{color:var(--color-forest);font-size:24px}.page-header p{color:var(--color-text-muted);margin:4px 0 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.card-title{margin-bottom:var(--space-4);font-size:15px;font-weight:700}.status-badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.completed,.status-badge.paid,.status-badge.active{background:var(--color-success-bg);color:var(--color-success)}.status-badge.pending{background:var(--color-bg);color:var(--color-text-muted)}.status-badge.overdue{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge.cancelled{background:var(--color-warning-bg);color:var(--color-warning)}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 14px}.data-table th{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-muted);font-size:12px;font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-surface-muted)}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.sidesheet-root{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.sidesheet-backdrop{cursor:pointer;background:#072a2073;border:none;margin:0;padding:0;position:absolute;inset:0}.sidesheet{z-index:1;background:var(--color-surface);max-width:100%;height:100%;box-shadow:var(--shadow-lg);border-left:1px solid var(--color-border);flex-direction:column;display:flex;position:relative}.sidesheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.sidesheet-header h2{font-size:18px}.sidesheet-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidesheet-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;flex-shrink:0;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--color-text-muted);font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-forest-mid);box-shadow:0 0 0 3px #145c451f}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.alert{border-radius:var(--radius-md);padding:10px 12px;font-size:13px}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-info{background:var(--color-mint);color:var(--color-forest)}.stat-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.stat-card.accent{background:linear-gradient(160deg, var(--color-forest) 0%, var(--color-forest-mid) 100%);color:#fff;border:none}.stat-label{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:13px}.stat-card.accent .stat-label{color:#ffffffbf}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;font-weight:700}.stat-trend{margin-top:var(--space-2);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.stat-card.accent .stat-trend{color:var(--color-lime)}.overview-grid{gap:var(--space-5);grid-template-columns:1.4fr 1fr 280px;align-items:start;display:grid}.overview-left{gap:var(--space-5);flex-direction:column;display:flex}.overview-stats{gap:var(--space-4);grid-template-columns:1.2fr 1fr 1fr;display:grid}.tx-list{flex-direction:column;display:flex}.tx-item{gap:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:40px 1fr auto auto;align-items:center;padding:12px 0;display:grid}.tx-item:last-child{border-bottom:none}.tx-icon{background:var(--color-mint);width:40px;height:40px;color:var(--color-forest);border-radius:10px;place-items:center;font-size:18px;display:grid}.tx-name{font-weight:600}.tx-date{color:var(--color-text-soft);font-size:12px}.tx-id{color:var(--color-text-soft);font-family:ui-monospace,monospace;font-size:11px}.chart-bars{height:160px;padding-top:var(--space-2);align-items:flex-end;gap:10px;display:flex}.chart-bar-group{flex:1;justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex}.chart-bar{border-radius:4px 4px 0 0;width:10px;min-height:4px;transition:height .4s}.chart-bar.income{background:var(--color-forest)}.chart-bar.pending{background:var(--color-lime)}.chart-labels{margin-top:var(--space-2);display:flex}.chart-labels span{text-align:center;color:var(--color-text-soft);flex:1;font-size:11px}.chart-legend{gap:var(--space-4);margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:12px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.hbar{gap:var(--space-3);flex-direction:column;display:flex}.hbar-row{gap:var(--space-3);grid-template-columns:110px 1fr 40px;align-items:center;font-size:13px;display:grid}.hbar-track{background:var(--color-bg);border-radius:var(--radius-full);height:8px;overflow:hidden}.hbar-fill{border-radius:var(--radius-full);background:var(--color-forest);height:100%;transition:width .5s}.hbar-fill.lime{background:var(--color-lime)}.hbar-fill.sage{background:var(--color-sage)}.donut-wrap{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.donut{width:160px;height:160px;position:relative}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.donut-center strong{font-family:var(--font-display);font-size:22px;display:block}.donut-center span{color:var(--color-text-soft);font-size:11px}.donut-legend{flex-direction:column;gap:8px;width:100%;font-size:13px;display:flex}.donut-legend-row{justify-content:space-between;align-items:center;display:flex}.donut-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.promo-card{margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--color-forest-deep), var(--color-forest));color:#fff}.promo-card h3{margin-bottom:var(--space-2);font-size:16px}.promo-card p{opacity:.8;margin:0 0 var(--space-4);font-size:13px}.home-page{background:radial-gradient(90% 55% at 50% -10%,#c8f54247,#0000 55%),linear-gradient(165deg,#e8f2ec 0%,#f5f8f6 42%,#dfece6 100%);flex-direction:column;min-height:100vh;display:flex}.home-nav{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex}.home-nav .brand{align-items:center;gap:var(--space-3);display:flex}.home-hero{text-align:center;padding:var(--space-6) var(--space-6) var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:960px;margin:0 auto;animation:.4s fadeIn;display:flex}.home-eyebrow{margin:0 0 var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--color-forest-mid);font-size:13px;font-weight:600}.home-brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-forest);margin:0 0 var(--space-4);font-size:clamp(48px,10vw,80px);font-weight:800;line-height:1}.home-tagline{max-width:520px;margin:0 0 var(--space-8);color:var(--color-text-muted);font-size:17px;line-height:1.55}.home-actions{gap:var(--space-5);grid-template-columns:1fr 1fr;width:100%;animation:.45s slideUp;display:grid}.home-card{text-align:left;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.home-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.home-card.staff{background:linear-gradient(160deg, var(--color-forest-deep), var(--color-forest));color:#fff;border:none}.home-card.staff h2,.home-card.staff p{color:#fff}.home-card.staff p{opacity:.85}.home-card-icon{width:44px;height:44px;margin-bottom:var(--space-3);background:var(--color-mint);color:var(--color-forest);border-radius:12px;place-items:center;display:grid}.home-card.staff .home-card-icon{color:var(--color-lime);background:#c8f54233}.home-card h2{margin-bottom:var(--space-2);font-size:22px}.home-card p{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:14px;line-height:1.5}.home-card-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-card.staff .btn-primary{background:var(--color-lime);color:var(--color-forest-deep)}.home-card.staff .btn-primary:hover{filter:brightness(1.04);background:var(--color-lime)}@media (width<=720px){.home-actions{grid-template-columns:1fr}}.auth-page{min-height:100vh;padding:var(--space-6);background:radial-gradient(80% 60% at 10% 10%,#c8f5422e,#0000),radial-gradient(70% 50% at 90% 90%,#0b3d2e26,#0000),linear-gradient(160deg,#eef5f1 0%,#f7faf8 50%,#e8f0ec 100%);place-items:center;display:grid}.auth-card{width:min(400px,100%);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-card .brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.auth-card h1{margin-bottom:var(--space-2);font-size:22px}.auth-card .subtitle{color:var(--color-text-muted);margin:0 0 var(--space-5)}.auth-card form{gap:var(--space-4);flex-direction:column;display:flex}.auth-card .btn{width:100%;margin-top:var(--space-2)}.config-banner{bottom:var(--space-4);z-index:200;background:var(--color-forest);color:#fff;border-radius:var(--radius-md);max-width:min(560px,100% - 32px);box-shadow:var(--shadow-lg);text-align:center;padding:12px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.my-plan-page{background:radial-gradient(ellipse 70% 40% at 50% 0%, #c8f54233, transparent), var(--color-bg);min-height:100vh}.my-plan-header{max-width:720px;padding:var(--space-8) var(--space-6) var(--space-5);text-align:center;margin:0 auto}.my-plan-header .brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:inline-flex}.my-plan-header h1{color:var(--color-forest);margin-bottom:var(--space-2);font-size:28px}.my-plan-header p{color:var(--color-text-muted);margin:0}.my-plan-body{max-width:720px;padding:0 var(--space-6) var(--space-8);margin:0 auto}.lookup-form{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.lookup-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);outline:none;flex:1;padding:12px 16px}.lookup-form input:focus{border-color:var(--color-forest-mid);box-shadow:0 0 0 3px #145c451f}.plan-summary{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr 1fr;display:grid}.payment-schedule{flex-direction:column;display:flex}.payment-row{gap:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:48px 1fr auto auto;align-items:center;padding:14px 0;display:grid}.payment-row-dates{grid-template-columns:48px minmax(0,1fr) auto auto}.payment-due-input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:160px;color:var(--color-text);border-radius:8px;margin-top:4px;padding:6px 8px;font-size:13px}.plan-schedule-edit .payment-row{grid-template-columns:48px 1fr auto}.reschedule-bar{background:var(--color-mint,#e8f5ef);border-radius:12px;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px;display:flex}.sms-recipient-list{border:1px solid var(--color-border);border-radius:10px;max-height:220px;padding:6px;overflow:auto}.sms-recipient-row{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 6px;font-size:13px;display:flex}.sms-recipient-row:hover{background:var(--color-mint,#e8f5ef)}.payment-num{background:var(--color-mint);width:36px;height:36px;color:var(--color-forest);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.customer-detail-grid{gap:var(--space-5);grid-template-columns:280px 1fr;align-items:start;display:grid}.detail-list{flex-direction:column;gap:12px;display:flex}.detail-list>div{flex-direction:column;gap:2px;display:flex}.detail-list span{color:var(--color-text-soft);font-size:12px}.detail-list strong{font-size:14px}.bike-plan-block+.bike-plan-block{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.bike-plan-head{justify-content:space-between;gap:var(--space-3);align-items:flex-start;display:flex}@media (width<=900px){.customer-detail-grid{grid-template-columns:1fr}}.settings-grid{gap:var(--space-5);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.role-list{color:var(--color-text-muted);margin:0;padding-left:18px;font-size:14px;line-height:1.7}@media (width<=900px){.settings-grid{grid-template-columns:1fr}}.status-badge.marked{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge.marked:first-letter{text-transform:uppercase}.row-marked td{opacity:.72;background:var(--color-danger-bg)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pagination-meta{color:var(--color-text-muted);font-size:13px}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}.pagination-page{color:var(--color-text);text-align:center;min-width:96px;font-size:13px;font-weight:600}.pagination .btn:disabled{opacity:.4;cursor:not-allowed}.screenshot-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);overflow:hidden}.screenshot-preview img{object-fit:contain;width:100%;max-height:420px;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-viewport{top:var(--space-5);right:var(--space-5);z-index:400;gap:var(--space-3);pointer-events:none;flex-direction:column;width:min(360px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:12px 14px;animation:.22s toastIn;display:flex}.toast-body{flex:1;min-width:0}.toast-title{margin-bottom:2px;font-size:13px;font-weight:700}.toast-message{color:var(--color-text-muted);word-break:break-word;font-size:13px;line-height:1.4}.toast-close{width:24px;height:24px;color:var(--color-text-soft);border-radius:6px;flex-shrink:0;font-size:18px;line-height:1}.toast-close:hover{background:var(--color-bg);color:var(--color-text)}.toast-success{border-color:#1a8f5c40;border-left:4px solid var(--color-success)}.toast-success .toast-title{color:var(--color-success)}.toast-error{border-color:#e05a4e40;border-left:4px solid var(--color-danger)}.toast-error .toast-title{color:var(--color-danger)}.toast-info{border-color:#0b3d2e33;border-left:4px solid var(--color-forest)}.toast-info .toast-title{color:var(--color-forest)}.toast-warning{border-color:#c48a124d;border-left:4px solid var(--color-warning)}.toast-warning .toast-title{color:var(--color-warning)}@media (width<=800px){.toast-viewport{top:auto;bottom:var(--space-5);right:50%;transform:translate(50%)}.toast{animation-name:slideUp}}@media (width<=1100px){.overview-grid,.overview-stats{grid-template-columns:1fr}}@media (width<=800px){.dashboard-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);height:auto;position:relative}.sidebar-nav{flex-flow:wrap}.topbar{flex-wrap:wrap}.topbar-search{order:3;width:100%;max-width:none}.form-row,.plan-summary{grid-template-columns:1fr}.lookup-form{flex-direction:column}.tx-item{grid-template-columns:40px 1fr}.tx-item .status-badge,.tx-item .tx-id{grid-column:2}}