.customer-portal{color:#342630;background:radial-gradient(circle at 12% 4%,#f3d7da 0,#0000 32%),radial-gradient(circle at 90% 92%,#eadffc 0,#0000 30%),#fff8f7;min-height:100vh;padding:clamp(18px,4vw,42px) 16px;font-family:VazirmatnFD,Vazirmatn,Tahoma,sans-serif}.customer-portal-shell{width:min(940px,100%);margin:auto}.customer-portal-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #d66d8625;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:24px 28px;display:flex;box-shadow:0 12px 40px #7d405d12}.customer-portal-header span,.customer-list-heading span{color:var(--portal-primary);font-size:11px;font-weight:800}.customer-portal-header h1{margin:3px 0;font-size:clamp(21px,4vw,29px)}.customer-portal-header p{color:#8b747e;margin:0;font-size:12px}.customer-portal-header button{color:var(--portal-primary);font:inherit;cursor:pointer;background:#fff;border:1px solid #d66d8645;border-radius:10px;padding:9px 16px}.customer-login-card{text-align:center;background:#ffffffdf;border:1px solid #d66d8625;border-radius:24px;justify-items:center;gap:10px;padding:clamp(34px,7vw,58px) 24px;display:grid;box-shadow:0 15px 50px #7d405d12}.customer-login-card h2{margin:0;font-size:22px}.customer-login-card p{color:#8b747e;max-width:460px;margin:0 0 8px;font-size:12px;line-height:2}.customer-login-card .tracking-link{background:var(--portal-primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:11px 20px;font-size:11px;font-weight:700;display:inline-flex}.customer-login-mark{background:var(--portal-primary);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.customer-profile-completion{text-align:center;background:#ffffffdf;border:1px solid #d66d8625;border-radius:24px;justify-items:center;gap:12px;padding:clamp(34px,7vw,58px) 24px;display:grid;box-shadow:0 15px 50px #7d405d12}.customer-profile-completion h2{margin:0;font-size:22px}.customer-profile-completion p{color:#8b747e;max-width:460px;margin:0 0 8px;font-size:12px;line-height:2}.customer-profile-completion input{box-sizing:border-box;color:#342630;width:min(420px,100%);font:inherit;text-align:right;background:#fff;border:1px solid #d66d8645;border-radius:12px;outline:none;padding:13px 15px}.customer-profile-completion input:focus{border-color:var(--portal-primary);box-shadow:0 0 0 3px #d66d8620}.customer-profile-completion button{background:var(--portal-primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;padding:11px 18px;font-size:11px}.customer-profile-completion button:disabled{opacity:.55;cursor:not-allowed}.customer-booking-list{background:#ffffffc9;border:1px solid #d66d8625;border-radius:24px;padding:24px;box-shadow:0 15px 50px #7d405d0d}.customer-list-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.customer-list-heading h2{margin:2px 0 0;font-size:22px}.customer-list-heading strong{color:var(--portal-primary);font-size:12px}.customer-booking-card{background:#fff;border:1px solid #d66d8624;border-radius:16px;justify-content:space-between;gap:18px;margin-top:10px;padding:20px;display:flex;box-shadow:0 6px 20px #7d405d08}.customer-booking-main{gap:4px;display:grid}.customer-booking-service{color:var(--portal-primary);font-size:11px;font-weight:800}.customer-booking-main h3{margin:0;font-size:16px}.customer-booking-main time,.customer-booking-main small,.customer-booking-side span{color:#8b747e;font-size:11px}.customer-booking-main small b{color:#342630;letter-spacing:.5px}.customer-booking-side{text-align:left;flex-direction:column;align-items:flex-end;gap:8px;min-width:175px;display:flex}.customer-booking-side>b{color:#27754f;background:#e9f8ef;border-radius:8px;padding:5px 9px;font-size:11px}.customer-booking-side .btn{border-radius:9px;padding:8px 12px;font-size:11px}.customer-booking-side .btn.primary,.customer-empty .btn{background:var(--portal-primary);color:#fff;border-radius:10px;align-items:center;padding:9px 14px;text-decoration:none;display:inline-flex}.booking-pay-button{color:#fff;background:var(--portal-primary);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:9px 14px;font-size:11px}.customer-empty{color:#8b747e;text-align:center;justify-items:center;gap:14px;padding:50px;display:grid}.customer-portal-error{color:#a43b42;background:#fff0f1;border-radius:12px;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px 16px;font-size:12px;display:flex}.customer-portal-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.customer-portal-loading{text-align:center;color:#8b747e;padding:60px}.customer-portal-tabs{background:#ffffffa8;border:1px solid #d66d8625;border-radius:14px;gap:6px;margin-bottom:14px;padding:5px;display:flex}.customer-portal-tabs button{color:#8b747e;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-size:11px}.customer-portal-tabs button.active{color:var(--portal-primary);background:#fff;font-weight:800;box-shadow:0 4px 14px #7d405d12}.customer-batch-payment{background:linear-gradient(135deg,#fff5f4,#fff);border:1px solid #d66d8640;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:16px 20px;display:flex}.customer-batch-payment div{gap:3px;display:grid}.customer-batch-payment span,.customer-batch-payment small{color:#8b747e;font-size:10px}.customer-batch-payment strong{color:var(--portal-primary);font-size:20px}.customer-batch-payment button{background:var(--portal-primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:11px}.booking-status.status-pending,.booking-status.status-awaiting_deposit{color:#a66a2a;background:#fff2df}.booking-cancel-button{color:#b14d58;font:inherit;cursor:pointer;background:#fff7f7;border:1px solid #e7b7bc;border-radius:8px;padding:6px 10px;font-size:10px}.booking-cancel-button:disabled{opacity:.5;cursor:wait}.tracking-backdrop{z-index:2147483000;isolation:isolate;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;background:#2b1a2559;place-items:center;width:100vw;height:100dvh;padding:20px;display:grid;position:fixed;inset:0}.tracking-modal{z-index:1;border:1px solid color-mix(in srgb,var(--tracking-primary,#d66d86) 15%,transparent);color:#342630;direction:rtl;background:#fffdfd;border-radius:20px;width:min(530px,100%);max-height:min(720px,100dvh - 40px);font-family:VazirmatnFD,Vazirmatn,Tahoma,sans-serif;position:relative;overflow:auto;box-shadow:0 24px 80px #3b1e2b35}.tracking-modal>header{border-bottom:1px solid color-mix(in srgb,var(--tracking-primary,#d66d86) 15%,transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 15px;display:flex}.tracking-modal h2{margin:2px 0 3px;font-size:21px}.tracking-modal header p{color:#8b747e;margin:0;font-size:11px}.tracking-kicker{color:var(--tracking-primary,#d66d86);font-size:10px;font-weight:800}.tracking-close{color:#8b747e;cursor:pointer;background:0 0;border:0;font-size:25px;line-height:1}.tracking-form,.tracking-results{padding:20px 24px 24px}.tracking-form{gap:10px;display:grid}.tracking-form label{color:#4c3b44;gap:6px;font-size:11px;display:grid}.tracking-form input{border:1px solid color-mix(in srgb,var(--tracking-primary,#d66d86) 15%,transparent);color:#342630;width:100%;font:inherit;background:#fff;border-radius:10px;outline:none;padding:11px}.tracking-form input:focus{border-color:var(--tracking-primary,#d66d86);box-shadow:0 0 0 3px color-mix(in srgb,var(--tracking-primary,#d66d86) 14%,transparent)}.tracking-form img{border-radius:10px;width:180px;height:56px}.tracking-error{color:#a43b42;background:#fff0f1;border-radius:9px;padding:9px 11px;font-size:11px}.tracking-hint{color:#8b747e;margin:0;font-size:11px}.tracking-digits{direction:ltr;justify-content:center;gap:8px;display:flex}.tracking-digits input{text-align:center;width:42px;height:48px;padding:0;font-size:21px;font-weight:800}.tracking-actions,.tracking-result-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tracking-result-head{justify-content:space-between;margin-bottom:12px}.tracking-modal .btn{cursor:pointer;font:inherit;border:0}.tracking-modal .btn.primary{background:var(--tracking-primary,#d66d86);color:#fff;border-radius:10px;padding:10px 14px}.tracking-modal .tracking-link{color:var(--tracking-primary,#d66d86);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 4px;font-size:10px}.tracking-modal .tracking-link:disabled{opacity:.45;cursor:default}.tracking-results article{border:1px solid color-mix(in srgb,var(--tracking-primary,#d66d86) 15%,transparent);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;padding:14px;display:flex}.tracking-results article>div{gap:3px;display:grid}.tracking-results article span,.tracking-results article time,.tracking-results article small{color:#8b747e;font-size:10px}.tracking-results article b{color:var(--tracking-primary,#d66d86);font-size:11px}.tracking-results article a{color:var(--tracking-primary,#d66d86);font-size:10px;font-weight:700}@media (max-width:600px){.customer-portal{padding:16px 10px}.customer-portal-header{align-items:flex-start;padding:18px}.customer-portal-header p{font-size:10px}.customer-booking-list{padding:16px}.customer-booking-card{flex-direction:column}.customer-booking-side{text-align:right;align-items:flex-start;min-width:0}.customer-empty{padding:35px 10px}.customer-batch-payment{flex-direction:column;align-items:stretch}.customer-batch-payment button{width:100%}.tracking-backdrop{padding:12px}.tracking-modal{border-radius:16px;max-height:calc(100dvh - 24px)}.tracking-modal>header,.tracking-form,.tracking-results{padding-inline:16px}.tracking-results article{flex-direction:column}.tracking-digits input{width:38px;height:45px}.tracking-actions{justify-content:center}.tracking-actions .btn{width:100%}}
