/* Calm operational interface: clarity for lists, amounts, and payment actions comes first. */
:root{--ops-ink:#152944;--ops-sub:#63738b;--ops-blue:#2e68ce;--ops-blue-soft:#edf4ff;--ops-line:#dce5f0;--ops-canvas:#f5f7fb;--ops-shadow:0 12px 30px rgba(23,47,83,.07)}
body{background:linear-gradient(180deg,#f8faff,#f2f6fc)!important;color:var(--ops-ink)!important}
.app-header{background:#132641!important;box-shadow:0 6px 22px rgba(14,31,57,.13)!important}.header-inner{height:76px!important;max-width:1280px!important}.brand-logo{width:146px!important;height:58px!important;object-fit:contain!important}.app-header .header-actions button{border-radius:10px!important;background:rgba(255,255,255,.08)!important}
main{max-width:1280px!important;padding-top:32px!important}

/* Login stays premium but not theatrical. */
.login-shell{border-radius:24px!important;box-shadow:0 18px 42px rgba(25,50,89,.11)!important}.login-intro{padding:68px 62px!important;background:radial-gradient(circle at 88% 18%,rgba(91,143,255,.24),transparent 13rem),linear-gradient(135deg,#10223f,#204d8d)!important}.login-intro h1{font-size:42px!important;letter-spacing:-.065em!important}.login-card{padding:52px 48px!important}.login-card h2{font-size:29px!important}.primary{min-height:52px!important;border-radius:12px!important;background:linear-gradient(135deg,#326ede,#2458bf)!important}

/* Rider settlement: a strong pay card, then straightforward information. */
#rider{max-width:960px!important}.page-heading h1{font-size:35px!important;letter-spacing:-.06em!important}.page-heading select{min-height:52px!important;border-radius:13px!important;background:#fff!important}.stats{gap:14px!important}.stats .pay-card{padding:30px 32px!important;border-radius:21px!important;background:radial-gradient(circle at 91% 12%,rgba(129,171,255,.42),transparent 10rem),linear-gradient(135deg,#132945,#235297)!important;box-shadow:0 17px 32px rgba(27,64,128,.18)!important}.stats .pay-card strong{font-size:42px!important}.stats article:not(.pay-card){border:1px solid var(--ops-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 16px rgba(25,50,89,.04)!important}.payment-status-card{border-left:4px solid #3970cd!important;border-radius:15px!important;background:#fff!important}.settlement-card-actions{display:grid!important;grid-template-columns:minmax(140px,.8fr) 1fr 1fr!important;gap:10px!important;align-items:end!important}.settlement-card-actions button{min-height:48px!important}.settlement-card-type{display:grid!important;gap:6px!important;margin:0!important;color:#52657f!important;font-size:11px!important;font-weight:850!important}.settlement-card-type select{width:100%!important;min-height:48px!important;margin:0!important;padding:0 34px 0 13px!important;border:1px solid #b9ccec!important;border-radius:12px!important;background:#fff!important;color:#214e95!important;font:inherit!important;font-weight:850!important}.settlement-card-download{border:1px solid #b9ccec!important;border-radius:12px!important;background:#fff!important;color:#214e95!important;font:inherit!important;font-weight:850!important;cursor:pointer!important}.settlement-card-download.detail{border-color:#c9d9f2!important;background:#f3f7ff!important;color:#1b4e9e!important}.settlement-card-download:hover{background:#f3f7ff!important}.detail-card{border:1px solid var(--ops-line)!important;border-radius:20px!important;box-shadow:var(--ops-shadow)!important}.detail-card th,.detail-card td{padding:17px 7px!important}.detail-card tfoot{background:#f3f7fc!important}.detail-card tfoot th,.detail-card tfoot td{color:#1e57bd!important}

/* Admin navigation returns to a bright, legible workspace. */
.admin-hero{min-height:168px!important;padding:32px 36px!important;border-radius:23px!important;background:radial-gradient(circle at 91% 16%,rgba(105,153,255,.26),transparent 11rem),linear-gradient(125deg,#142743,#214a81)!important}.admin-hero h1{font-size:34px!important;letter-spacing:-.06em!important}.admin-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:22px!important}.admin-nav{padding:10px!important;border:1px solid var(--ops-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.tab{min-height:58px!important;padding:10px 11px!important;border-radius:12px!important;color:#3e526e!important}.tab b{font-size:15px!important}.tab small{color:#8090a6!important}.tab:hover{transform:none!important;background:#f4f7fc!important;color:#244d89!important}.tab-icon{width:35px!important;height:35px!important;border-radius:10px!important;background:#eef3fb!important;color:#557093!important}.tab.active{border:1px solid #cfe0fc!important;background:linear-gradient(135deg,#edf4ff,#e6f0ff)!important;color:#1e58b7!important;box-shadow:none!important}.tab.active .tab-icon{background:#2d68ce!important;color:#fff!important}.tab.active small{color:#6682ad!important}
.workspace-card{min-height:500px!important;padding:30px!important;border:1px solid var(--ops-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.section-title{padding-bottom:19px!important;border-bottom:1px solid #e4ebf4!important}.section-title h2{font-size:23px!important;letter-spacing:-.055em!important}.section-icon{width:44px!important;height:44px!important;border-radius:13px!important;background:#edf3ff!important;color:#2d67cc!important}.dashboard-topline h2{font-size:28px!important;letter-spacing:-.06em!important}.dashboard-period-card{border-radius:17px!important;background:linear-gradient(130deg,#16305a,#245397)!important}.dashboard-metrics{gap:12px!important}.dashboard-metrics article{min-height:134px!important;padding:20px!important;border:1px solid #dfe7f2!important;border-radius:15px!important;background:#fff!important}.dashboard-metrics article strong{font-size:27px!important;color:#1d3e70!important}.dashboard-metrics article:nth-child(3){background:#fffaf1!important;border-color:#eee0c5!important}.dashboard-metrics article:nth-child(3) strong{color:#9c6d19!important}.dashboard-payment-trend{border:1px solid #e0e8f2!important;border-radius:17px!important;background:#fbfcff!important}

/* Every administrative list has deliberate row height and readable hierarchy. */
.rider-directory-tools,.period-directory-tools,.settlement-type-tools,.inquiry-admin-tools,.held-dashboard-tools{padding:15px!important;border:1px solid #e0e8f2!important;border-radius:14px!important;background:#f7f9fd!important}.rider-list-item,.period-list-item,.inquiry-item,.held-dashboard-item{min-height:82px!important;padding:17px 18px!important;border:1px solid #dfe7f1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 10px rgba(25,48,81,.025)!important;color:var(--ops-ink)!important}.rider-list-item:hover,.period-list-item:hover,.inquiry-item:hover,.held-dashboard-item:hover{transform:none!important;border-color:#bbd0ef!important;box-shadow:0 8px 18px rgba(25,55,100,.07)!important}.rider-list-item b,.period-list-item b,.inquiry-item b,.held-dashboard-item b{font-size:16px!important;color:#152b49!important}.rider-list-item small,.period-list-item small,.inquiry-item small,.held-dashboard-item small{font-size:12px!important;color:#6e7e95!important}.rider-action{min-height:35px!important;padding:7px 11px!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important}.rider-action.edit{border-color:#bfd1ef!important;background:#eff5ff!important;color:#285aaf!important}.rider-action.manage{border-color:#f0cbd0!important;background:#fff7f7!important;color:#ae4551!important}
.payment-work-card{border-radius:18px!important;background:linear-gradient(135deg,#142946,#204c89)!important}.payment-work-card *{color:#fff!important}.payment-work-card p,.payment-work-card small,.payment-work-card span{color:#c4d2e7!important}.payment-complete-button{border-radius:10px!important;background:#fff!important;color:#15365f!important}.format-note,.upload-review{border-radius:14px!important}.settlement-card-action,.rider-settings{border-radius:16px!important}

/* Branch management: separate setup, people, and access into clearly-scannable work areas. */
#admin #branches-pane{padding:0!important;overflow:hidden!important;background:#f8faff!important}#admin #branches-pane>.section-title{margin:0!important;padding:28px 30px!important;border-bottom:1px solid #dfe8f3!important;background:linear-gradient(135deg,#fff,#f2f6fd)!important}#admin #branches-pane>.section-title h2{font-size:27px!important}#admin #branches-pane>.section-title p{max-width:590px!important;color:#6d7f98!important}#admin #branches-pane .branch-management-grid{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr)!important;gap:16px!important;margin:0!important;padding:22px 30px!important;background:#f8faff!important}#admin #branches-pane .branch-management-card{position:relative!important;gap:12px!important;min-height:232px!important;padding:24px!important;border:1px solid #d9e5f4!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 19px rgba(23,48,84,.045)!important}#admin #branches-pane .branch-management-card:before{display:block!important;width:auto!important;height:auto!important;margin:0 0 3px!important;background:transparent!important;color:#2e68ce!important;font-size:10px!important;font-weight:850!important;letter-spacing:.14em!important}#admin #branches-pane #create-branch-form:before{content:'BRANCH SETUP'!important}#admin #branches-pane #create-branch-manager-form:before{content:'MANAGER ACCOUNT'!important}#admin #branches-pane #create-super-admin-form:before{content:'SUPER ADMIN'!important}#admin #branches-pane .branch-management-card>b{font-size:19px!important;color:#182e50!important;letter-spacing:-.045em!important}#admin #branches-pane .branch-management-card>p{min-height:36px!important;color:#718198!important;font-size:13px!important;line-height:1.55!important}#admin #branches-pane .branch-management-card label{margin-top:0!important;font-size:12px!important;color:#52657f!important}#admin #branches-pane .branch-management-card input,#admin #branches-pane .branch-management-card select{min-height:45px!important;margin-top:6px!important;border-color:#d7e2f0!important;border-radius:11px!important;background:#fbfcff!important}#admin #branches-pane .branch-management-card button{align-self:end!important;justify-self:stretch!important;min-height:41px!important;margin-top:auto!important;border:0!important;border-radius:10px!important;background:#eaf2ff!important;color:#2259ae!important;font-weight:850!important}#admin #branches-pane .super-admin-management,#admin #branches-pane .owner-admin-controls,#admin #branches-pane .admin-permission-controls{margin:0 30px 18px!important;padding:24px!important;border:1px solid #dce6f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 16px rgba(23,49,86,.035)!important}#admin #branches-pane .super-admin-management{background:linear-gradient(145deg,#fff,#f5f8ff)!important}#admin #branches-pane .owner-admin-controls{background:linear-gradient(145deg,#fff,#fbfcff)!important}#admin #branches-pane .admin-permission-controls{background:#fff!important}#admin #branches-pane .super-admin-management .section-title,#admin #branches-pane .owner-admin-controls .section-title,#admin #branches-pane .admin-permission-controls .section-title{padding-bottom:15px!important;margin-bottom:17px!important}#admin #branches-pane .super-admin-management .branch-management-card{max-width:560px!important;min-height:0!important;margin-bottom:17px!important}#admin #branches-pane>.branch-list{margin:0!important;padding:24px 30px 30px!important;border-top:1px solid #dfe8f3!important;background:#fff!important}#admin #branches-pane>.branch-list:before{display:block!important;margin:0 0 14px!important;content:'등록된 지점'!important;color:#1b3256!important;font-size:18px!important;font-weight:850!important;letter-spacing:-.04em!important}#admin #branches-pane .branch-list-row{min-height:80px!important;padding:16px 18px!important;border:1px solid #dfe7f2!important;border-radius:15px!important;background:#fff!important}#admin #branches-pane .branch-list-row b{font-size:16px!important;color:#172e51!important}#admin #branches-pane .branch-monogram{width:42px!important;height:42px!important;border-radius:13px!important;background:#edf3ff!important;color:#2964c8!important}#admin #branches-pane .branch-row-actions .rider-action{min-height:35px!important;border-radius:9px!important}#admin #branches-pane .admin-permission-card{padding:19px!important;border-color:#dbe5f1!important;border-radius:15px!important;background:#fbfcff!important}#admin #branches-pane .admin-permission-option{min-height:45px!important;border:1px solid #e0e8f3!important;border-radius:10px!important;background:#fff!important;color:#29405e!important}#admin #branches-pane #branch-management-message{margin:0 30px 18px!important}

#admin #branches-pane .branch-management-card:before{position:static!important;top:auto!important;left:auto!important}
@media(max-width:820px){main{padding:23px 16px 42px!important}.admin-layout{grid-template-columns:1fr!important}.admin-nav{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.admin-nav .tab{min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.workspace-card{min-height:0!important}.login-intro{padding:52px 42px!important}.login-card{padding:40px!important}#admin #branches-pane .branch-management-grid{grid-template-columns:1fr!important}#admin #branches-pane .branch-management-card{min-height:0!important}}
@media(max-width:560px){.header-inner{height:68px!important;padding:0 13px!important}.brand-logo{width:112px!important;height:48px!important}.brand-copy{display:none!important}.app-header .header-actions button{padding:8px!important;font-size:11px!important}main{padding:18px 12px 34px!important}.login-intro{padding:37px 24px!important}.login-intro h1{font-size:32px!important}.login-card{padding:30px 23px!important}.page-heading h1{font-size:29px!important}.stats{gap:10px!important;margin-bottom:10px!important}.stats .pay-card{padding:25px 23px!important}.stats .pay-card strong{font-size:35px!important}.stats article:not(.pay-card){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:82px!important;height:82px!important;padding:0 18px!important}.stats article:not(.pay-card) strong{margin:0!important;font-size:19px!important;text-align:right!important}.stats article:not(.pay-card) small{display:none!important}.stats article:nth-child(3){display:none!important}.settlement-card-actions{grid-template-columns:1fr 1fr!important}.settlement-card-type{grid-column:1/-1!important}.settlement-card-actions button{width:auto!important}.admin-hero{padding:26px 22px!important;border-radius:20px!important}.admin-hero h1{font-size:27px!important}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important}.tab{min-height:82px!important;padding:10px!important}.tab b{font-size:13px!important}.tab small{font-size:10px!important;line-height:1.3!important}.tab-icon{width:33px!important;height:33px!important}.workspace-card{padding:20px 15px!important;border-radius:19px!important}.dashboard-topline h2{font-size:24px!important}.dashboard-metrics{grid-template-columns:1fr!important}.rider-list-item,.period-list-item,.inquiry-item,.held-dashboard-item{min-height:76px!important;padding:15px!important}.rider-list-item b,.period-list-item b,.inquiry-item b,.held-dashboard-item b{font-size:15px!important}#admin #branches-pane>.section-title{padding:22px 18px!important}#admin #branches-pane>.section-title h2{font-size:23px!important}#admin #branches-pane .branch-management-grid{padding:14px 18px!important;gap:12px!important}#admin #branches-pane .branch-management-card{padding:19px!important;border-radius:15px!important}#admin #branches-pane .super-admin-management,#admin #branches-pane .owner-admin-controls,#admin #branches-pane .admin-permission-controls{margin:0 18px 14px!important;padding:18px!important;border-radius:15px!important}#admin #branches-pane>.branch-list{padding:20px 18px 24px!important}#admin #branches-pane .branch-list-row{padding:15px!important}#admin #branches-pane .branch-list-meta{justify-items:start!important;max-width:none!important}#admin #branches-pane .branch-row-actions{justify-content:flex-start!important}}

/* Mobile navigation is intentionally horizontal: quick switching without a tall menu wall. */
@media(max-width:820px){.admin-nav{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.admin-nav::-webkit-scrollbar{display:none!important}.admin-nav .tab{flex:0 0 148px!important;min-width:148px!important;min-height:58px!important;flex-direction:row!important;align-items:center!important;scroll-snap-align:start!important}.admin-nav .tab small{display:block!important}}
@media(max-width:560px){.admin-nav{margin:0 -2px 14px!important;padding:8px!important;border-radius:16px!important}.admin-nav .tab{flex-basis:128px!important;min-width:128px!important;min-height:54px!important;padding:9px!important;gap:8px!important}.admin-nav .tab b{font-size:13px!important}.admin-nav .tab small{display:none!important}.admin-nav .tab-icon{width:32px!important;height:32px!important}}

/* Keep the delivery count row as compact as the payment status row on phones. */
@media(max-width:560px){#rider .stats article:not(.pay-card){min-height:60px!important;height:60px!important;padding:12px 14px!important}}

/* Compact mobile admin header: keep the working area in view. */
@media(max-width:560px){#admin .admin-hero{display:flex!important;min-height:132px!important;height:132px!important;margin:0 0 12px!important;padding:21px 22px!important;align-items:center!important;border-radius:20px!important}#admin .admin-hero h1{margin:0!important;font-size:28px!important;line-height:1.18!important}#admin .admin-hero p,#admin .admin-hero .eyebrow{display:none!important}#admin .status-pill{padding:8px 10px!important;font-size:11px!important}#admin .admin-branch-context{display:flex!important;min-height:0!important;margin:0 0 12px!important;padding:16px 18px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:17px!important}#admin .admin-branch-context strong{font-size:18px!important}#admin .admin-branch-context label{display:block!important;flex:0 1 185px!important;margin:0!important}#admin .admin-branch-context label>span{display:none!important}#admin .admin-branch-context select{width:100%!important;min-height:44px!important;margin:0!important;padding:7px 12px!important;font-size:16px!important}#admin .admin-nav{height:70px!important;min-height:70px!important;margin:0 -2px 14px!important;padding:8px!important;align-items:center!important;border-radius:16px!important}#admin .admin-nav .tab{flex:0 0 128px!important;min-width:128px!important;height:54px!important;min-height:54px!important;padding:9px!important}.admin-content{min-width:0!important}}
@media(max-width:560px){#admin .admin-hero{min-height:108px!important;height:108px!important;margin-bottom:8px!important;padding:17px 20px!important;border-radius:18px!important}#admin .admin-hero h1{font-size:25px!important}#admin .status-pill{padding:7px 9px!important;font-size:10px!important}#admin .admin-branch-context{min-height:72px!important;margin-bottom:8px!important;padding:12px 16px!important;border-radius:15px!important}#admin .admin-branch-context span{font-size:10px!important}#admin .admin-branch-context strong{font-size:16px!important}#admin .admin-branch-context label{flex-basis:164px!important}#admin .admin-branch-context select{min-height:40px!important;font-size:14px!important}#admin .admin-layout{gap:8px!important}#admin .admin-nav{height:64px!important;min-height:64px!important;margin:0 -2px 8px!important;padding:6px!important;border-radius:14px!important}#admin .admin-nav .tab{flex-basis:122px!important;min-width:122px!important;height:52px!important;min-height:52px!important;padding:8px!important}.workspace-card{margin-top:0!important}}

/* Shared numbered pagination: one click reaches any of the next ten pages, first, or last. */
.numbered-pagination{display:grid;justify-items:center;gap:9px;color:#687991;font-size:12px;font-weight:750}.numbered-pagination-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.numbered-pagination .pagination-nav{min-width:52px;margin:0!important;padding:7px 10px!important}.pagination-page-numbers{display:flex;align-items:center;justify-content:center;gap:5px}.pagination-page-button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 7px;border:1px solid #dbe5f0;border-radius:9px;background:#fff;color:#52647d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.pagination-page-button:hover{border-color:#9db8e4;background:#f1f6ff;color:#2459ad}.pagination-page-button.is-current{border-color:#2f68cf;background:#2f68cf;color:#fff;box-shadow:0 5px 12px rgba(47,104,207,.2)}.pagination-page-button:disabled,.numbered-pagination .pagination-nav:disabled{cursor:default;opacity:.45}.pagination-summary{color:#7a899e;font-size:11px;text-align:center}
@media(max-width:560px){.numbered-pagination{width:100%;gap:8px}.numbered-pagination-controls{width:100%;gap:5px}.numbered-pagination .pagination-nav{min-width:49px!important;padding:7px 8px!important;font-size:11px!important}.pagination-page-numbers{order:3;width:100%;justify-content:flex-start;gap:4px;padding:2px 0;overflow-x:auto;scrollbar-width:none}.pagination-page-numbers::-webkit-scrollbar{display:none}.pagination-page-button{min-width:30px;height:30px;font-size:11px}.pagination-summary{width:100%;order:4}}

/* The rider directory retained an older space-between rule; center the unified pager. */
.rider-pagination{justify-content:center!important}.rider-pagination .numbered-pagination{width:100%}