@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,Prompt,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2864e84d}#root{min-height:100vh}:root{--ink:#172033;--muted:#768196;--line:#e7ebf2;--surface:#fff;--bg:#f6f8fb;--blue:#2864e8;--blue-dark:#174bc2;--mint:#22b486;--purple:#7b61d9;--orange:#f6a63a;--red:#e96868;--shadow:0 12px 35px #20304e12;--radius:18px}button,input,select{font:inherit}.app-frame{background:var(--bg);min-height:100vh;color:var(--ink)}.sidebar-new{background:var(--surface);border-right:1px solid var(--line);z-index:50;flex-direction:column;width:252px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{border-bottom:1px solid var(--line);align-items:center;height:78px;padding:0 25px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand>span:last-child span{color:var(--blue)}.brand-mark{color:#fff;background:linear-gradient(135deg,#2d73ef,#57bdf1);border-radius:12px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 8px 15px #2864e83d}.workspace{border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin:22px 18px 8px;padding:10px 12px;font-size:11px;display:flex}.workspace-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22b48620}.workspace svg{margin-left:auto}.nav-list{flex-direction:column;gap:5px;padding:10px 14px;display:flex}.nav-link{color:#68758a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;font-size:13px;font-weight:600;display:flex}.nav-link:hover{color:var(--blue);background:#f2f5fa}.nav-link.active{color:var(--blue);background:#edf3ff}.nav-count{color:var(--blue);background:#dce8ff;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar-footer{border-top:1px solid var(--line);margin-top:auto;padding:18px}.help-card{color:var(--blue);background:#f2f8ff;border-radius:12px;gap:9px;margin-bottom:12px;padding:12px;display:flex}.help-card strong,.help-card small{display:block}.help-card strong{font-size:11px}.help-card small{color:var(--muted);margin-top:3px;font-size:10px}.logout{color:#a06c76;width:100%}.main-new{min-height:100vh;margin-left:252px}.topbar-new{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffe6;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:800}.eyebrow.accent{color:var(--blue)}.topbar-new h1{letter-spacing:-.3px;font-size:17px}.top-actions{align-items:center;gap:22px;display:flex}.notification-button,.icon-button{color:#6c7789;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.notification-button span{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:-6px;right:-4px}.top-profile{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:22px;display:flex}.avatar{width:34px;height:34px;color:var(--blue);background:#dbe8ff;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.avatar.small{width:32px;height:32px;font-size:12px}.avatar.large{width:58px;height:58px;font-size:22px}.top-profile-copy strong,.top-profile-copy small{display:block}.top-profile-copy strong{font-size:12px}.top-profile-copy small{color:var(--muted);margin-top:2px;font-size:10px}.content-new{max-width:1380px;margin:0 auto;padding:36px 42px 60px}.page-stack{flex-direction:column;gap:26px;display:flex}.page-stack.narrow{max-width:880px}.welcome-row,.page-intro,.section-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.welcome-row h2,.page-intro h2{letter-spacing:-.9px;margin-bottom:5px;font-size:28px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.wave{color:var(--orange);font-size:21px}.btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #2864e82b}.btn.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn.light{color:var(--blue);background:#fff}.btn.outline{border:1px solid var(--line);color:var(--ink);background:#fff}.btn.full{width:100%}.btn.small{margin-left:auto;padding:7px 9px;font-size:10px}.btn.danger-outline{color:#c85f6c;background:#fff3f3;border:1px solid #ffd9d9;padding:7px 10px;font-size:10px}.hero-banner{color:#fff;background:linear-gradient(110deg,#1d4dc1,#2c74df 62%,#56bddf);border-radius:24px;justify-content:space-between;min-height:260px;padding:34px 38px;display:flex;position:relative;overflow:hidden}.hero-banner h2{letter-spacing:-1.2px;margin:7px 0 10px;font-size:32px;line-height:1.2}.hero-banner em{color:#bde7ff;font-style:normal}.hero-banner p{color:#e1efff;margin-bottom:22px;font-size:12px}.hero-kicker{letter-spacing:1px;color:#bde7ff;font-size:11px;font-weight:700}.hero-art{opacity:.95;width:45%;height:100%;position:absolute;bottom:0;right:4%}.hero-art .sun{background:#ffdd7b;border-radius:50%;width:135px;height:135px;position:absolute;top:32px;right:27%;box-shadow:0 0 0 22px #ffd87520}.hero-art .road{background:#1b4da8;border-top:2px solid #9fcef3;width:85%;height:120px;position:absolute;bottom:-42px;left:8%;transform:skew(-18deg)}.hero-art svg{filter:drop-shadow(0 10px 8px #153d842e);position:absolute;bottom:35px;right:28%;transform:rotate(-4deg)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:flex-start;gap:13px;padding:18px;display:flex}.stat-icon{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.stat-icon.blue{color:var(--blue);background:#e9f1ff}.stat-icon.mint{color:var(--mint);background:#e6f9f2}.stat-icon.purple{color:var(--purple);background:#f0ecff}.stat-icon.orange{color:var(--orange);background:#fff3df}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{margin:4px 0;font-size:24px}.stat-card small{color:#9da7b6;font-size:10px}.section-head h3{margin-bottom:3px;font-size:16px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.trip-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.trip-card,.card-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.trip-card{padding:18px}.trip-top,.trip-meta,.summary-row,.total-row,.ticket-status,.ticket-details,.ticket-actions,.section-head.compact{justify-content:space-between;align-items:center;gap:10px;display:flex}.trip-type{color:var(--muted);background:#f4f6fa;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.status-pill{white-space:nowrap;color:#667085;background:#f1f3f6;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.waiting,.status-pill.paid,.status-pill.success,.status-pill.boarded{color:#168c69;background:#e7f8f1}.status-pill.travelling,.status-pill.pending-payment,.status-pill.pending{color:#b77710;background:#fff4dc}.status-pill.departed,.status-pill.completed{color:#2864e8;background:#e9f1ff}.status-pill.cancelled,.status-pill.accident{color:#d3656e;background:#fff0f0}.trip-route{grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:25px 0 18px;display:grid}.trip-route small,.route-destination small,.ticket-route-large small,.ticket-preview span,.confirm-grid span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.trip-route strong{font-size:13px;display:block}.route-destination{text-align:right}.route-line{text-align:center;color:var(--blue);font-size:11px}.route-line i{border-top:2px dashed #ccdafa;margin:8px 10px;display:block;position:relative}.route-line i:after{content:"›";font-size:17px;position:absolute;top:-11px;right:-1px}.route-line small{color:var(--muted);font-size:9px}.trip-meta{border-top:1px solid var(--line);color:var(--muted);margin-bottom:14px;padding:13px 0;font-size:10px}.trip-meta span{align-items:center;gap:4px;display:flex}.trip-meta strong{color:var(--ink);font-size:16px}.trip-meta strong small{color:var(--muted);font-size:9px;font-weight:500}.trip-driver,.booking-driver{color:var(--muted);align-items:center;gap:8px;padding:10px 0 14px;font-size:11px;display:flex}.trip-driver img,.booking-driver img{object-fit:cover;border:2px solid #e6f4f4;border-radius:50%;width:30px;height:30px}.trip-driver>span:nth-child(2) small,.trip-driver>span:nth-child(2) strong{display:block}.trip-driver>span:nth-child(2) strong,.booking-driver strong{color:var(--ink)}.seat-capacity{color:var(--primary);white-space:nowrap;background:#eef8f7;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:10px;font-weight:700}.seat-pending-text{color:#b87818}.seat-button.pending{color:#a06500;background:#fff3d8;border-color:#f0c36b}.pending-dot{background:#e8a634}.seat-sync-note{text-align:center;color:var(--muted);margin:12px 0 0;font-size:10px}.field-hint{color:var(--muted);margin-top:5px;font-size:10px;display:block}.trip-stops{color:var(--muted);margin:-4px 0 12px;font-size:10px;line-height:1.5}.inline-form{gap:8px;display:flex}.inline-form input{flex:1;min-width:0}.inline-form .btn{flex:none;padding:0 12px}.stop-chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.stop-chip{color:var(--primary-dark);background:#e9f5f2;border-radius:999px;align-items:center;gap:5px;padding:5px 7px 5px 9px;font-size:12px;display:inline-flex}.stop-chip button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.driver-photo-preview{object-fit:cover;border:2px solid var(--line);border-radius:50%;width:72px;height:72px;margin-top:8px}.route-dropoff-list{gap:12px;display:grid}.route-dropoff-stop{align-items:center;gap:12px;min-height:48px;display:flex}.route-stop-marker{flex-direction:column;align-self:stretch;align-items:center;width:28px;display:flex}.route-stop-marker span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.route-stop-marker i{border-left:1px dashed #b8c8dd;flex:1;margin-top:4px}.route-dropoff-stop:last-child .route-stop-marker i{visibility:hidden}.route-dropoff-stop strong,.route-dropoff-stop small{display:block}.route-dropoff-stop small{color:var(--muted);margin-top:3px;font-size:11px}.filter-chip,.live-tag{color:var(--blue);background:#edf3ff;border-radius:30px;padding:8px 11px;font-size:10px;font-weight:700}.live-tag{color:#18a878;background:#e6f9f2}.live-tag i{background:#21bc89;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.search-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:15px;align-items:flex-end;gap:12px;padding:17px;display:flex}.filter-live{color:#168c69;white-space:nowrap;background:#e7f8f1;border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.field{flex:1}.field label{color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.field input,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:10px 11px;font-size:12px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2864e815}.stepper{align-items:center;gap:18px;display:flex}.stepper div{color:#a5adba;align-items:center;gap:7px;font-size:10px;display:flex}.stepper div:not(:last-child):after{content:"";border-top:1px dashed #d6dae2;width:25px;margin-left:7px}.stepper span{border:1px solid #dfe3ea;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.stepper .current{color:var(--blue);font-weight:700}.stepper .current span,.stepper .done span{background:var(--blue);color:#fff;border-color:var(--blue)}.stepper .done{color:var(--mint)}.booking-layout{grid-template-columns:1.4fr .7fr;align-items:start;gap:18px;display:grid}.card-panel{padding:24px}.back-link{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;margin-bottom:18px;font-size:11px;display:flex}.card-panel h3{font-size:17px}.selected-trip{background:#f6f8fc;border-radius:12px;align-items:center;gap:11px;margin:18px 0 24px;padding:12px;display:flex}.mini-icon{width:38px;height:38px;color:var(--blue);background:#eaf2ff;border-radius:10px;place-items:center;display:grid}.selected-trip strong,.selected-trip small{display:block}.selected-trip strong{font-size:12px}.selected-trip small{color:var(--muted);margin-top:4px;font-size:10px}.selected-trip>span{margin-left:auto;font-size:14px;font-weight:800}.van-seat-map{border:1px solid var(--line);background:#fbfcfe;border-radius:18px;max-width:410px;margin:auto;padding:18px}.seat-front{text-align:center;color:var(--muted);border-bottom:1px dashed #dce2eb;margin-bottom:18px;padding-bottom:14px;font-size:10px}.seat-front span{float:right;color:#aab3c0}.seat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.seat-button{height:43px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbd7eb;border-radius:9px;font-size:11px;font-weight:800}.seat-button:hover{border-color:var(--blue)}.seat-button.selected{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 12px #2864e83d}.seat-button.occupied{color:#b4bcc7;cursor:not-allowed;background:#edf0f3;border-color:#edf0f3}.seat-legend{color:var(--muted);justify-content:center;gap:16px;margin-top:18px;font-size:10px;display:flex}.seat-legend span{align-items:center;gap:5px;display:flex}.seat-legend i{background:#fff;border:1px solid #cbd7eb;border-radius:3px;width:10px;height:10px}.seat-legend .selected-dot{background:var(--blue);border-color:var(--blue)}.seat-legend .occupied-dot{background:#edf0f3;border-color:#edf0f3}.seat-legend .pending-dot{background:#e8a634;border-color:#e8a634}.booking-summary{position:sticky;top:100px}.summary-label{color:var(--blue);letter-spacing:1px;font-size:10px;font-weight:800}.booking-summary h3{margin:8px 0 18px;font-size:20px}.summary-row{border-top:1px solid var(--line);padding:10px 0;font-size:11px}.summary-row span{color:var(--muted)}.booking-summary .field{margin-top:17px}.total-row{border-top:1px solid var(--line);margin-top:20px;padding:17px 0;font-size:12px}.total-row strong{color:var(--blue);font-size:19px}.center-card{text-align:center;max-width:700px;margin:10px auto;padding:48px 30px}.center-card h2{margin:9px 0 6px;font-size:25px}.confirm-icon,.payment-icon,.success-icon{border-radius:18px;place-items:center;width:57px;height:57px;margin:auto;display:grid}.confirm-icon{color:var(--mint);background:#e6f9f2}.payment-icon{color:var(--orange);background:#fff3df}.success-icon{color:var(--mint);background:#dcf8ed}.confirm-grid{text-align:left;border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;margin:28px 0;padding:4px;display:grid}.confirm-grid>div{border-bottom:1px solid var(--line);padding:14px}.confirm-grid>div:nth-last-child(-n+2){border-bottom:0}.confirm-grid strong{font-size:12px}.confirm-actions{justify-content:flex-end;gap:9px;display:flex}.fake-qr{background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 10px);border:10px solid #fff;place-items:center;width:150px;height:150px;margin:24px auto 13px;display:grid;box-shadow:0 2px 16px #0001}.fake-qr svg{color:#111;background:#fff;padding:7px}.payment-amount{color:var(--blue);font-size:27px;display:block}.booking-code{color:var(--muted);margin:5px 0 22px;font-size:10px;display:block}.success-card .ticket-preview{text-align:left;background:#f7f9fc;border-radius:12px;justify-content:center;gap:0;max-width:470px;margin:24px auto;padding:14px;display:flex}.ticket-preview>div{border-right:1px solid var(--line);padding:0 20px}.ticket-preview>div:last-child{border:0}.ticket-preview strong{font-size:12px}.green-text{color:var(--mint)}.ticket-list{flex-direction:column;gap:15px;display:flex}.e-ticket{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:1fr 180px;display:grid;overflow:hidden}.ticket-main{padding:22px}.ticket-status{color:var(--muted);font-size:10px}.ticket-route-large{align-items:center;gap:20px;margin:22px 0;display:flex}.ticket-route-large strong{font-size:17px}.ticket-details{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-start;padding-top:14px;font-size:10px}.ticket-details span{align-items:center;gap:5px;display:flex}.ticket-qr{color:var(--muted);background:#f6f8fd;border-left:1px dashed #d7deeb;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.qr-pattern{color:#182138;background:#fff;padding:14px}.ticket-actions{justify-content:flex-start;margin-top:16px}.ticket-actions>span{color:var(--orange);font-size:10px}.ticket-review{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:12px;margin-top:16px;padding-top:16px;display:grid}.ticket-review>.btn{grid-column:1/-1;justify-self:start}.review-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.review-rating{align-self:start}.operations-layout,.admin-grid{grid-template-columns:1fr 1.3fr;gap:18px;display:grid}.operation-row,.passenger-row,.admin-trip-row{text-align:left;background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;margin-top:9px;padding:12px;display:flex}.operation-row{cursor:pointer}.operation-row:hover,.operation-row.selected{background:#f8fbff;border-color:#b9cffc}.operation-row strong,.operation-row small,.passenger-row strong,.passenger-row small,.admin-trip-row strong,.admin-trip-row small{display:block}.operation-row strong,.passenger-row strong,.admin-trip-row strong{font-size:11px}.operation-row small,.passenger-row small,.admin-trip-row small{color:var(--muted);margin-top:4px;font-size:10px}.operation-row .status-pill{margin-left:auto}.passenger-panel{min-height:320px}.passenger-row{border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:13px 0}.passenger-row .status-pill{margin-left:auto}.action-bar{background:#eaf2ff;border:1px solid #d7e5ff;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.action-bar strong,.action-bar span{display:block}.action-bar strong{font-size:12px}.action-bar span{margin-top:4px;font-size:10px}.action-buttons{gap:8px;display:flex}.admin-grid{grid-template-columns:1.45fr .55fr}.admin-trip-row{border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:13px 0}.admin-trip-row .status-pill{margin-left:auto}.admin-progress{width:110px;margin-left:auto}.admin-progress span{color:var(--muted);font-size:9px}.admin-progress div{background:#e8edf5;border-radius:5px;height:5px;margin-top:6px}.admin-progress i{background:var(--blue);border-radius:5px;height:100%;display:block}.highlight-panel{color:#fff;background:linear-gradient(145deg,#2560d8,#52a9ec);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.panel-icon{background:#ffffff25;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.highlight-panel .eyebrow{color:#cfe7ff}.highlight-panel>strong{font-size:32px}.highlight-panel>strong small{font-size:12px;font-weight:500}.highlight-panel p{color:#e5f1ff;margin-bottom:auto;font-size:11px}.table-panel{padding:24px}.table-wrap{margin-top:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 10px;font-size:10px;font-weight:700}td{border-bottom:1px solid var(--line);padding:14px 10px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px;font-size:9px}.profile-form{padding:0;overflow:hidden}.profile-cover{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#e9f2ff,#f8fbff);align-items:center;gap:15px;padding:26px 28px;display:flex}.profile-cover h3{font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;padding:26px 28px;display:grid}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:15px;padding:17px 28px;display:flex}.saved{color:var(--mint);align-items:center;gap:5px;font-size:11px;display:flex}.empty-state{text-align:center;color:var(--muted);border:1px dashed #d8e0ec;border-radius:14px;grid-column:1/-1;padding:34px;font-size:11px}.empty-state svg{color:#aec0db;margin-bottom:8px}.alert{border-radius:10px;padding:11px 14px;font-size:11px}.alert.error{color:#c65d68;background:#fff0f0;border:1px solid #ffd4d4}.mobile-only{display:none}@media (width<=1100px){.trip-grid{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.55}.content-new{padding:28px}.topbar-new{padding:0 28px}}@media (width<=800px){.sidebar-new{transition:all .25s;transform:translate(-100%);box-shadow:10px 0 30px #17203322}.sidebar-new.open{transform:translate(0)}.main-new{margin-left:0}.mobile-only{display:grid}.topbar-new{gap:12px;height:68px;padding:0 18px}.topbar-new>div:nth-child(2){margin-right:auto}.top-profile-copy{display:none}.top-profile{padding-left:12px}.content-new{padding:24px 16px 45px}.welcome-row,.page-intro{flex-direction:column;align-items:flex-start}.welcome-row h2,.page-intro h2{font-size:24px}.stats-grid,.trip-grid,.booking-layout,.operations-layout,.admin-grid{grid-template-columns:1fr}.hero-banner{min-height:280px;padding:28px 24px}.hero-banner h2{font-size:27px}.hero-art{opacity:.45;width:75%;right:-10%}.stepper{justify-content:space-between;gap:5px;width:100%}.stepper div:not(:last-child):after{width:10px}.search-panel{flex-direction:column;align-items:stretch}.search-panel .btn{width:100%}.filter-live{justify-content:center}.booking-summary{position:static}.e-ticket{grid-template-columns:1fr}.ticket-qr{border-top:1px dashed #d7deeb;border-left:0;padding:20px}.ticket-review{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch;gap:15px}.action-buttons{flex-wrap:wrap}.action-buttons .btn{flex:1}.confirm-grid{grid-template-columns:1fr}.confirm-grid>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.confirm-grid>div:last-child{border-bottom:0}.center-card{padding:36px 18px}.form-grid{grid-template-columns:1fr;padding:20px}.profile-cover{padding:20px}.form-actions{justify-content:space-between;padding:15px 20px}.top-actions{gap:12px}}@media (width<=480px){.topbar-new h1{font-size:15px}.eyebrow{font-size:9px}.hero-banner{min-height:300px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.trip-route{padding:20px 0 14px}.ticket-details,.ticket-preview{flex-wrap:wrap}.ticket-preview>div{padding:8px 12px}.seat-grid{gap:7px}.seat-button{height:40px}}.auth-shell{background:#f6f8fb;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(145deg,#1647ba,#2b75df);padding:46px 8vw;position:relative;overflow:hidden}.auth-visual:after{content:"";border:1px solid #ffffff25;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-170px;right:-180px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.auth-brand{align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.auth-brand-name{color:#fff}.auth-brand-name>span{color:#bce9ff}.auth-copy{z-index:1;margin-top:24vh;position:relative}.auth-copy h1{letter-spacing:-2px;margin:13px 0;font-size:58px;line-height:1.08}.auth-copy h1 em{color:#b6e7ff;font-style:normal}.auth-copy>p:last-child{color:#d7e8ff;max-width:350px;font-size:13px;line-height:1.8}.auth-route{z-index:1;color:#cfe5ff;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;bottom:64px}.auth-route i{border-top:1px dashed #b9dcff;width:100px;position:relative}.auth-route i:after{content:"›";font-size:18px;position:absolute;top:-10px;right:-2px}.auth-form-wrap{justify-content:center;align-items:center;padding:35px;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;max-width:450px;padding:32px;box-shadow:0 18px 50px #263f6812}.auth-card-head h2{letter-spacing:-.8px;margin-bottom:6px;font-size:28px}.auth-tabs{border-bottom:1px solid var(--line);gap:20px;margin:28px 0 22px;display:flex}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px;font-size:12px;font-weight:700}.auth-tabs button.active{color:var(--blue);border-color:var(--blue)}.auth-error{color:#c65d68;background:#fff0f0;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.password-input{position:relative}.password-input input{padding-right:38px}.password-input button{color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-submit{width:100%;margin-top:3px;padding:13px}.otp-card{text-align:center}.otp-icon{width:58px;height:58px;color:var(--blue);background:#eaf2ff;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.otp-input{text-align:center;letter-spacing:9px;font-size:24px;font-weight:800}.otp-cancel{align-self:center;margin-top:4px}.demo-login{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.demo-login>div:first-child{color:var(--blue);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.demo-buttons{gap:7px;margin:12px 0 7px;display:flex}.demo-buttons button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f8faff;border-radius:8px;flex:1;padding:8px 4px;font-size:10px}.demo-buttons button:hover{color:var(--blue);border-color:#a9c2f5}.demo-login small{color:var(--muted);font-size:9px}.auth-footer{text-align:center;color:#a0a9b7;margin-top:18px;font-size:10px}@media (width<=800px){.auth-shell{display:block}.auth-visual{min-height:245px;padding:26px 25px}.auth-copy{margin-top:45px}.auth-copy h1{letter-spacing:-1.3px;font-size:35px}.auth-copy>p:last-child{font-size:11px}.auth-route{bottom:24px}.auth-form-wrap{margin-top:-35px;padding:20px 15px;position:relative}.auth-card{padding:25px 21px}.auth-visual:after{width:300px;height:300px}.auth-brand{font-size:19px}}.scanner-card{flex-direction:column;gap:16px;max-width:680px;margin:0 auto;display:flex}.camera-scanner{aspect-ratio:4/3;background:radial-gradient(circle,#182844 0%,#0b1424 72%);border:1px solid #cbd8ec;border-radius:18px;place-items:center;width:100%;max-height:480px;display:grid;position:relative;overflow:hidden}.camera-preview{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s}.camera-scanner.active .camera-preview{opacity:1}.camera-placeholder{color:#dce8ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.camera-placeholder strong{color:#fff;font-size:15px}.camera-placeholder span{color:#aabbd5;max-width:340px;font-size:12px;line-height:1.6}.camera-guide{aspect-ratio:1;width:min(58%,290px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-guide:before{content:"";border:1px solid #ffffff40;border-radius:12px;position:absolute;inset:12px}.camera-guide i{border-style:solid;border-color:#fff;width:42px;height:42px;position:absolute}.camera-guide i:first-child{border-width:4px 0 0 4px;border-radius:12px 0 0;top:0;left:0}.camera-guide i:nth-child(2){border-width:4px 4px 0 0;border-radius:0 12px 0 0;top:0;right:0}.camera-guide i:nth-child(3){border-width:0 4px 4px 0;border-radius:0 0 12px;bottom:0;right:0}.camera-guide i:nth-child(4){border-width:0 0 4px 4px;border-radius:0 0 0 12px;bottom:0;left:0}.camera-live{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07101fcc;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex;position:absolute;top:14px;left:14px}.camera-live i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d39925}.camera-actions{display:flex}.manual-scan{border-top:1px solid var(--line);padding-top:14px}.manual-scan summary{min-height:44px;color:var(--muted);cursor:pointer;padding:12px 2px;font-size:12px}.manual-scan-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:10px;display:grid}.manual-scan-controls .field{min-width:0}.scan-result{border-radius:12px;flex-direction:column;gap:6px;padding:14px;font-size:11px;display:flex}.scan-result.valid{color:#168c69;background:#e7f8f1}.scan-result.invalid{color:#d3656e;background:#fff0f0}.ticket-qr-image{object-fit:contain;background:#fff;border-radius:8px;width:108px;height:108px;padding:8px}.ticket-driver{color:var(--muted);align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.ticket-driver img{object-fit:cover;border-radius:50%;width:24px;height:24px}.schedule-editor{justify-content:space-between;align-items:center;gap:16px;display:flex}.schedule-editor h3{font-size:14px}.schedule-control{align-items:center;gap:8px;display:flex}.schedule-control input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:9px}.stat-card{flex-direction:row}.muted{font-size:13px}.field label{font-size:11px}.field input,.field select,.field textarea{min-height:42px;font-size:13px}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:100px;color:var(--ink);border-radius:9px;outline:0;padding:11px}.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2864e815}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #77a4ff}.notification-wrap{position:relative}.notification-button{background:#f5f7fb;border-radius:11px;width:38px;height:38px;transition:all .2s}.notification-button:hover,.notification-button[aria-expanded=true]{color:var(--blue);background:#eaf1ff}.notification-button span{width:auto;min-width:18px;padding:0 4px}.notification-popover{border:1px solid var(--line);z-index:100;background:#fff;border-radius:16px;width:min(370px,100vw - 32px);position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 22px 60px #17203324}.notification-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.notification-head strong{font-size:13px}.notification-head small{color:var(--muted);font-size:10px}.notification-list{max-height:360px;overflow-y:auto}.notification-item{border-bottom:1px solid #eef1f5;gap:11px;padding:13px 17px;display:flex}.notification-item:last-child{border-bottom:0}.notification-item>i{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.notification-item.accident>i{background:var(--red)}.notification-item.departure>i{background:var(--mint)}.notification-item.schedule_change>i{background:var(--orange)}.notification-item p{color:var(--ink);font-size:11px;line-height:1.55}.notification-item small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.notification-empty{color:var(--muted);flex-direction:column;align-items:center;gap:9px;padding:30px;font-size:11px;display:flex}.auth-shell{flex:1;width:100%}.auth-form-wrap{flex-direction:column}.auth-success{color:#168c69;background:#e7f8f1;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.auth-footer{width:100%;max-width:450px}.trip-form .form-actions{border-radius:0 0 var(--radius) var(--radius)}.profile-alert{margin:18px 28px 0}.admin-trip-row:last-child,.passenger-row:last-child{border-bottom:0}.table-wrap table{min-width:650px}.sidebar-backdrop{display:none}@media (width<=1100px){.schedule-editor{flex-wrap:wrap;align-items:stretch}.schedule-editor h3{width:100%}.schedule-control{flex:1}}@media (width<=800px){.sidebar-backdrop.mobile-only{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;background:#17203366;border:0;display:block;position:fixed;inset:0}.sidebar-new{z-index:50}.auth-route{display:none}.notification-popover{position:fixed;top:62px;right:16px}.admin-trip-row{flex-wrap:wrap}.admin-progress{order:5;width:calc(100% - 49px);margin-left:49px}.schedule-control{min-width:100%}.schedule-control input{flex:1}.auth-form-wrap{align-items:center}}@media (width<=480px){.content-new,.topbar-new{padding-left:13px;padding-right:13px}.top-actions{gap:7px}.top-profile{padding-left:8px}.welcome-row>.btn,.page-intro>.btn{width:100%}.hero-art{display:none}.hero-banner{min-height:0}.hero-banner>div:first-child{z-index:1;position:relative}.stepper div{gap:3px;font-size:0}.stepper div span{font-size:10px}.selected-trip{flex-wrap:wrap;align-items:flex-start}.selected-trip>span{width:100%;margin-left:49px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}.action-buttons{grid-template-columns:1fr;display:grid}.action-buttons .btn{width:100%}.demo-buttons{grid-template-columns:repeat(2,1fr);display:grid}.auth-two{grid-template-columns:1fr}.auth-card{border-radius:18px}}.driver-next-trip{flex-direction:column;gap:22px;display:flex}.driver-route-summary{border:1px solid var(--line);background:#f8faff;border-radius:14px;grid-template-columns:1fr auto 1fr 1.35fr 1.2fr;align-items:center;gap:18px;padding:20px;display:grid}.driver-route-summary small,.driver-route-summary strong{display:block}.driver-route-summary small{color:var(--muted);margin-bottom:5px;font-size:10px}.driver-route-summary strong{font-size:13px}.driver-next-trip>.btn{align-self:flex-end}@media (width<=800px){.driver-route-summary{grid-template-columns:1fr auto 1fr}.driver-route-summary>div:nth-last-child(-n+2){border-top:1px solid var(--line);grid-column:1/-1;padding-top:12px}.driver-next-trip>.btn{align-self:stretch}}.demo-mode-banner{color:#704f00;background:#fff8e7;border:1px solid #f0c36a;border-radius:10px;margin:0 32px;padding:10px 14px;font-size:13px;font-weight:600}#root small,#root .workspace,#root .nav-badge,#root .help-card strong,#root .eyebrow,#root .notification-count,#root .top-profile-copy small,#root .btn.small,#root .danger-outline,#root .hero-kicker,#root .stat-card span,#root .stat-card small,#root .link-button,#root .trip-type,#root .status-pill,#root .route-line small,#root .trip-meta strong small,#root .filter-chip,#root .live-tag,#root .field label,#root .stepper div,#root .seat,#root .summary-label,#root .summary-row,#root .booking-code,#root .ticket-status,#root .ticket-details,#root .ticket-driver,#root .ticket-actions>span,#root .passenger-row strong,#root .admin-trip-row strong,#root .passenger-row small,#root .admin-trip-row small,#root .action-bar span,#root .admin-progress span,#root table,#root th,#root td small,#root .saved,#root .empty-state,#root .alert,#root .auth-error,#root .auth-route,#root .demo-buttons button,#root .demo-login small,#root .auth-footer,#root .camera-placeholder span,#root .camera-live,#root .manual-scan summary,#root .scan-result,#root .notification-head small,#root .notification-item p,#root .notification-item small,#root .review-card,#root .history-chip{font-size:12px}:root{--page-max:1240px;--page-gutter:clamp(20px, 3.2vw, 42px);--section-gap:24px;--card-padding:24px;--control-height:44px}.content-new{width:100%;max-width:var(--page-max);padding:32px var(--page-gutter) 56px;margin-inline:auto}.page-stack,.page-stack.narrow{gap:var(--section-gap);width:100%;max-width:none;margin-inline:auto}.welcome-row,.page-intro,.section-head{align-items:center;width:100%}.card-panel,.trip-card,.stat-card{border-radius:var(--radius);min-width:0}.card-panel,.table-panel{width:100%;padding:var(--card-padding)}.stats-grid,.trip-grid,.operations-layout,.admin-grid{grid-auto-rows:1fr;align-items:stretch;width:100%}.stats-grid>*,.trip-grid>*,.operations-layout>*,.admin-grid>*{min-width:0;height:100%}.stat-card{min-height:116px;padding:20px}.trip-card{flex-direction:column;min-height:284px;padding:22px;display:flex}.trip-card>.btn{width:100%;margin-top:auto}.trip-meta{margin-top:auto}.operations-layout>.card-panel,.admin-grid>.card-panel{flex-direction:column;display:flex}.passenger-panel,.highlight-panel{min-height:100%}.search-panel{width:100%;padding:20px}.search-panel>.field{flex:1 1 0;min-width:0}.field input,.field select,.field textarea,.schedule-control input,.btn:not(.small){min-height:var(--control-height)}.center-card{width:100%}.profile-form,.trip-form,.scanner-card{width:100%;max-width:none;margin-inline:0}.form-grid{width:100%}.demo-mode-banner{width:auto;max-width:calc(var(--page-max) - (var(--page-gutter) * 2));margin:16px auto 0}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-height:100dvh}.auth-visual{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:100dvh;padding:clamp(32px,5vw,64px);display:grid}.auth-copy{align-self:center;margin:0}.auth-copy h1{font-size:clamp(44px,4.4vw,60px)}.auth-route{align-self:end;position:static}.auth-form-wrap{grid-template-rows:minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:100dvh;max-height:100dvh;padding:28px clamp(30px,5vw,64px) 22px;display:grid;overflow-y:auto}.auth-card{align-self:center;width:min(100%,460px);max-width:460px;padding:30px}.auth-footer{align-self:end;width:min(100%,460px);max-width:460px;margin:16px 0 0}.demo-buttons{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.demo-buttons button{width:100%;min-width:0}@media (width<=1100px){:root{--page-gutter:28px}.content-new{padding:28px var(--page-gutter) 50px}.auth-card{padding:26px}.demo-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-buttons button:nth-last-child(-n+2){grid-column:span 1}}@media (width<=800px){:root{--page-gutter:16px;--section-gap:20px;--card-padding:20px}.content-new{padding:22px var(--page-gutter) 44px}.demo-mode-banner{max-width:none;margin:12px var(--page-gutter) 0}.auth-shell{min-height:100dvh;display:block}.auth-visual{grid-template-rows:auto 1fr;height:230px;min-height:230px;padding:24px}.auth-copy{align-self:end;margin:0 0 30px}.auth-copy h1{font-size:clamp(32px,10vw,40px)}.auth-form-wrap{min-height:auto;max-height:none;margin-top:-28px;padding:0 15px 24px;display:flex;overflow:visible}.auth-card{border-radius:20px;width:min(100%,520px);max-width:520px;padding:24px 22px}.auth-footer{width:min(100%,520px);max-width:520px;margin-top:14px}.demo-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-buttons button:last-child:nth-child(odd){grid-column:1/-1}.auth-tabs button,.demo-buttons button{min-height:44px}.password-input input{padding-right:52px}.password-input button{place-items:center;width:44px;height:44px;display:grid;right:0}.stats-grid,.trip-grid,.operations-layout,.admin-grid{grid-auto-rows:auto}.stat-card,.trip-card,.operations-layout>*,.admin-grid>*{height:auto}.search-panel>.field{width:100%}}@media (width<=480px){:root{--page-gutter:13px;--card-padding:18px}.auth-visual{height:218px;min-height:218px;padding:20px}.auth-copy{margin-bottom:24px}.auth-copy>p:last-child{display:none}.auth-card{padding:22px 20px}.auth-tabs{margin:22px 0 18px}.camera-scanner{aspect-ratio:1;border-radius:14px}.camera-guide{width:min(68%,250px)}.manual-scan-controls{grid-template-columns:1fr}.manual-scan-controls .btn{width:100%}.demo-login{margin-top:20px;padding-top:16px}}.account-page{--account-inset:24px;--account-columns:minmax(210px, 1.45fr) minmax(150px, .85fr) minmax(190px, 1.2fr) minmax(160px, .9fr) minmax(170px, auto)}.alert.success{color:#168c69;background:#e7f8f1;border:1px solid #bcebdc}.account-form{padding:0;overflow:hidden}.account-form-head{padding:22px var(--account-inset);border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f3f7ff,#fbfdff);justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.account-form-head h3{margin:3px 0 4px;font-size:18px}.account-form-grid{padding:var(--account-inset);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.account-form>.form-actions{padding-inline:var(--account-inset)}.account-directory{padding:0;overflow:hidden}.account-toolbar{padding:18px var(--account-inset);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.account-search{width:min(460px,100%);min-height:var(--control-height);border:1px solid var(--line);color:var(--muted);background:#f8faff;border-radius:11px;align-items:center;gap:9px;padding:0 13px;display:flex}.account-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2864e815}.account-search input{width:100%;min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.account-filters{background:#f1f4f9;border-radius:11px;gap:3px;padding:4px;display:flex}.account-filters button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.account-filters button.active{color:var(--blue);background:#fff;box-shadow:0 3px 12px #17203312}.account-list{flex-direction:column;display:flex}.account-column-heads{padding:11px var(--account-inset);border-bottom:1px solid var(--line);grid-template-columns:var(--account-columns);color:var(--muted);background:#fafbfe;gap:18px;font-size:10px;font-weight:700;display:grid}.account-column-heads span:last-child{text-align:right}.account-row{min-width:0;padding:17px var(--account-inset);border-bottom:1px solid var(--line);grid-template-columns:var(--account-columns);align-items:center;gap:18px;display:grid}.account-row:last-child{border-bottom:0}.account-row:hover{background:#fbfcff}.account-identity{align-items:center;gap:11px;min-width:0;display:flex}.account-identity .avatar{flex:none}.account-identity div,.account-contact,.account-meta{min-width:0}.account-identity strong,.account-identity small,.account-contact strong,.account-contact small,.account-meta strong,.account-meta small{display:block}.account-identity strong,.account-contact strong,.account-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-identity small,.account-contact small,.account-meta small{color:var(--muted);margin-top:4px;font-size:11px}.account-role{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.role-badge,.account-status,.read-only-label{white-space:nowrap;border-radius:999px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:700}.role-badge{color:var(--blue);background:#edf3ff}.role-badge.passenger{color:#7552c8;background:#f2edff}.role-badge.driver{color:#168c69;background:#e9f8f2}.role-badge.admin{color:#bf6c2b;background:#fff1e7}.account-status.active{color:#168c69}.account-status.inactive{color:#c65d68}.account-actions{justify-content:flex-end;gap:7px;display:flex}.account-actions .btn.small{white-space:nowrap;min-height:36px;margin-left:0}.btn.activate{color:#168c69;background:#e7f8f1;border:1px solid #bcebdc}.read-only-label{color:var(--muted);background:#f1f4f9}.account-loading{color:var(--muted);text-align:center;padding:44px 20px;font-size:12px}.profile-password-form{padding:0;overflow:hidden}.password-card-head{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#f8fbff,#fff);align-items:center;gap:14px;padding:22px 28px;display:flex}.password-card-head h3{margin-bottom:4px;font-size:16px}.password-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:26px 28px;display:grid}.profile-password-form .form-actions>.muted{margin-right:auto}@media (width<=1100px){.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-row{grid-template-columns:minmax(0,1fr) auto}.account-column-heads{display:none}.account-contact{grid-column:1;padding-left:51px}.account-meta{text-align:right;grid-column:2;padding-left:0}.account-actions{grid-column:1/-1;padding-left:51px}}@media (width<=800px){.account-page{--account-inset:18px}.account-toolbar{flex-direction:column;align-items:stretch}.account-search{width:100%}.account-filters button{flex:1;min-height:44px}.account-row{grid-template-columns:minmax(0,1fr) auto;gap:14px}.account-role{align-items:flex-end}.password-form-grid{grid-template-columns:1fr}}@media (width<=560px){.account-form-grid{grid-template-columns:1fr;padding:20px}.account-form-head{padding:20px}.account-form .form-actions{padding:16px 20px}.account-form .form-actions .btn{flex:1}.account-filters{width:100%}.account-filters button{padding-inline:7px}.account-row{grid-template-columns:minmax(0,1fr)}.account-role,.account-contact,.account-meta,.account-actions{grid-column:1}.account-role{flex-flow:wrap;align-items:flex-start;padding-left:51px}.account-contact,.account-meta,.account-actions{text-align:left;padding-left:51px}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-actions .btn.small{width:100%;min-height:44px}.password-card-head,.password-form-grid{padding-inline:20px}.profile-password-form .form-actions{flex-direction:column;align-items:stretch}.profile-password-form .form-actions .btn{width:100%}}