:root{--font-sans:"Segoe UI", "Helvetica Neue", sans-serif;--bg-canvas:#edf3f8;--bg-soft:#f6f9fc;--panel:#fffffff5;--panel-strong:#fff;--panel-muted:#f4f8fcfa;--text:#12253d;--text-soft:#31465f;--muted:#667a91;--line:#12253d17;--line-strong:#12253d29;--primary-900:#0d2037;--primary-800:#112b46;--primary-700:#153a5b;--primary-600:#17648f;--primary-500:#2686b5;--primary-soft:#17648f1f;--teal-700:#0f6e67;--teal-600:#12867f;--teal-500:#22a7a0;--teal-soft:#12867f1f;--success:#0d6b4e;--success-soft:#edfdf8;--warning:#b54708;--warning-soft:#fff7ed;--danger:#b42318;--danger-soft:#fef3f2;--shadow-xl:0 30px 80px #0f273e21;--shadow-lg:0 20px 48px #0f273e17;--shadow-md:0 10px 26px #0f273e0f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 0 0,#12867f1f,#0000 30%),radial-gradient(circle at 100% 0,#17648f1f,#0000 26%),linear-gradient(#ffffffd6 0%,#edf3f8eb 22%,#edf3f8 100%);margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,p{margin-top:0}.page{min-height:100vh;padding:22px 24px 28px}.app-page{padding-top:18px}.stack,.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.muted{color:var(--muted)}.card,.surface-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.surface-card{position:relative;overflow:hidden}.surface-card:before{content:"";background:linear-gradient(90deg,#ffffffeb,#17648f29,#ffffffa8);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.button{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 18px;font-weight:700;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex;box-shadow:0 10px 24px #17648f2e}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #17648f38}.button.secondary{background:var(--panel-strong);color:var(--primary-700);box-shadow:none;border-color:#17648f2e}.button.secondary:hover:not(:disabled){background:#17648f0d}.button.danger{background:var(--danger-soft);color:var(--danger);box-shadow:none;border-color:#b4231824}.button.danger:hover:not(:disabled){background:#fee7e6}.button:disabled{opacity:.66;cursor:wait;box-shadow:none;transform:none}.status-pill{width:fit-content;color:var(--primary-700);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#17648f1f,#12867f1a);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.field{gap:8px;display:grid}.field label{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:.94rem;font-weight:600;display:flex}.field-optional{color:var(--muted);font-size:.82rem;font-weight:500}.field input,.field select,.field textarea{background:var(--panel-strong);width:100%;min-height:48px;color:var(--text);border:1px solid #12253d1f;border-radius:14px;padding:13px 15px;transition:border-color .12s,box-shadow .12s,background .12s;box-shadow:inset 0 1px #ffffffa6}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:#8aa0b8}.field input:focus,.field select:focus,.field textarea:focus{border-color:#17648f66;outline:none;box-shadow:0 0 0 4px #17648f1a}.field input:disabled,.field select:disabled,.field textarea:disabled{color:var(--muted);cursor:not-allowed;background:#f5f8fb}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b423185c;box-shadow:0 0 0 4px #b4231814}.field-hint,.field-error,.field-file-name{margin:0;font-size:.88rem}.field-hint{color:var(--muted)}.field-file-name{color:var(--text-soft);font-weight:600}.field-error{color:var(--danger)}.shell-layout{grid-template-columns:316px minmax(0,1fr);align-items:start;gap:22px;display:grid}.shell-layout-rider{grid-template-columns:248px minmax(0,1fr)}.sidebar-shell{align-self:start;position:sticky;top:18px}.sidebar-card{background:linear-gradient(180deg, #102740fa, #133452f7), var(--primary-900);color:#fff;min-height:calc(100vh - 36px);box-shadow:var(--shadow-xl);border-color:#ffffff0f;padding:24px 18px 18px}.shell-layout-rider .sidebar-card{padding:18px 12px 14px}.sidebar-card:before{display:none}.sidebar-stack{gap:18px;height:100%}.brand-lockup{gap:16px;padding:6px 8px 0;display:grid}.brand-lockup-rider{gap:10px;padding-inline:6px}.brand-lockup h2,.page-header h2,.sidebar-user-name,.form-card-header h2,.state-copy h3,.top-navbar-title-block h1{margin-bottom:0}.brand-mark-row{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(160deg,#22a7a03d,#ffffff14);border:1px solid #ffffff17;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-mark span{background:linear-gradient(135deg,#5fd4cd,#c8f3ee);border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 6px #5fd4cd24}.sidebar-brand-copy{gap:12px;display:grid}.sidebar-brand-copy .muted,.sidebar-user .muted{color:#e6eff7b3}.sidebar-context-pill{color:#dceaf6;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:9px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.sidebar-context-dot{background:#5fd4cd;border-radius:999px;width:8px;height:8px}.sidebar-nav{gap:18px;display:grid}.shell-layout-rider .sidebar-nav{gap:8px}.sidebar-nav-group{gap:10px;display:grid}.sidebar-nav-group-label{color:#dceaf694;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0 10px;font-size:.78rem;font-weight:700}.sidebar-nav-group-items{gap:6px;display:grid}.shell-layout-rider .sidebar-nav-group-label{padding-inline:8px}.sidebar-link{color:#eff6fbd1;background:#ffffff08;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:14px 16px;font-weight:600;transition:border-color .12s,background .12s,transform .12s,color .12s;display:flex}.shell-layout-rider .sidebar-link{border-radius:12px;min-height:42px;padding:10px 12px}.sidebar-link:hover{background:#ffffff0f;border-color:#5fd4cd1f;transform:translate(2px)}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#22a7a029,#ffffff17);border-color:#5fd4cd47;box-shadow:inset 0 1px #ffffff0d}.sidebar-link-copy{align-items:center;gap:10px;display:inline-flex}.sidebar-link-icon{flex:0 0 18px;width:18px;height:18px}.sidebar-link-indicator{background:0 0;border:1px solid #fff3;border-radius:999px;width:8px;height:8px}.sidebar-link.active .sidebar-link-indicator{background:#5fd4cd;border-color:#5fd4cd}.sidebar-user{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;gap:16px;margin-top:auto;padding:18px;display:grid}.sidebar-user-rider{background:0 0;border:0;margin-top:auto;padding:0}.sidebar-user-block{gap:6px;display:grid}.sidebar-user p,.page-header p,.form-card-header p,.empty-state p,.state-copy p,.metric-description,.summary-row p{margin:0}.sidebar-user-name{color:#fff;font-size:1rem;font-weight:700}.sidebar-section-label{color:#dceaf68c;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.sidebar-role-line{min-height:40px}.sidebar-user-actions{display:flex}.sidebar-logout{width:100%}.shell-content{gap:18px}.top-navbar-card{padding:12px 16px}.top-navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.top-navbar-primary,.top-navbar-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.top-navbar-rider{align-items:center}.top-navbar-rider .top-navbar-primary{flex:220px}.top-navbar-rider .top-navbar-actions{justify-content:flex-end}.top-navbar-rider-compact{min-height:52px}.top-navbar-breadcrumb{color:var(--muted);align-items:center;gap:10px;font-size:.84rem;font-weight:600;display:inline-flex}.top-navbar-eyebrow{color:var(--primary-700);font-weight:700}.top-navbar-separator{color:#9aaabd}.top-navbar-title-block{gap:6px;display:grid}.top-navbar-title-block-compact{gap:2px}.top-navbar-title-block h1{letter-spacing:-.04em;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.04}.top-navbar-title-block p{margin:0}.top-navbar-chip{border:1px solid var(--line);background:var(--panel-muted);border-radius:16px;gap:4px;min-width:148px;padding:12px 14px;display:inline-grid}.top-navbar-icon-button{border:1px solid var(--line);background:var(--panel-muted);width:40px;height:40px;color:var(--primary-700);border-radius:14px;justify-content:center;align-items:center;transition:background .12s,border-color .12s,transform .12s;display:inline-flex;position:relative}.top-navbar-icon-button:hover{background:#17648f0d;border-color:#17648f2e;transform:translateY(-1px)}.nav-icon{width:18px;height:18px}.nav-icon-small{width:16px;height:16px}.top-navbar-chip-link{color:inherit;text-decoration:none;position:relative}.notification-badge{color:#fff;background:#b42318;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:-8px}.top-navbar-chip-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.top-navbar-user{border:1px solid var(--line);background:linear-gradient(#fffffffa,#f5f9fcfa);border-radius:18px;align-items:center;gap:14px;padding:10px 12px 10px 14px;display:flex}.top-navbar-user-copy{gap:4px;display:grid}.top-navbar-profile{border:1px solid var(--line);background:linear-gradient(#fffffffa,#f5f9fcfa);border-radius:18px;align-items:center;gap:12px;min-width:220px;padding:8px 12px 8px 8px;display:flex}.top-navbar-profile-rider{min-width:240px}.top-navbar-profile-menu{position:relative}.top-navbar-profile-button{border:1px solid var(--line);background:var(--panel-strong);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:inline-flex}.top-navbar-profile-name{font-weight:600}.top-navbar-profile-copy{text-align:left;gap:1px;display:grid}.top-navbar-profile-role{color:var(--muted);font-size:.74rem;font-weight:600}.top-navbar-dropdown{border:1px solid var(--line);background:var(--panel-strong);min-width:180px;box-shadow:var(--shadow-md);z-index:10;border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.top-navbar-dropdown-item{border-radius:10px;padding:10px 12px}.top-navbar-dropdown-item:hover{background:#17648f0d}.top-navbar-dropdown-item-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0}.top-navbar-avatar{width:32px;height:32px;color:var(--primary-700);background:linear-gradient(135deg,#17648f24,#12867f29);border:1px solid #17648f1f;border-radius:999px;flex:0 0 32px;place-items:center;font-weight:800;display:grid;overflow:hidden}.top-navbar-avatar img{object-fit:cover;width:100%;height:100%}.top-navbar-logout{min-height:42px;padding-inline:16px}.content-container{gap:18px;display:grid}.page-header-card{padding:22px 24px}.page-header{gap:16px;display:grid}.page-header-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header-divider{background:#667a9166;border-radius:999px;width:6px;height:6px}.page-header-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.page-header-main{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.page-header-copy{gap:8px;display:grid}.page-header h2{letter-spacing:-.04em;font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.08}.page-header p{max-width:72ch;font-size:.98rem;line-height:1.6}.page-header-summary{border:1px solid var(--line);background:var(--panel-muted);border-radius:16px;gap:4px;min-width:180px;padding:12px 14px;display:grid}.page-header-summary-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.status-message{border:1px solid var(--line);border-radius:14px;margin:0;padding:14px 16px;font-size:.95rem}.status-message.error{color:var(--danger);background:var(--danger-soft);border-color:#b423181f}.status-message.success{color:var(--success);background:var(--success-soft);border-color:#0d6b4e1f}.status-message.info{color:var(--text-soft);background:#f8fafc}.section-card,.form-card,.summary-panel,.table-card{padding:22px}.form-card{gap:24px}.form-card-header{gap:8px;display:grid}.section-block{gap:16px;padding-top:6px;display:grid}.section-intro{gap:8px;display:grid}.section-intro h3{margin:0;font-size:1.06rem}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-card{gap:12px;min-height:178px;display:grid}.metric-card.tone-blue{background:linear-gradient(180deg, #fffffffa, #f5fafffa), var(--panel)}.metric-card.tone-teal{background:linear-gradient(180deg, #fffffffa, #f2fbf9fa), var(--panel)}.metric-card.tone-slate{background:linear-gradient(180deg, #fffffffa, #f5f7fafa), var(--panel)}.metric-label{color:var(--muted);font-size:.87rem;font-weight:600}.metric-value{letter-spacing:-.04em;font-size:clamp(2rem,2.6vw,2.45rem);font-weight:800;line-height:1}.metric-description{color:var(--text-soft);line-height:1.55}.metric-skeleton{background:linear-gradient(90deg,#17648f14,#17648f2e,#17648f14);border-radius:12px;width:120px;height:42px}.status-badge{text-transform:capitalize;width:fit-content;color:var(--primary-700);background:#eef4ff;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.status-badge-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.status-badge.status-pending{background:var(--warning-soft);color:var(--warning)}.status-badge.status-approved{background:var(--success-soft);color:var(--success)}.status-badge.status-rejected{background:var(--danger-soft);color:var(--danger)}.status-badge.status-active{color:var(--teal-700);background:#12867f1f}.status-badge.status-inactive{color:var(--text-soft);background:#5f738a24}.status-badge.status-verified,.status-badge.status-paid,.status-badge.status-station-member,.status-badge.status-station-member-approved,.status-badge.status-chairman-approved,.status-badge.status-confirmed{background:var(--success-soft);color:var(--success)}.status-badge.status-pending-secretary-review,.status-badge.status-pending-chairman-review,.status-badge.status-pending-activation,.status-badge.status-submitted,.status-badge.status-loan-request{background:var(--warning-soft);color:var(--warning)}.status-badge.status-locked,.status-badge.status-not-submitted,.status-badge.status-not-generated,.status-badge.status-transfer-requested{color:var(--text-soft);background:#5f738a24}.status-badge.status-secretary-rejected,.status-badge.status-chairman-rejected,.status-badge.status-overdue{background:var(--danger-soft);color:var(--danger)}.status-badge.status-savings-only{color:var(--teal-700);background:#12867f1f}.status-badge.status-loan-only{color:#a94c1b;background:#c45c221f}.status-badge.status-mixed{color:var(--primary-700);background:#17648f1f}.summary-panel{gap:18px;display:grid}.rider-page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;display:flex}.rider-page-header-copy{gap:4px;display:grid}.rider-page-header-copy h1{margin:0;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.05}.rider-page-header-copy p{color:var(--muted);margin:0;font-weight:600}.rider-page-header-action{justify-items:end;gap:6px;display:grid}.rider-next-step-inline-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.rider-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.secretary-summary-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.top-unit-summary-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.station-members-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.rider-summary-card{box-shadow:none;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.rider-summary-card-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.rider-summary-card-value{font-size:.98rem;font-weight:800;line-height:1.3}.rider-journey{gap:20px;padding:22px;display:grid}.rider-journey-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rider-journey-copy{gap:10px;max-width:720px;display:grid}.rider-journey-copy h2{margin:0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.1}.rider-journey-copy p,.rider-journey-step-body p,.rider-journey-lock{color:var(--muted);margin:0;line-height:1.55}.rider-journey-progress{border:1px solid var(--line);background:var(--panel-muted);text-align:right;border-radius:16px;min-width:128px;padding:14px 16px}.rider-journey-progress strong{color:var(--primary-800);font-size:1.8rem;line-height:1;display:block}.rider-journey-progress span{color:var(--muted);font-size:.82rem;font-weight:700}.rider-journey-bar{background:#12253d14;border-radius:999px;height:10px;overflow:hidden}.rider-journey-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--teal-600), var(--primary-600));height:100%;display:block}.rider-journey-steps{gap:12px;display:grid}.rider-journey-step{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px;display:grid}.rider-journey-step.is-next{background:linear-gradient(135deg,#17648f14,#12867f0f);border-color:#17648f42}.rider-journey-step.is-locked{background:#f5f8fbc7}.rider-journey-step-marker{align-content:start;justify-items:center;gap:8px;display:grid}.rider-journey-step-marker span{color:var(--muted);text-align:center;font-size:.78rem;font-weight:800}.rider-journey-step-marker strong{background:var(--primary-800);color:#fff;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.rider-journey-step.is-locked .rider-journey-step-marker strong{background:#8b9aae}.rider-journey-step-body{gap:14px;display:grid}.rider-journey-step-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rider-journey-step-top h3{margin:0 0 5px;font-size:1.08rem}.rider-journey-lock{background:var(--warning-soft);color:var(--warning);border:1px solid #b5470824;border-radius:12px;padding:10px 12px;font-weight:600}.rider-journey-step-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rider-journey-next-label{color:var(--primary-700);font-size:.8rem;font-weight:800}.cashier-tools-header{gap:12px;display:grid}.cashier-quick-actions{flex-wrap:wrap;gap:10px;display:flex}.cashier-form-card{gap:18px}.cashier-field-group{border:1px solid var(--line);background:#ffffff9e;border-radius:18px;gap:14px;padding:16px;display:grid}.cashier-field-group-header{gap:4px;display:grid}.cashier-field-group-header h3{margin:0;font-size:1rem}.cashier-mini-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cashier-mini-summary-item{border:1px solid var(--line);background:#ffffffb8;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.cashier-mini-summary-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.cashier-mini-summary-value{color:var(--primary-800);font-size:.98rem;font-weight:800}.currency-input{background:var(--panel-strong);border:1px solid #12253d1f;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;box-shadow:inset 0 1px #ffffffa6}.currency-input input{min-height:48px;box-shadow:none;background:0 0;border:0;padding:13px 15px}.currency-input input:focus{box-shadow:none;outline:none}.currency-input:focus-within{border-color:#17648f66;box-shadow:0 0 0 4px #17648f1a}.currency-input-label{color:var(--muted);letter-spacing:.04em;padding:0 14px;font-size:.82rem;font-weight:700}.button-compact{min-height:38px;box-shadow:none;border-radius:12px;padding:9px 14px}.rider-table-panel{gap:14px;padding:16px}.rider-table-header{gap:4px}.secretary-activity-panel{gap:12px;padding:16px}.secretary-activity-list{gap:10px;display:grid}.secretary-activity-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.secretary-activity-item:last-child{border-bottom:0;padding-bottom:0}.secretary-activity-dot{background:var(--primary-600);border-radius:999px;flex:0 0 8px;width:8px;height:8px;margin-top:7px}.chairman-mini-card-stack{gap:10px;display:grid}.top-unit-mini-card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.chairman-mini-card{box-shadow:none;background:#ffffffc7;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.chairman-mini-card-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:700}.chairman-mini-card-value{color:var(--primary-800);font-size:1rem;font-weight:800;line-height:1.2}.rider-status-card h3,.profile-photo-card h3,.profile-photo-upload h3,.profile-info-card h3{margin-bottom:0}.rider-status-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.rider-status-value{font-size:1.1rem;font-weight:800}.rider-simple-table{min-width:100%}.rider-simple-table th,.rider-simple-table td{white-space:normal}.profile-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;display:grid}.profile-photo-card,.profile-photo-upload,.profile-info-card{padding:22px}.profile-photo-stack{gap:16px;display:grid}.profile-photo-frame{aspect-ratio:1;width:min(100%,220px);color:var(--primary-700);background:linear-gradient(135deg,#17648f24,#12867f29);border:1px solid #17648f1f;border-radius:28px;place-items:center;font-size:2rem;font-weight:800;display:grid;overflow:hidden}.profile-photo-frame img{object-fit:cover;width:100%;height:100%}.profile-photo-note{color:var(--text-soft);background:#17648f0d;border-radius:14px;padding:12px 14px}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.upload-preview-card{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;gap:12px;padding:14px;display:grid}.upload-preview-card img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;width:100%}.scheme-chip-list{gap:12px;display:grid}.scheme-chip{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.scheme-chip-copy{gap:4px;display:grid}.status-copy{font-size:.85rem;line-height:1.45}.status-copy.pending{color:var(--warning)}.status-copy.success{color:var(--success)}.status-copy.danger{color:var(--danger)}.summary-list{gap:14px;display:grid}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.summary-row:last-child{border-bottom:0;padding-bottom:0}.summary-value{text-align:right;font-weight:700}.summary-value.wrap{white-space:normal;word-break:break-word;max-width:60%}.checkbox-row{color:var(--text);align-items:center;gap:12px;font-weight:600;display:flex}.checkbox-row input{width:18px;height:18px}.notification-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-card-compact{gap:12px;padding:16px}.notification-card-main{align-items:flex-start;gap:10px;display:flex}.notification-card-icon{width:34px;height:34px;color:var(--primary-700);background:#17648f14;border-radius:12px;flex:0 0 34px;place-items:center;font-size:.82rem;font-weight:800;display:grid}.notification-card-message{margin:0;line-height:1.5}.notification-link{width:fit-content;text-decoration:none}.state-panel,.empty-state{background:#f7fafcc7;border:1px dashed #12253d24;border-radius:18px;align-items:start;gap:14px;padding:24px;display:grid}.empty-state{justify-items:start}.state-icon,.state-spinner{border-radius:999px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.state-icon{color:var(--primary-700);background:#17648f14}.state-copy{gap:6px}.state-loading .state-spinner{border:3px solid #17648f1f;border-top-color:var(--primary-600);animation:.9s linear infinite spin}.state-error{background:var(--danger-soft);border-style:solid;border-color:#b4231824}.state-error .state-icon{color:var(--danger);background:#b423181a}.filters-bar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.filters-bar .field{flex:220px;min-width:220px}.cashier-section-tabs{flex-wrap:wrap;gap:10px;display:flex}.cashier-section-tab{min-width:220px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffffbd;border:1px solid #12253d1a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s;display:flex}.cashier-section-tab:hover{border-color:#17648f33;transform:translateY(-1px)}.cashier-section-tab span{max-width:180px;line-height:1.3}.cashier-section-tab strong{min-width:32px;height:32px;color:var(--primary-800);background:#17648f14;border-radius:999px;place-items:center;padding:0 8px;display:inline-grid}.cashier-section-tab.is-active{background:linear-gradient(135deg,#17648f1a,#12867f14);border-color:#17648f47}.loan-status-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.loan-status-step{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.loan-status-step.is-active{background:#17648f0f;border-color:#17648f2e}.loan-status-step-index{background:var(--primary-800);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:800;display:inline-grid}.loan-status-step p{color:var(--muted);margin:4px 0 0;font-size:.88rem;line-height:1.45}.table-wrap{background:#ffffffdb;border:1px solid #12253d14;border-radius:20px;padding:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:900px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 14px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#f3f7fbf2;font-size:.82rem;font-weight:700}.data-row:hover{background:#17648f08}.application-meta{gap:4px;display:grid}.application-meta strong{font-size:.96rem}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.request-review-banner{background:linear-gradient(135deg,#17648f0f,#12867f0d);border:1px solid #17648f1f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.request-review-copy{gap:4px;display:grid}.meta-inline{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.modal-overlay,.modal-backdrop{z-index:50;background:#12253d52;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-container,.modal-card{border:1px solid var(--line);width:90%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-xl);background:#fff;border-radius:12px;flex-direction:column;display:flex}.modal-card{width:min(90%,520px)}.application-review-modal{max-width:1120px}.modal-container .surface-card{overflow:visible}.modal-header{z-index:2;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex;position:relative}.modal-header h3{margin:0;font-size:1.08rem}.modal-close-button{border:1px solid var(--line);background:var(--panel-strong);width:42px;height:42px;color:var(--primary-700);cursor:pointer;border-radius:14px;font-size:1.4rem;line-height:1;transition:background .12s,border-color .12s,transform .12s}.modal-close-button:hover{background:#17648f0d;border-color:#17648f2e;transform:translateY(-1px)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px;overflow-y:auto}.modal-footer{z-index:2;background:#fff;border-top:1px solid #eee;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:12px;padding:12px;display:flex;position:sticky;bottom:0}.review-photo{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;width:100%}.login-page{place-items:center;display:grid}.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(360px,460px);align-items:stretch;gap:24px;width:100%;max-width:1100px;display:grid}.login-intro,.login-card{padding:32px}.login-intro{background:linear-gradient(160deg, #153a5bf2, #12867fe0), var(--primary-700);color:#fff;align-content:end;gap:22px;min-height:620px;display:grid}.login-intro .muted,.login-highlights .muted{color:#ffffffc7}.login-title{gap:14px;display:grid}.login-title h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4vw,3.5rem);line-height:.98}.login-highlights{gap:14px;display:grid}.login-highlight{background:#ffffff1f;border:1px solid #ffffff24;border-radius:18px;padding:16px 18px}.login-highlight h3{margin-bottom:6px}.login-card{align-content:center;gap:24px;display:grid}.login-card-header{gap:10px;display:grid}.login-card-header h2{letter-spacing:-.03em;margin-bottom:0;font-size:1.9rem}.login-debug{background:#17648f0d;border:1px dashed #17648f29;border-radius:14px;gap:4px;padding:12px 14px;font-size:.88rem;display:grid}.login-links{gap:10px;display:grid}.login-links a,.button-link{color:var(--primary-700);font-weight:700}.button-link{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.station-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.station-suggestion-card{box-shadow:none;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.station-suggestion-copy{gap:4px;display:grid}.station-search-bar{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;gap:14px;padding:16px;display:grid}.station-search-filters{gap:12px}.login-debug code{word-break:break-all}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.shell-layout{grid-template-columns:286px minmax(0,1fr)}.shell-layout-rider{grid-template-columns:224px minmax(0,1fr)}.station-members-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-mini-summary{grid-template-columns:1fr}.top-unit-summary-strip,.top-unit-mini-card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.station-discovery-grid{grid-template-columns:1fr}}@media (max-width:1080px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:auto}}@media (max-width:900px){.page{padding:20px}.grid.two,.metric-grid,.rider-summary-strip,.secretary-summary-strip,.top-unit-summary-strip,.station-members-summary-strip,.profile-layout,.shell-layout{grid-template-columns:1fr}.sidebar-shell{position:static}.sidebar-card{min-height:auto}.top-navbar-primary,.top-navbar-actions,.page-header-main,.rider-page-header,.rider-journey-header,.rider-journey-step-top{flex-direction:column;align-items:flex-start}.page-header-card,.summary-panel,.form-card,.section-card,.table-card,.sidebar-card,.login-intro,.login-card,.top-navbar-card,.rider-journey{padding:22px}.rider-journey-progress{text-align:left;width:100%}.rider-journey-step{grid-template-columns:1fr}.rider-journey-step-marker{grid-template-columns:auto 1fr;place-items:center start}}@media (max-width:640px){.page{padding:16px}.top-navbar-user{flex-direction:column;align-items:flex-start;width:100%}.top-navbar-profile,.top-navbar-profile-menu{width:100%}.top-navbar-profile-button{justify-content:space-between;width:100%}.top-navbar-dropdown{min-width:0;left:0;right:0}.button,.form-actions .button{width:100%}.cashier-quick-actions{grid-template-columns:1fr;display:grid}.top-unit-mini-card-stack{grid-template-columns:1fr}.filters-bar .field,.cashier-section-tab{min-width:100%}.loan-status-progress{grid-template-columns:1fr}.summary-row{flex-direction:column;align-items:flex-start}.summary-value{text-align:left}.scheme-chip,.request-review-banner{flex-direction:column;align-items:flex-start}.upload-preview-grid{grid-template-columns:1fr;align-items:flex-start}}