:root{--customer-primary:#12355b;--customer-accent:#1976d2;--customer-bg:#f5f7fa;--customer-card:#fff;--customer-border:#e6eaf0;--customer-text:#18212f;--customer-muted:#687386;--customer-danger:#dc3545}*{box-sizing:border-box}body{margin:0;font-family:'Poppins',sans-serif;background:var(--customer-bg);color:var(--customer-text)}a{color:var(--customer-accent)}.customer-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.customer-appbar{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.96);border-bottom:1px solid var(--customer-border);backdrop-filter:blur(12px)}.customer-appbar-inner{min-height:72px;display:flex;align-items:center;gap:28px}.customer-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--customer-primary);min-width:205px}.customer-brand img{width:42px;height:42px;object-fit:contain}.customer-brand span{display:grid;line-height:1.08}.customer-brand strong{font-size:18px}.customer-brand small{color:var(--customer-muted);font-size:11px}.customer-desktop-nav{flex:1;display:flex;justify-content:center;gap:7px}.customer-desktop-nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;color:#526071;text-decoration:none;font-size:14px;font-weight:500}.customer-desktop-nav a:hover,.customer-desktop-nav a.active{color:var(--customer-primary);background:#edf4fb}.customer-account-menu{position:relative}.customer-account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;font-weight:600}.customer-account-menu summary::-webkit-details-marker{display:none}.customer-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--customer-primary)}.customer-account-popover{position:absolute;top:calc(100% + 12px);right:0;width:245px;padding:8px;border:1px solid var(--customer-border);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(18,53,91,.15)}.customer-account-popover a{display:flex;gap:10px;padding:11px 12px;border-radius:9px;color:var(--customer-text);text-decoration:none;font-size:13px}.customer-account-popover a:hover{background:#f3f6f9}.customer-account-popover .logout-link{color:var(--customer-danger);border-top:1px solid var(--customer-border);margin-top:5px}.customer-main{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 72px);margin:0 auto;padding:32px 0 54px}.customer-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.customer-page-header h1,.customer-page-header h2{margin:0 0 4px;font-size:clamp(25px,4vw,32px);font-weight:700}.customer-page-header p{margin:0;color:var(--customer-muted)}.dashboard-card,.customer-card{background:var(--customer-card);border:1px solid var(--customer-border);border-radius:14px;padding:22px;box-shadow:none}.customer-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center;padding:30px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--customer-primary),#1d5a8e);overflow:hidden;position:relative}.customer-hero:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-95px;background:rgba(255,255,255,.08)}.customer-hero h1{font-size:clamp(25px,4vw,36px);font-weight:700}.customer-hero p{color:rgba(255,255,255,.78);margin-bottom:20px}.customer-hero-icon{font-size:92px;opacity:.22;text-align:center}.customer-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border:0;border-radius:11px;background:var(--customer-accent);color:#fff;font-weight:600;text-decoration:none}.customer-primary-action:hover{background:#0f66ba;color:#fff}.customer-hero .customer-primary-action{background:#fff;color:var(--customer-primary)}.customer-section-title{margin:30px 0 12px;font-size:19px;font-weight:700}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customer-stat{text-align:center;padding:18px 10px}.customer-stat i{font-size:22px;color:var(--customer-accent)}.customer-stat strong{display:block;font-size:25px;margin-top:5px}.customer-stat span{color:var(--customer-muted);font-size:12px}.appointment-card{padding:20px}.appointment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.appointment-card h3{margin:0;font-size:18px;font-weight:700}.appointment-card .plate{color:var(--customer-muted);font-size:13px}.appointment-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--customer-border);font-size:13px}.appointment-meta i{color:var(--customer-accent);margin-right:5px}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:99px;background:#eef1f4;color:#5d6673;font-size:11px;font-weight:600;white-space:nowrap}.status-pending,.status-awaiting-proof,.status-pay-at-shop{background:#fff3cd;color:#8a5a00}.status-approved{background:#e2f0ff;color:#075ca8}.status-diagnosing,.status-quotation-sent{background:#fff0e5;color:#a64900}.status-in-progress,.status-quotation-accepted{background:#f1e6ff;color:#6e2aa3}.status-ready-for-pickup{background:#dff7f2;color:#087765}.status-completed,.status-paid{background:#e2f5e7;color:#187233}.status-cancelled,.status-rejected{background:#fde7e9;color:#b4232f}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-list{display:grid;gap:14px}.customer-empty{text-align:center;padding:48px 20px}.customer-empty i{font-size:52px;color:#9aabb8}.service-estimate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-choice{display:block;position:relative}.service-choice input{position:absolute;opacity:0;pointer-events:none}.service-choice-body{display:flex;gap:13px;min-height:100%;padding:17px;border:1px solid var(--customer-border);border-radius:13px;background:#fff;cursor:pointer}.service-choice-body:before{content:'';width:21px;height:21px;flex:0 0 21px;margin-top:2px;border:2px solid #9ba8b5;border-radius:6px}.service-choice input:checked+.service-choice-body{border-color:var(--customer-accent);background:#f1f7ff}.service-choice input:checked+.service-choice-body:before{border-color:var(--customer-accent);background:var(--customer-accent);box-shadow:inset 0 0 0 4px #fff}.service-choice h3{font-size:15px;font-weight:700;margin:0 0 4px}.service-choice p{font-size:12px;color:var(--customer-muted);margin:0 0 9px}.service-choice strong{color:var(--customer-primary)}.estimate-summary{position:sticky;bottom:86px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding:17px 20px;border:1px solid #ccdae8;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(18,53,91,.12)}.estimate-summary small{display:block;color:var(--customer-muted)}.estimate-summary strong{font-size:22px;color:var(--customer-primary)}.account-link{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--customer-border);border-radius:13px;color:var(--customer-text);background:#fff;text-decoration:none}.account-link>i:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--customer-primary);background:#edf4fb;font-size:18px}.account-link div{flex:1}.account-link strong{display:block;font-size:14px}.account-link small{color:var(--customer-muted)}.form-control,.form-select{min-height:46px;border-radius:10px;border-color:#dce2e8}.form-control:focus,.form-select:focus{border-color:var(--customer-accent);box-shadow:0 0 0 .2rem rgba(25,118,210,.12)}.btn-primary{background:var(--customer-accent);border-color:var(--customer-accent)}.table{--bs-table-bg:transparent}.customer-bottom-nav{display:none}.customer-footer{padding:34px 0;background:var(--customer-primary);color:#dce8f4}.footer-logo{width:45px;margin-bottom:8px}@media(max-width:900px){.customer-desktop-nav{display:none}.customer-appbar-inner{justify-content:space-between}.customer-account-menu .customer-name{display:none}.customer-hero{grid-template-columns:1fr}.customer-hero-icon{display:none}}@media(max-width:700px){.customer-shell,.customer-main{width:min(100% - 28px,1180px)}.customer-appbar-inner{min-height:64px}.customer-brand img{width:37px;height:37px}.customer-main{padding:22px 0 105px}.customer-page-header{align-items:flex-start;flex-direction:column}.customer-page-header .customer-primary-action{width:100%}.customer-hero{padding:23px 20px;border-radius:16px}.customer-stats{grid-template-columns:repeat(3,1fr)}.customer-stat{padding:14px 5px}.customer-grid,.service-estimate-grid{grid-template-columns:1fr}.dashboard-card,.customer-card{padding:17px}.customer-bottom-nav{position:fixed;z-index:1040;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:72px;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:#fff;border-top:1px solid var(--customer-border);box-shadow:0 -8px 30px rgba(18,53,91,.08)}.customer-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#748092;text-decoration:none;font-size:10px}.customer-bottom-nav i{font-size:21px}.customer-bottom-nav a.active{color:var(--customer-primary);font-weight:600}.estimate-summary{bottom:82px}.table-responsive{overflow:visible}}