/* Generated by scripts/build-css.mjs. Edit modular source files, not this bundle. */

/* source: css/tokens.css */
/*
 * Kuwait Digital Mail design tokens.
 *
 * This is the only source of global brand values. The bundle builder removes
 * legacy route-local token declarations and rewrites their references to these
 * canonical properties.
 */
:root {
  color-scheme: light;

  --color-primary: #0033a0;
  --color-primary-deep: #002680;
  --color-primary-soft: #1a4db8;
  --color-accent-gold: #cba052;
  --color-accent-gold-soft: #dfc080;
  --color-accent-coral: #ff6b4a;

  --color-canvas: #f8fafc;
  --color-surface: #fdfefe;
  --color-text: #0f172a;
  --color-text-muted: #475569;
  --color-border: #e2e8f0;

  --color-success: #009a44;
  --color-warning: #f59e0b;
  --color-danger: #c8102e;

  --font-arabic: Alexandria, Arial, sans-serif;
  --font-english: Inter, Arial, sans-serif;
  --font-display: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-pill: 9999px;

  --space-xs: 8.5px;
  --space-sm: 12.75px;
  --space-md: 17px;
  --space-lg: 25.5px;
  --space-xl: 34px;

  --shadow-control: 0 6px 16px -8px rgba(15, 23, 42, .25);
  --shadow-card: 0 12px 40px -12px rgba(15, 23, 42, .18);
  --shadow-hover: 0 12px 30px -14px rgba(15, 23, 42, .24);

  --motion-fast: 150ms;
  --motion-standard: 200ms;
  --ease-out-product: cubic-bezier(.22, 1, .36, 1);
}


/* source: css/local-fonts.css */
@font-face {
  font-family: Alexandria;
  src: url('../assets/fonts/Alexandria-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../assets/fonts/Inter-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url('../assets/fonts/PlusJakartaSans-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url('../assets/fonts/JetBrainsMono-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}


/* source: assets/vendor/bootstrap.min.css */
@charset "UTF-8";/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */

/* source: assets/vendor/bootstrap-icons.min.css */
/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:block;font-family:bootstrap-icons;src:url("../assets/vendor/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("../assets/vendor/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-123::before{content:"\f67f"}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"}.bi-apple::before{content:"\f65b"}.bi-microsoft::before{content:"\f65d"}.bi-windows::before{content:"\f65e"}.bi-behance::before{content:"\f65c"}.bi-dribbble::before{content:"\f65f"}.bi-line::before{content:"\f660"}.bi-medium::before{content:"\f661"}.bi-paypal::before{content:"\f662"}.bi-pinterest::before{content:"\f663"}.bi-signal::before{content:"\f664"}.bi-snapchat::before{content:"\f665"}.bi-spotify::before{content:"\f666"}.bi-stack-overflow::before{content:"\f667"}.bi-strava::before{content:"\f668"}.bi-wordpress::before{content:"\f669"}.bi-vimeo::before{content:"\f66a"}.bi-activity::before{content:"\f66b"}.bi-easel2-fill::before{content:"\f66c"}.bi-easel2::before{content:"\f66d"}.bi-easel3-fill::before{content:"\f66e"}.bi-easel3::before{content:"\f66f"}.bi-fan::before{content:"\f670"}.bi-fingerprint::before{content:"\f671"}.bi-graph-down-arrow::before{content:"\f672"}.bi-graph-up-arrow::before{content:"\f673"}.bi-hypnotize::before{content:"\f674"}.bi-magic::before{content:"\f675"}.bi-person-rolodex::before{content:"\f676"}.bi-person-video::before{content:"\f677"}.bi-person-video2::before{content:"\f678"}.bi-person-video3::before{content:"\f679"}.bi-person-workspace::before{content:"\f67a"}.bi-radioactive::before{content:"\f67b"}.bi-webcam-fill::before{content:"\f67c"}.bi-webcam::before{content:"\f67d"}.bi-yin-yang::before{content:"\f67e"}.bi-bandaid-fill::before{content:"\f680"}.bi-bandaid::before{content:"\f681"}.bi-bluetooth::before{content:"\f682"}.bi-body-text::before{content:"\f683"}.bi-boombox::before{content:"\f684"}.bi-boxes::before{content:"\f685"}.bi-dpad-fill::before{content:"\f686"}.bi-dpad::before{content:"\f687"}.bi-ear-fill::before{content:"\f688"}.bi-ear::before{content:"\f689"}.bi-envelope-check-fill::before{content:"\f68b"}.bi-envelope-check::before{content:"\f68c"}.bi-envelope-dash-fill::before{content:"\f68e"}.bi-envelope-dash::before{content:"\f68f"}.bi-envelope-exclamation-fill::before{content:"\f691"}.bi-envelope-exclamation::before{content:"\f692"}.bi-envelope-plus-fill::before{content:"\f693"}.bi-envelope-plus::before{content:"\f694"}.bi-envelope-slash-fill::before{content:"\f696"}.bi-envelope-slash::before{content:"\f697"}.bi-envelope-x-fill::before{content:"\f699"}.bi-envelope-x::before{content:"\f69a"}.bi-explicit-fill::before{content:"\f69b"}.bi-explicit::before{content:"\f69c"}.bi-git::before{content:"\f69d"}.bi-infinity::before{content:"\f69e"}.bi-list-columns-reverse::before{content:"\f69f"}.bi-list-columns::before{content:"\f6a0"}.bi-meta::before{content:"\f6a1"}.bi-nintendo-switch::before{content:"\f6a4"}.bi-pc-display-horizontal::before{content:"\f6a5"}.bi-pc-display::before{content:"\f6a6"}.bi-pc-horizontal::before{content:"\f6a7"}.bi-pc::before{content:"\f6a8"}.bi-playstation::before{content:"\f6a9"}.bi-plus-slash-minus::before{content:"\f6aa"}.bi-projector-fill::before{content:"\f6ab"}.bi-projector::before{content:"\f6ac"}.bi-qr-code-scan::before{content:"\f6ad"}.bi-qr-code::before{content:"\f6ae"}.bi-quora::before{content:"\f6af"}.bi-quote::before{content:"\f6b0"}.bi-robot::before{content:"\f6b1"}.bi-send-check-fill::before{content:"\f6b2"}.bi-send-check::before{content:"\f6b3"}.bi-send-dash-fill::before{content:"\f6b4"}.bi-send-dash::before{content:"\f6b5"}.bi-send-exclamation-fill::before{content:"\f6b7"}.bi-send-exclamation::before{content:"\f6b8"}.bi-send-fill::before{content:"\f6b9"}.bi-send-plus-fill::before{content:"\f6ba"}.bi-send-plus::before{content:"\f6bb"}.bi-send-slash-fill::before{content:"\f6bc"}.bi-send-slash::before{content:"\f6bd"}.bi-send-x-fill::before{content:"\f6be"}.bi-send-x::before{content:"\f6bf"}.bi-send::before{content:"\f6c0"}.bi-steam::before{content:"\f6c1"}.bi-terminal-dash::before{content:"\f6c3"}.bi-terminal-plus::before{content:"\f6c4"}.bi-terminal-split::before{content:"\f6c5"}.bi-ticket-detailed-fill::before{content:"\f6c6"}.bi-ticket-detailed::before{content:"\f6c7"}.bi-ticket-fill::before{content:"\f6c8"}.bi-ticket-perforated-fill::before{content:"\f6c9"}.bi-ticket-perforated::before{content:"\f6ca"}.bi-ticket::before{content:"\f6cb"}.bi-tiktok::before{content:"\f6cc"}.bi-window-dash::before{content:"\f6cd"}.bi-window-desktop::before{content:"\f6ce"}.bi-window-fullscreen::before{content:"\f6cf"}.bi-window-plus::before{content:"\f6d0"}.bi-window-split::before{content:"\f6d1"}.bi-window-stack::before{content:"\f6d2"}.bi-window-x::before{content:"\f6d3"}.bi-xbox::before{content:"\f6d4"}.bi-ethernet::before{content:"\f6d5"}.bi-hdmi-fill::before{content:"\f6d6"}.bi-hdmi::before{content:"\f6d7"}.bi-usb-c-fill::before{content:"\f6d8"}.bi-usb-c::before{content:"\f6d9"}.bi-usb-fill::before{content:"\f6da"}.bi-usb-plug-fill::before{content:"\f6db"}.bi-usb-plug::before{content:"\f6dc"}.bi-usb-symbol::before{content:"\f6dd"}.bi-usb::before{content:"\f6de"}.bi-boombox-fill::before{content:"\f6df"}.bi-displayport::before{content:"\f6e1"}.bi-gpu-card::before{content:"\f6e2"}.bi-memory::before{content:"\f6e3"}.bi-modem-fill::before{content:"\f6e4"}.bi-modem::before{content:"\f6e5"}.bi-motherboard-fill::before{content:"\f6e6"}.bi-motherboard::before{content:"\f6e7"}.bi-optical-audio-fill::before{content:"\f6e8"}.bi-optical-audio::before{content:"\f6e9"}.bi-pci-card::before{content:"\f6ea"}.bi-router-fill::before{content:"\f6eb"}.bi-router::before{content:"\f6ec"}.bi-thunderbolt-fill::before{content:"\f6ef"}.bi-thunderbolt::before{content:"\f6f0"}.bi-usb-drive-fill::before{content:"\f6f1"}.bi-usb-drive::before{content:"\f6f2"}.bi-usb-micro-fill::before{content:"\f6f3"}.bi-usb-micro::before{content:"\f6f4"}.bi-usb-mini-fill::before{content:"\f6f5"}.bi-usb-mini::before{content:"\f6f6"}.bi-cloud-haze2::before{content:"\f6f7"}.bi-device-hdd-fill::before{content:"\f6f8"}.bi-device-hdd::before{content:"\f6f9"}.bi-device-ssd-fill::before{content:"\f6fa"}.bi-device-ssd::before{content:"\f6fb"}.bi-displayport-fill::before{content:"\f6fc"}.bi-mortarboard-fill::before{content:"\f6fd"}.bi-mortarboard::before{content:"\f6fe"}.bi-terminal-x::before{content:"\f6ff"}.bi-arrow-through-heart-fill::before{content:"\f700"}.bi-arrow-through-heart::before{content:"\f701"}.bi-badge-sd-fill::before{content:"\f702"}.bi-badge-sd::before{content:"\f703"}.bi-bag-heart-fill::before{content:"\f704"}.bi-bag-heart::before{content:"\f705"}.bi-balloon-fill::before{content:"\f706"}.bi-balloon-heart-fill::before{content:"\f707"}.bi-balloon-heart::before{content:"\f708"}.bi-balloon::before{content:"\f709"}.bi-box2-fill::before{content:"\f70a"}.bi-box2-heart-fill::before{content:"\f70b"}.bi-box2-heart::before{content:"\f70c"}.bi-box2::before{content:"\f70d"}.bi-braces-asterisk::before{content:"\f70e"}.bi-calendar-heart-fill::before{content:"\f70f"}.bi-calendar-heart::before{content:"\f710"}.bi-calendar2-heart-fill::before{content:"\f711"}.bi-calendar2-heart::before{content:"\f712"}.bi-chat-heart-fill::before{content:"\f713"}.bi-chat-heart::before{content:"\f714"}.bi-chat-left-heart-fill::before{content:"\f715"}.bi-chat-left-heart::before{content:"\f716"}.bi-chat-right-heart-fill::before{content:"\f717"}.bi-chat-right-heart::before{content:"\f718"}.bi-chat-square-heart-fill::before{content:"\f719"}.bi-chat-square-heart::before{content:"\f71a"}.bi-clipboard-check-fill::before{content:"\f71b"}.bi-clipboard-data-fill::before{content:"\f71c"}.bi-clipboard-fill::before{content:"\f71d"}.bi-clipboard-heart-fill::before{content:"\f71e"}.bi-clipboard-heart::before{content:"\f71f"}.bi-clipboard-minus-fill::before{content:"\f720"}.bi-clipboard-plus-fill::before{content:"\f721"}.bi-clipboard-pulse::before{content:"\f722"}.bi-clipboard-x-fill::before{content:"\f723"}.bi-clipboard2-check-fill::before{content:"\f724"}.bi-clipboard2-check::before{content:"\f725"}.bi-clipboard2-data-fill::before{content:"\f726"}.bi-clipboard2-data::before{content:"\f727"}.bi-clipboard2-fill::before{content:"\f728"}.bi-clipboard2-heart-fill::before{content:"\f729"}.bi-clipboard2-heart::before{content:"\f72a"}.bi-clipboard2-minus-fill::before{content:"\f72b"}.bi-clipboard2-minus::before{content:"\f72c"}.bi-clipboard2-plus-fill::before{content:"\f72d"}.bi-clipboard2-plus::before{content:"\f72e"}.bi-clipboard2-pulse-fill::before{content:"\f72f"}.bi-clipboard2-pulse::before{content:"\f730"}.bi-clipboard2-x-fill::before{content:"\f731"}.bi-clipboard2-x::before{content:"\f732"}.bi-clipboard2::before{content:"\f733"}.bi-emoji-kiss-fill::before{content:"\f734"}.bi-emoji-kiss::before{content:"\f735"}.bi-envelope-heart-fill::before{content:"\f736"}.bi-envelope-heart::before{content:"\f737"}.bi-envelope-open-heart-fill::before{content:"\f738"}.bi-envelope-open-heart::before{content:"\f739"}.bi-envelope-paper-fill::before{content:"\f73a"}.bi-envelope-paper-heart-fill::before{content:"\f73b"}.bi-envelope-paper-heart::before{content:"\f73c"}.bi-envelope-paper::before{content:"\f73d"}.bi-filetype-aac::before{content:"\f73e"}.bi-filetype-ai::before{content:"\f73f"}.bi-filetype-bmp::before{content:"\f740"}.bi-filetype-cs::before{content:"\f741"}.bi-filetype-css::before{content:"\f742"}.bi-filetype-csv::before{content:"\f743"}.bi-filetype-doc::before{content:"\f744"}.bi-filetype-docx::before{content:"\f745"}.bi-filetype-exe::before{content:"\f746"}.bi-filetype-gif::before{content:"\f747"}.bi-filetype-heic::before{content:"\f748"}.bi-filetype-html::before{content:"\f749"}.bi-filetype-java::before{content:"\f74a"}.bi-filetype-jpg::before{content:"\f74b"}.bi-filetype-js::before{content:"\f74c"}.bi-filetype-jsx::before{content:"\f74d"}.bi-filetype-key::before{content:"\f74e"}.bi-filetype-m4p::before{content:"\f74f"}.bi-filetype-md::before{content:"\f750"}.bi-filetype-mdx::before{content:"\f751"}.bi-filetype-mov::before{content:"\f752"}.bi-filetype-mp3::before{content:"\f753"}.bi-filetype-mp4::before{content:"\f754"}.bi-filetype-otf::before{content:"\f755"}.bi-filetype-pdf::before{content:"\f756"}.bi-filetype-php::before{content:"\f757"}.bi-filetype-png::before{content:"\f758"}.bi-filetype-ppt::before{content:"\f75a"}.bi-filetype-psd::before{content:"\f75b"}.bi-filetype-py::before{content:"\f75c"}.bi-filetype-raw::before{content:"\f75d"}.bi-filetype-rb::before{content:"\f75e"}.bi-filetype-sass::before{content:"\f75f"}.bi-filetype-scss::before{content:"\f760"}.bi-filetype-sh::before{content:"\f761"}.bi-filetype-svg::before{content:"\f762"}.bi-filetype-tiff::before{content:"\f763"}.bi-filetype-tsx::before{content:"\f764"}.bi-filetype-ttf::before{content:"\f765"}.bi-filetype-txt::before{content:"\f766"}.bi-filetype-wav::before{content:"\f767"}.bi-filetype-woff::before{content:"\f768"}.bi-filetype-xls::before{content:"\f76a"}.bi-filetype-xml::before{content:"\f76b"}.bi-filetype-yml::before{content:"\f76c"}.bi-heart-arrow::before{content:"\f76d"}.bi-heart-pulse-fill::before{content:"\f76e"}.bi-heart-pulse::before{content:"\f76f"}.bi-heartbreak-fill::before{content:"\f770"}.bi-heartbreak::before{content:"\f771"}.bi-hearts::before{content:"\f772"}.bi-hospital-fill::before{content:"\f773"}.bi-hospital::before{content:"\f774"}.bi-house-heart-fill::before{content:"\f775"}.bi-house-heart::before{content:"\f776"}.bi-incognito::before{content:"\f777"}.bi-magnet-fill::before{content:"\f778"}.bi-magnet::before{content:"\f779"}.bi-person-heart::before{content:"\f77a"}.bi-person-hearts::before{content:"\f77b"}.bi-phone-flip::before{content:"\f77c"}.bi-plugin::before{content:"\f77d"}.bi-postage-fill::before{content:"\f77e"}.bi-postage-heart-fill::before{content:"\f77f"}.bi-postage-heart::before{content:"\f780"}.bi-postage::before{content:"\f781"}.bi-postcard-fill::before{content:"\f782"}.bi-postcard-heart-fill::before{content:"\f783"}.bi-postcard-heart::before{content:"\f784"}.bi-postcard::before{content:"\f785"}.bi-search-heart-fill::before{content:"\f786"}.bi-search-heart::before{content:"\f787"}.bi-sliders2-vertical::before{content:"\f788"}.bi-sliders2::before{content:"\f789"}.bi-trash3-fill::before{content:"\f78a"}.bi-trash3::before{content:"\f78b"}.bi-valentine::before{content:"\f78c"}.bi-valentine2::before{content:"\f78d"}.bi-wrench-adjustable-circle-fill::before{content:"\f78e"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-wrench-adjustable::before{content:"\f790"}.bi-filetype-json::before{content:"\f791"}.bi-filetype-pptx::before{content:"\f792"}.bi-filetype-xlsx::before{content:"\f793"}.bi-1-circle-fill::before{content:"\f796"}.bi-1-circle::before{content:"\f797"}.bi-1-square-fill::before{content:"\f798"}.bi-1-square::before{content:"\f799"}.bi-2-circle-fill::before{content:"\f79c"}.bi-2-circle::before{content:"\f79d"}.bi-2-square-fill::before{content:"\f79e"}.bi-2-square::before{content:"\f79f"}.bi-3-circle-fill::before{content:"\f7a2"}.bi-3-circle::before{content:"\f7a3"}.bi-3-square-fill::before{content:"\f7a4"}.bi-3-square::before{content:"\f7a5"}.bi-4-circle-fill::before{content:"\f7a8"}.bi-4-circle::before{content:"\f7a9"}.bi-4-square-fill::before{content:"\f7aa"}.bi-4-square::before{content:"\f7ab"}.bi-5-circle-fill::before{content:"\f7ae"}.bi-5-circle::before{content:"\f7af"}.bi-5-square-fill::before{content:"\f7b0"}.bi-5-square::before{content:"\f7b1"}.bi-6-circle-fill::before{content:"\f7b4"}.bi-6-circle::before{content:"\f7b5"}.bi-6-square-fill::before{content:"\f7b6"}.bi-6-square::before{content:"\f7b7"}.bi-7-circle-fill::before{content:"\f7ba"}.bi-7-circle::before{content:"\f7bb"}.bi-7-square-fill::before{content:"\f7bc"}.bi-7-square::before{content:"\f7bd"}.bi-8-circle-fill::before{content:"\f7c0"}.bi-8-circle::before{content:"\f7c1"}.bi-8-square-fill::before{content:"\f7c2"}.bi-8-square::before{content:"\f7c3"}.bi-9-circle-fill::before{content:"\f7c6"}.bi-9-circle::before{content:"\f7c7"}.bi-9-square-fill::before{content:"\f7c8"}.bi-9-square::before{content:"\f7c9"}.bi-airplane-engines-fill::before{content:"\f7ca"}.bi-airplane-engines::before{content:"\f7cb"}.bi-airplane-fill::before{content:"\f7cc"}.bi-airplane::before{content:"\f7cd"}.bi-alexa::before{content:"\f7ce"}.bi-alipay::before{content:"\f7cf"}.bi-android::before{content:"\f7d0"}.bi-android2::before{content:"\f7d1"}.bi-box-fill::before{content:"\f7d2"}.bi-box-seam-fill::before{content:"\f7d3"}.bi-browser-chrome::before{content:"\f7d4"}.bi-browser-edge::before{content:"\f7d5"}.bi-browser-firefox::before{content:"\f7d6"}.bi-browser-safari::before{content:"\f7d7"}.bi-c-circle-fill::before{content:"\f7da"}.bi-c-circle::before{content:"\f7db"}.bi-c-square-fill::before{content:"\f7dc"}.bi-c-square::before{content:"\f7dd"}.bi-capsule-pill::before{content:"\f7de"}.bi-capsule::before{content:"\f7df"}.bi-car-front-fill::before{content:"\f7e0"}.bi-car-front::before{content:"\f7e1"}.bi-cassette-fill::before{content:"\f7e2"}.bi-cassette::before{content:"\f7e3"}.bi-cc-circle-fill::before{content:"\f7e6"}.bi-cc-circle::before{content:"\f7e7"}.bi-cc-square-fill::before{content:"\f7e8"}.bi-cc-square::before{content:"\f7e9"}.bi-cup-hot-fill::before{content:"\f7ea"}.bi-cup-hot::before{content:"\f7eb"}.bi-currency-rupee::before{content:"\f7ec"}.bi-dropbox::before{content:"\f7ed"}.bi-escape::before{content:"\f7ee"}.bi-fast-forward-btn-fill::before{content:"\f7ef"}.bi-fast-forward-btn::before{content:"\f7f0"}.bi-fast-forward-circle-fill::before{content:"\f7f1"}.bi-fast-forward-circle::before{content:"\f7f2"}.bi-fast-forward-fill::before{content:"\f7f3"}.bi-fast-forward::before{content:"\f7f4"}.bi-filetype-sql::before{content:"\f7f5"}.bi-fire::before{content:"\f7f6"}.bi-google-play::before{content:"\f7f7"}.bi-h-circle-fill::before{content:"\f7fa"}.bi-h-circle::before{content:"\f7fb"}.bi-h-square-fill::before{content:"\f7fc"}.bi-h-square::before{content:"\f7fd"}.bi-indent::before{content:"\f7fe"}.bi-lungs-fill::before{content:"\f7ff"}.bi-lungs::before{content:"\f800"}.bi-microsoft-teams::before{content:"\f801"}.bi-p-circle-fill::before{content:"\f804"}.bi-p-circle::before{content:"\f805"}.bi-p-square-fill::before{content:"\f806"}.bi-p-square::before{content:"\f807"}.bi-pass-fill::before{content:"\f808"}.bi-pass::before{content:"\f809"}.bi-prescription::before{content:"\f80a"}.bi-prescription2::before{content:"\f80b"}.bi-r-circle-fill::before{content:"\f80e"}.bi-r-circle::before{content:"\f80f"}.bi-r-square-fill::before{content:"\f810"}.bi-r-square::before{content:"\f811"}.bi-repeat-1::before{content:"\f812"}.bi-repeat::before{content:"\f813"}.bi-rewind-btn-fill::before{content:"\f814"}.bi-rewind-btn::before{content:"\f815"}.bi-rewind-circle-fill::before{content:"\f816"}.bi-rewind-circle::before{content:"\f817"}.bi-rewind-fill::before{content:"\f818"}.bi-rewind::before{content:"\f819"}.bi-train-freight-front-fill::before{content:"\f81a"}.bi-train-freight-front::before{content:"\f81b"}.bi-train-front-fill::before{content:"\f81c"}.bi-train-front::before{content:"\f81d"}.bi-train-lightrail-front-fill::before{content:"\f81e"}.bi-train-lightrail-front::before{content:"\f81f"}.bi-truck-front-fill::before{content:"\f820"}.bi-truck-front::before{content:"\f821"}.bi-ubuntu::before{content:"\f822"}.bi-unindent::before{content:"\f823"}.bi-unity::before{content:"\f824"}.bi-universal-access-circle::before{content:"\f825"}.bi-universal-access::before{content:"\f826"}.bi-virus::before{content:"\f827"}.bi-virus2::before{content:"\f828"}.bi-wechat::before{content:"\f829"}.bi-yelp::before{content:"\f82a"}.bi-sign-stop-fill::before{content:"\f82b"}.bi-sign-stop-lights-fill::before{content:"\f82c"}.bi-sign-stop-lights::before{content:"\f82d"}.bi-sign-stop::before{content:"\f82e"}.bi-sign-turn-left-fill::before{content:"\f82f"}.bi-sign-turn-left::before{content:"\f830"}.bi-sign-turn-right-fill::before{content:"\f831"}.bi-sign-turn-right::before{content:"\f832"}.bi-sign-turn-slight-left-fill::before{content:"\f833"}.bi-sign-turn-slight-left::before{content:"\f834"}.bi-sign-turn-slight-right-fill::before{content:"\f835"}.bi-sign-turn-slight-right::before{content:"\f836"}.bi-sign-yield-fill::before{content:"\f837"}.bi-sign-yield::before{content:"\f838"}.bi-ev-station-fill::before{content:"\f839"}.bi-ev-station::before{content:"\f83a"}.bi-fuel-pump-diesel-fill::before{content:"\f83b"}.bi-fuel-pump-diesel::before{content:"\f83c"}.bi-fuel-pump-fill::before{content:"\f83d"}.bi-fuel-pump::before{content:"\f83e"}.bi-0-circle-fill::before{content:"\f83f"}.bi-0-circle::before{content:"\f840"}.bi-0-square-fill::before{content:"\f841"}.bi-0-square::before{content:"\f842"}.bi-rocket-fill::before{content:"\f843"}.bi-rocket-takeoff-fill::before{content:"\f844"}.bi-rocket-takeoff::before{content:"\f845"}.bi-rocket::before{content:"\f846"}.bi-stripe::before{content:"\f847"}.bi-subscript::before{content:"\f848"}.bi-superscript::before{content:"\f849"}.bi-trello::before{content:"\f84a"}.bi-envelope-at-fill::before{content:"\f84b"}.bi-envelope-at::before{content:"\f84c"}.bi-regex::before{content:"\f84d"}.bi-text-wrap::before{content:"\f84e"}.bi-sign-dead-end-fill::before{content:"\f84f"}.bi-sign-dead-end::before{content:"\f850"}.bi-sign-do-not-enter-fill::before{content:"\f851"}.bi-sign-do-not-enter::before{content:"\f852"}.bi-sign-intersection-fill::before{content:"\f853"}.bi-sign-intersection-side-fill::before{content:"\f854"}.bi-sign-intersection-side::before{content:"\f855"}.bi-sign-intersection-t-fill::before{content:"\f856"}.bi-sign-intersection-t::before{content:"\f857"}.bi-sign-intersection-y-fill::before{content:"\f858"}.bi-sign-intersection-y::before{content:"\f859"}.bi-sign-intersection::before{content:"\f85a"}.bi-sign-merge-left-fill::before{content:"\f85b"}.bi-sign-merge-left::before{content:"\f85c"}.bi-sign-merge-right-fill::before{content:"\f85d"}.bi-sign-merge-right::before{content:"\f85e"}.bi-sign-no-left-turn-fill::before{content:"\f85f"}.bi-sign-no-left-turn::before{content:"\f860"}.bi-sign-no-parking-fill::before{content:"\f861"}.bi-sign-no-parking::before{content:"\f862"}.bi-sign-no-right-turn-fill::before{content:"\f863"}.bi-sign-no-right-turn::before{content:"\f864"}.bi-sign-railroad-fill::before{content:"\f865"}.bi-sign-railroad::before{content:"\f866"}.bi-building-add::before{content:"\f867"}.bi-building-check::before{content:"\f868"}.bi-building-dash::before{content:"\f869"}.bi-building-down::before{content:"\f86a"}.bi-building-exclamation::before{content:"\f86b"}.bi-building-fill-add::before{content:"\f86c"}.bi-building-fill-check::before{content:"\f86d"}.bi-building-fill-dash::before{content:"\f86e"}.bi-building-fill-down::before{content:"\f86f"}.bi-building-fill-exclamation::before{content:"\f870"}.bi-building-fill-gear::before{content:"\f871"}.bi-building-fill-lock::before{content:"\f872"}.bi-building-fill-slash::before{content:"\f873"}.bi-building-fill-up::before{content:"\f874"}.bi-building-fill-x::before{content:"\f875"}.bi-building-fill::before{content:"\f876"}.bi-building-gear::before{content:"\f877"}.bi-building-lock::before{content:"\f878"}.bi-building-slash::before{content:"\f879"}.bi-building-up::before{content:"\f87a"}.bi-building-x::before{content:"\f87b"}.bi-buildings-fill::before{content:"\f87c"}.bi-buildings::before{content:"\f87d"}.bi-bus-front-fill::before{content:"\f87e"}.bi-bus-front::before{content:"\f87f"}.bi-ev-front-fill::before{content:"\f880"}.bi-ev-front::before{content:"\f881"}.bi-globe-americas::before{content:"\f882"}.bi-globe-asia-australia::before{content:"\f883"}.bi-globe-central-south-asia::before{content:"\f884"}.bi-globe-europe-africa::before{content:"\f885"}.bi-house-add-fill::before{content:"\f886"}.bi-house-add::before{content:"\f887"}.bi-house-check-fill::before{content:"\f888"}.bi-house-check::before{content:"\f889"}.bi-house-dash-fill::before{content:"\f88a"}.bi-house-dash::before{content:"\f88b"}.bi-house-down-fill::before{content:"\f88c"}.bi-house-down::before{content:"\f88d"}.bi-house-exclamation-fill::before{content:"\f88e"}.bi-house-exclamation::before{content:"\f88f"}.bi-house-gear-fill::before{content:"\f890"}.bi-house-gear::before{content:"\f891"}.bi-house-lock-fill::before{content:"\f892"}.bi-house-lock::before{content:"\f893"}.bi-house-slash-fill::before{content:"\f894"}.bi-house-slash::before{content:"\f895"}.bi-house-up-fill::before{content:"\f896"}.bi-house-up::before{content:"\f897"}.bi-house-x-fill::before{content:"\f898"}.bi-house-x::before{content:"\f899"}.bi-person-add::before{content:"\f89a"}.bi-person-down::before{content:"\f89b"}.bi-person-exclamation::before{content:"\f89c"}.bi-person-fill-add::before{content:"\f89d"}.bi-person-fill-check::before{content:"\f89e"}.bi-person-fill-dash::before{content:"\f89f"}.bi-person-fill-down::before{content:"\f8a0"}.bi-person-fill-exclamation::before{content:"\f8a1"}.bi-person-fill-gear::before{content:"\f8a2"}.bi-person-fill-lock::before{content:"\f8a3"}.bi-person-fill-slash::before{content:"\f8a4"}.bi-person-fill-up::before{content:"\f8a5"}.bi-person-fill-x::before{content:"\f8a6"}.bi-person-gear::before{content:"\f8a7"}.bi-person-lock::before{content:"\f8a8"}.bi-person-slash::before{content:"\f8a9"}.bi-person-up::before{content:"\f8aa"}.bi-scooter::before{content:"\f8ab"}.bi-taxi-front-fill::before{content:"\f8ac"}.bi-taxi-front::before{content:"\f8ad"}.bi-amd::before{content:"\f8ae"}.bi-database-add::before{content:"\f8af"}.bi-database-check::before{content:"\f8b0"}.bi-database-dash::before{content:"\f8b1"}.bi-database-down::before{content:"\f8b2"}.bi-database-exclamation::before{content:"\f8b3"}.bi-database-fill-add::before{content:"\f8b4"}.bi-database-fill-check::before{content:"\f8b5"}.bi-database-fill-dash::before{content:"\f8b6"}.bi-database-fill-down::before{content:"\f8b7"}.bi-database-fill-exclamation::before{content:"\f8b8"}.bi-database-fill-gear::before{content:"\f8b9"}.bi-database-fill-lock::before{content:"\f8ba"}.bi-database-fill-slash::before{content:"\f8bb"}.bi-database-fill-up::before{content:"\f8bc"}.bi-database-fill-x::before{content:"\f8bd"}.bi-database-fill::before{content:"\f8be"}.bi-database-gear::before{content:"\f8bf"}.bi-database-lock::before{content:"\f8c0"}.bi-database-slash::before{content:"\f8c1"}.bi-database-up::before{content:"\f8c2"}.bi-database-x::before{content:"\f8c3"}.bi-database::before{content:"\f8c4"}.bi-houses-fill::before{content:"\f8c5"}.bi-houses::before{content:"\f8c6"}.bi-nvidia::before{content:"\f8c7"}.bi-person-vcard-fill::before{content:"\f8c8"}.bi-person-vcard::before{content:"\f8c9"}.bi-sina-weibo::before{content:"\f8ca"}.bi-tencent-qq::before{content:"\f8cb"}.bi-wikipedia::before{content:"\f8cc"}.bi-alphabet-uppercase::before{content:"\f2a5"}.bi-alphabet::before{content:"\f68a"}.bi-amazon::before{content:"\f68d"}.bi-arrows-collapse-vertical::before{content:"\f690"}.bi-arrows-expand-vertical::before{content:"\f695"}.bi-arrows-vertical::before{content:"\f698"}.bi-arrows::before{content:"\f6a2"}.bi-ban-fill::before{content:"\f6a3"}.bi-ban::before{content:"\f6b6"}.bi-bing::before{content:"\f6c2"}.bi-cake::before{content:"\f6e0"}.bi-cake2::before{content:"\f6ed"}.bi-cookie::before{content:"\f6ee"}.bi-copy::before{content:"\f759"}.bi-crosshair::before{content:"\f769"}.bi-crosshair2::before{content:"\f794"}.bi-emoji-astonished-fill::before{content:"\f795"}.bi-emoji-astonished::before{content:"\f79a"}.bi-emoji-grimace-fill::before{content:"\f79b"}.bi-emoji-grimace::before{content:"\f7a0"}.bi-emoji-grin-fill::before{content:"\f7a1"}.bi-emoji-grin::before{content:"\f7a6"}.bi-emoji-surprise-fill::before{content:"\f7a7"}.bi-emoji-surprise::before{content:"\f7ac"}.bi-emoji-tear-fill::before{content:"\f7ad"}.bi-emoji-tear::before{content:"\f7b2"}.bi-envelope-arrow-down-fill::before{content:"\f7b3"}.bi-envelope-arrow-down::before{content:"\f7b8"}.bi-envelope-arrow-up-fill::before{content:"\f7b9"}.bi-envelope-arrow-up::before{content:"\f7be"}.bi-feather::before{content:"\f7bf"}.bi-feather2::before{content:"\f7c4"}.bi-floppy-fill::before{content:"\f7c5"}.bi-floppy::before{content:"\f7d8"}.bi-floppy2-fill::before{content:"\f7d9"}.bi-floppy2::before{content:"\f7e4"}.bi-gitlab::before{content:"\f7e5"}.bi-highlighter::before{content:"\f7f8"}.bi-marker-tip::before{content:"\f802"}.bi-nvme-fill::before{content:"\f803"}.bi-nvme::before{content:"\f80c"}.bi-opencollective::before{content:"\f80d"}.bi-pci-card-network::before{content:"\f8cd"}.bi-pci-card-sound::before{content:"\f8ce"}.bi-radar::before{content:"\f8cf"}.bi-send-arrow-down-fill::before{content:"\f8d0"}.bi-send-arrow-down::before{content:"\f8d1"}.bi-send-arrow-up-fill::before{content:"\f8d2"}.bi-send-arrow-up::before{content:"\f8d3"}.bi-sim-slash-fill::before{content:"\f8d4"}.bi-sim-slash::before{content:"\f8d5"}.bi-sourceforge::before{content:"\f8d6"}.bi-substack::before{content:"\f8d7"}.bi-threads-fill::before{content:"\f8d8"}.bi-threads::before{content:"\f8d9"}.bi-transparency::before{content:"\f8da"}.bi-twitter-x::before{content:"\f8db"}.bi-type-h4::before{content:"\f8dc"}.bi-type-h5::before{content:"\f8dd"}.bi-type-h6::before{content:"\f8de"}.bi-backpack-fill::before{content:"\f8df"}.bi-backpack::before{content:"\f8e0"}.bi-backpack2-fill::before{content:"\f8e1"}.bi-backpack2::before{content:"\f8e2"}.bi-backpack3-fill::before{content:"\f8e3"}.bi-backpack3::before{content:"\f8e4"}.bi-backpack4-fill::before{content:"\f8e5"}.bi-backpack4::before{content:"\f8e6"}.bi-brilliance::before{content:"\f8e7"}.bi-cake-fill::before{content:"\f8e8"}.bi-cake2-fill::before{content:"\f8e9"}.bi-duffle-fill::before{content:"\f8ea"}.bi-duffle::before{content:"\f8eb"}.bi-exposure::before{content:"\f8ec"}.bi-gender-neuter::before{content:"\f8ed"}.bi-highlights::before{content:"\f8ee"}.bi-luggage-fill::before{content:"\f8ef"}.bi-luggage::before{content:"\f8f0"}.bi-mailbox-flag::before{content:"\f8f1"}.bi-mailbox2-flag::before{content:"\f8f2"}.bi-noise-reduction::before{content:"\f8f3"}.bi-passport-fill::before{content:"\f8f4"}.bi-passport::before{content:"\f8f5"}.bi-person-arms-up::before{content:"\f8f6"}.bi-person-raised-hand::before{content:"\f8f7"}.bi-person-standing-dress::before{content:"\f8f8"}.bi-person-standing::before{content:"\f8f9"}.bi-person-walking::before{content:"\f8fa"}.bi-person-wheelchair::before{content:"\f8fb"}.bi-shadows::before{content:"\f8fc"}.bi-suitcase-fill::before{content:"\f8fd"}.bi-suitcase-lg-fill::before{content:"\f8fe"}.bi-suitcase-lg::before{content:"\f8ff"}.bi-suitcase::before{content:"\f900"}.bi-suitcase2-fill::before{content:"\f901"}.bi-suitcase2::before{content:"\f902"}.bi-vignette::before{content:"\f903"}

/* source: assets/vendor/leaflet/leaflet.css */
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../assets/vendor/leaflet/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../assets/vendor/leaflet/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(../assets/vendor/leaflet/images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}


/* source: css/header-links.css */
/* Shared authenticated-header controls, matched to the Arabic Dashboard 2 header. */
.index-header-offset,
.index-content-offset {
  margin-inline-start: 0;
}

.index-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1632px;
  height: 68px;
  margin-inline: auto;
  padding-inline: 34px;
  gap: 24px;
}

.index-header .rp-header-brand {
  display: flex;
  align-items: center;
  gap: 12.75px;
  min-width: 0;
}

.index-header .rp-header-brand > a {
  display: flex;
  align-items: center;
}

.index-header .rp-logo {
  display: block;
  width: 151.25px;
  height: 51px;
  object-fit: contain;
}

.index-header .rp-h-actions {
  display: flex;
  align-items: center;
}

.index-header .rp-h-actions button {
  border: 0;
  background: transparent;
  color: #111827;
  font: inherit;
  cursor: pointer;
}

.index-header .rp-user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-header .rp-header-back {
  display: grid;
  place-items: center;
  flex: 0 0 38.25px;
  width: 38.25px;
  height: 38.25px;
  margin-inline-start: -8.5px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 12.75px;
  background: rgba(255, 255, 255, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
  transition: background-color .2s, box-shadow .2s, transform .2s;
}

.index-header .rp-header-back:hover {
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 51, 160, .12);
  transform: translateY(-2.125px);
}

.index-header .rp-back-icon {
  display: block;
  width: 19.125px;
  height: 19.125px;
}

@media (min-width: 721px) {
  .index-header-offset,
  .index-content-offset {
    margin-inline-start: 80px;
  }

  .index-desktop-nav {
    width: 80px !important;
  }
}

@media (min-width: 1280px) {
  .index-header-offset,
  .index-content-offset {
    margin-inline-start: 272px;
  }

  .index-desktop-nav {
    width: 272px !important;
  }
}

@media (min-width: 721px) {
  .rp-shell .rp-h-actions {
    gap: 6.375px;
    font-size: 12.75px;
    font-weight: 700;
    line-height: 1.625;
  }

  .rp-shell .rp-h-actions > button,
  .rp-shell .rp-h-actions .notification-bell {
    min-height: 38.25px;
    padding-inline: 12.75px;
    border-radius: 8px;
    transition: background-color 200ms cubic-bezier(.4, 0, .2, 1), color 200ms cubic-bezier(.4, 0, .2, 1), transform 140ms cubic-bezier(.16, 1, .3, 1);
  }

  .rp-shell .rp-h-actions > button:hover,
  .rp-shell .rp-h-actions .notification-bell:hover,
  .rp-shell .rp-h-actions .notification-bell[aria-expanded="true"] {
    background: rgba(255, 255, 255, .4);
  }

  .rp-shell .rp-h-actions > button:active,
  .rp-shell .rp-h-actions .notification-bell:active {
    transform: scale(.96);
  }

  .rp-shell .rp-h-actions .rp-language {
    display: flex;
    align-items: center;
    gap: 8.5px;
    height: 38.25px;
  }

  .rp-shell .rp-h-actions .notification-bell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 41.5px;
    height: 38.25px;
    padding: 0 12.75px;
  }

  .rp-shell .rp-h-actions .rp-user {
    display: flex;
    align-items: center;
    height: 38.25px;
    margin-inline-start: 4.25px;
    padding-inline-start: 4.25px;
    padding-inline-end: 10.625px;
    gap: 10.625px;
  }

  .page .utility-actions .language-button,
  .page .utility-actions .notice-button,
  .page .utility-actions .profile-button {
    height: 38.25px;
    border-radius: 8px;
    font-size: 12.75px;
    font-size-adjust: .48;
    font-weight: 700;
    line-height: 1.625;
    transition: background-color 200ms cubic-bezier(.4, 0, .2, 1), color 200ms cubic-bezier(.4, 0, .2, 1), transform 140ms cubic-bezier(.16, 1, .3, 1);
  }

  .page .utility-actions .language-button:hover,
  .page .utility-actions .notice-button:hover,
  .page .utility-actions .profile-button:hover {
    background: rgba(255, 255, 255, .4);
  }

  .page .utility-actions .language-button:active,
  .page .utility-actions .notice-button:active,
  .page .utility-actions .profile-button:active {
    transform: scale(.96);
  }

  .page .utility-actions .language-button {
    gap: 8.5px;
    padding-inline: 12.75px;
  }

  .page .utility-actions .notice-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41.5px;
    min-width: 41.5px;
    padding-inline: 12.75px;
    color: #59677b;
    font-size: 17px;
  }

  .page .utility-actions .profile-button {
    gap: 10.625px;
    margin-inline-start: 4.25px;
    padding-inline-start: 4.25px;
    padding-inline-end: 10.625px;
  }
}

@media (max-width: 720px) {
  .index-header {
    position: relative;
    height: 68px;
    padding-inline: 14px;
  }

  .index-header .rp-header-brand {
    position: absolute;
    top: 5px;
    inset-inline-start: 46px;
  }

  .index-header .rp-logo {
    width: 154px;
    height: 56px;
  }

  .index-header .rp-h-actions {
    position: absolute;
    top: 12px;
    inset-inline-end: 8px;
    gap: 12px;
  }

  .index-header .rp-h-actions .rp-user {
    display: none;
  }

  .index-header .rp-h-actions .lang-label {
    display: inline;
    font-size: 13px;
  }

  .index-header .rp-h-actions > button,
  .index-header .rp-h-actions .notification-bell {
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: 36px;
    gap: 7px;
  }
}

.rp-shell .rp-h-actions .rp-action-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.rp-shell .rp-h-actions .lang-label,
.page .utility-actions .language-button > span {
  color: var(--color-text);
  font-family: Inter, "Plus Jakarta Sans", Alexandria, sans-serif;
  font-size: 12.5px;
  font-size-adjust: none;
  font-weight: 700;
  line-height: 20.3125px;
}

.rp-shell .rp-user-avatar {
  position: relative;
  display: block;
  width: 29.75px;
  height: 29.75px;
  flex: 0 0 29.75px;
}

.rp-shell .rp-user-icon,
.page .utility-actions .avatar {
  width: 29.75px;
  height: 29.75px;
  border-radius: 8px;
  background: linear-gradient(to right bottom, var(--color-primary), var(--color-primary-deep));
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
}

.rp-shell .rp-user-icon img {
  width: 17px;
  height: 17px;
}

.rp-shell .rp-user-online {
  position: absolute;
  right: -2.125px;
  bottom: -2.125px;
  width: 8.5px;
  height: 8.5px;
  border-radius: 9999px;
  background: var(--color-success);
  box-shadow: 0 0 0 2px #fff;
}

.rp-shell .rp-user-name,
.page .utility-actions .profile-name {
  max-width: 140px;
  overflow: hidden;
  color: var(--color-text);
  font-family: Alexandria, sans-serif;
  font-size: 12.5px;
  font-size-adjust: .48;
  font-weight: 700;
  line-height: 20.3125px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page .utility-actions :where(.language-button, .notice-button, .profile-button) i,
.page .utility-actions .notice-count {
  font-size-adjust: none;
}

.page .utility-actions .notice-button > i {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  font-size: 16px;
  line-height: 16px;
}

/* Keep the unread count anchored to the icon's physical top-right in RTL and LTR. */
.rp-shell .rp-notification-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.rp-shell .rp-h-actions .notification-bell b,
#app-header [data-bell] > span > span,
.page .utility-actions .notice-button .notice-count {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: var(--color-accent-coral);
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  font-size: 9px;
  font-size-adjust: none;
  font-weight: 800;
  line-height: 14.625px;
  text-align: center;
}

.rp-shell .rp-h-actions .notification-bell b,
#app-header [data-bell] > span > span {
  inset-inline-end: auto;
  top: -6.375px;
  right: -8.5px;
  left: auto;
}

.page .utility-actions .notice-button .notice-count {
  top: 4.75px;
  right: 4.25px;
  left: auto;
}

/* Keep the standalone header on the same responsive container as Payment History. */
.page .topbar-inner {
  max-width: 1632px;
}

@media (min-width: 1280px) {
  .page {
    --rail: 272px;
  }
}

.rp-logout-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.rp-logout:hover .rp-logout-icon {
  filter: brightness(0) invert(1);
}

@media (prefers-reduced-motion: reduce) {
  .rp-header-back,
  .rp-back-icon {
    transition: none;
  }
}


/* source: css/static-app.css */
* {
    box-sizing: border-box
}

html {
    background: #f9fbff
}

body {
    margin: 0;
    min-width: 320px;
    color: var(--color-text);
    background: var(--color-canvas);
    font-family: Inter,Arial,sans-serif
}

body:before,body:after {
    content: "";
    z-index: -1;
    position: fixed;
    border-radius: 999px;
    filter: blur(100px);
    pointer-events: none
}

body:before {
    width: 45vw;
    height: 70vh;
    top: -18vw;
    left: -18vw;
    background: radial-gradient(circle at 30% 30%,rgba(58,122,240,.85) 0%,rgba(0,51,160,.55) 40%,rgba(120,80,255,.25) 75%,transparent 100%);
    animation: blob-float-a 18s ease-in-out infinite alternate
}

body:after {
    width: 48vw;
    height: 65vh;
    bottom: -18vw;
    right: -18vw;
    background: radial-gradient(circle at 70% 70%,rgba(203,160,82,.65) 0%,rgba(255,107,74,.5) 40%,rgba(240,192,74,.25) 75%,transparent 100%);
    animation: blob-float-b 22s ease-in-out infinite alternate
}

@keyframes blob-float-a {
    0% {
        transform: translateZ(0) scale(1)
    }

    50% {
        transform: translate3d(4%,6%,0) scale(1.08)
    }

    to {
        transform: translate3d(-3%,3%,0) scale(.96)
    }
}

@keyframes blob-float-b {
    0% {
        transform: translateZ(0) scale(1)
    }

    50% {
        transform: translate3d(-5%,-4%,0) scale(1.1)
    }

    to {
        transform: translate3d(3%,-2%,0) scale(.94)
    }
}

@media(prefers-reduced-motion:reduce) {
    body:before,body:after {
        animation: none!important
    }
}

[dir=rtl] body {
    font-family: Alexandria,Arial,sans-serif
}

[dir=rtl] * {
    letter-spacing: 0!important
}

.rp-shell {
    min-height: 100vh
}

.rp-aside {
    position: fixed;
    z-index: 20;
    inset: 0 auto 0 0;
    width: 271px;
    display: flex;
    flex-direction: column;
    padding: 29px 15px 12px;
    background: linear-gradient(90deg,#fff 0%,#fff 84%,#ffffffa5 100%);
    border-right: 1px solid #e9edf4;
    overflow: hidden
}

.rp-aside:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto 0 -8px 0;
    height: 390px;
    background: url('../assets/sidenavBg.png') bottom/100% auto no-repeat;
    opacity: .5;
    pointer-events: none
}

[dir=rtl] .rp-aside {
    inset: 0 0 0 auto;
    border-left: 1px solid #e9edf4;
    border-right: 0;
    transform: scaleX(-1)
}

[dir=rtl] .rp-aside>* {
    transform: scaleX(-1)
}

.rp-nav {
    display: grid;
    gap: 8px
}

.rp-nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 46px;
    padding: 7px 12px;
    color: #3f4859;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    border-radius: 8px;
    transition: background .18s,color .18s
}

.rp-nav a:hover {
    background: #f4f7ff;
    color: var(--color-primary)
}

.rp-nav a.active {
    background: linear-gradient(90deg,#eef3ff 0%,#f9fbff 100%);
    color: #162033
}

.rp-nav a.active:before {
    content: "";
    position: absolute;
    inset: 9px auto 9px 5px;
    width: 4px;
    border-radius: 5px;
    background: #0a47bd
}

.rp-nav img {
    width: 31px;
    height: 31px;
    object-fit: contain;
    filter: drop-shadow(0 3px 3px #6e83a733)
}

.rp-account {
    margin: 20px 0 12px;
    color: #8a92a2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    display: flex;
    align-items: center;
    gap: 10px
}

.rp-account:after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e6eaf0
}

.rp-logout {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #dca2a6;
    border-radius: 8px;
    background: #fffafa;
    color: #c95960;
    font-size: 13px;
    font-weight: 700
}

.rp-logout:hover {
    background: #c95960;
    color: #fff
}

.rp-content {
    margin-left: 271px;
    min-height: 100vh;
    padding: 0 24px 42px
}

.rp-header {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1180px;
    margin: 0 auto
}

.rp-logo {
    width: 149px;
    height: 58px;
    object-fit: contain
}

.rp-h-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    font-size: 13px;
    font-weight: 800
}

.rp-h-actions button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #111827;
    font: inherit
}

.rp-h-actions .bell {
    position: relative;
    font-size: 18px
}

.rp-h-actions .bell b {
    position: absolute;
    top: -7px;
    right: -9px;
    display: grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    border: 2px solid #f9fbff;
    border-radius: 50%;
    background: var(--color-accent-coral);
    color: #fff;
    font-size: 9px
}

.rp-user {
    display: flex;
    align-items: center;
    gap: 9px
}

.rp-user-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--color-primary);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    box-shadow: 0 4px 8px #0033a036
}

.rp-online {
    position: relative
}

.rp-online:after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2da664
}

.rp-wrap {
    max-width: 1180px;
    margin: 4px auto 0
}

.rp-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 14px 0 20px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1.4px
}

.rp-title:before {
    content: "";
    height: 31px;
    width: 4px;
    border-radius: 2px;
    background: linear-gradient(var(--color-accent-gold),#d9bf8d)
}

.rp-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: -8px 0 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #234a9e;
    font-weight: 700;
    font-size: 14px
}

.rp-back:hover {
    text-decoration: underline
}

.rp-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(43,48,66,.045)
}

.rp-section-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 21px 0 11px;
    font-size: 18px;
    font-weight: 800
}

.rp-section-label i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #e9eeff;
    color: var(--color-primary);
    font-size: 18px
}

.rp-divider {
    height: 1px;
    background: #edf0f5
}

.rp-btn {
    border: 0;
    border-radius: 8px;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    padding: 11px 19px;
    box-shadow: 0 5px 13px #0033a033;
    transition: .18s
}

.rp-btn:hover {
    background: #00277c;
    transform: translateY(-1px)
}

.rp-btn.gold {
    background: var(--color-accent-gold);
    color: #213050
}

.rp-btn.ghost {
    background: var(--color-canvas);
    color: #3f4b60;
    box-shadow: none;
    border: 1px solid #e6eaf0
}

.rp-icon-button {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e5eaf2;
    background: #fff;
    border-radius: 9px;
    color: #536076
}

.rp-icon-button:hover {
    color: var(--color-primary);
    border-color: #abc4fb
}

.rp-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #e9edf3;
    border-radius: 30px;
    padding: 7px 13px;
    background: #fff;
    color: #5e687a;
    font-size: 12px;
    font-weight: 800
}

.rp-pill.active {
    color: #fff;
    background: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 5px 12px #0033a033
}

.rp-pill .count {
    padding: 1px 6px;
    border-radius: 12px;
    background: #f1f3f6;
    color: inherit
}

.rp-pill.active .count {
    background: #ffffff2a;
    color: #fff
}

.rp-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    padding: 4px 9px;
    font-size: 10px;
    font-weight: 800
}

.rp-chip.success {
    color: var(--color-success);
    background: #eff9f3
}

.rp-chip.warn {
    color: #9c7620;
    background: #fff8e7
}

.rp-chip.blue {
    color: var(--color-primary);
    background: #edf3ff
}

.rp-chip.gray {
    color: #637083;
    background: #f7f8fa
}

.rp-chip.danger {
    color: #b85158;
    background: #fff1f1
}

.rp-toggle {
    appearance: none;
    position: relative;
    width: 47px;
    height: 26px;
    flex: 0 0 47px;
    border: 0;
    border-radius: 99px;
    background: #cbd3df;
    cursor: pointer;
    transition: .2s
}

.rp-toggle:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 3px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px #0003;
    transition: .2s
}

.rp-toggle:checked {
    background: var(--color-primary)
}

.rp-toggle:checked:after {
    left: 24px
}

.rp-toast {
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 20px;
    padding: 12px 16px;
    color: #fff;
    background: #182236;
    border-radius: 10px;
    box-shadow: var(--shadow-card);
    font-size: 13px;
    font-weight: 700;
    animation: toast .2s ease-out
}

@keyframes toast {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

/* General settings */
.settings-grid {
    display: grid;
    grid-template-columns: minmax(0,1.18fr) minmax(310px,.82fr);
    gap: 24px;
    align-items: start
}

.setting-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 19px;
    margin-bottom: 10px
}

.setting-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    text-align: start
}

.setting-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: #f0f4ff;
    color: #294ca5;
    border-radius: 10px;
    font-size: 19px
}

.setting-icon.danger {
    background: #fff5f5;
    color: #c95f65
}

.setting-text b {
    display: block;
    font-size: 14px
}

.setting-text span {
    display: block;
    margin-top: 3px;
    color: #778195;
    font-size: 12px
}

.setting-arrow {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: #fafbfc;
    color: #adb5c1
}

.about-card {
    overflow: hidden;
    color: #fff;
    background: linear-gradient(135deg,#143e9f,#0a3193)
}

.about-main {
    padding: 21px 23px 24px
}

.about-logo {
    display: flex;
    align-items: center;
    gap: 13px
}

.about-logo>i {
    display: grid;
    place-items: center;
    width: 59px;
    height: 59px;
    border-radius: 14px;
    background: #ffffff20;
    font-size: 29px
}

.about-main h3 {
    margin: 0;
    font-size: 18px
}

.about-main p {
    margin: 15px 0 0;
    max-width: 330px;
    color: #dce6ff;
    font-size: 13px;
    line-height: 1.55
}

.about-foot {
    display: flex;
    justify-content: space-between;
    padding: 12px 23px;
    border-top: 1px solid #ffffff22;
    color: #b5c7ed;
    font-size: 12px
}

.new-card {
    margin-top: 19px;
    overflow: hidden
}

.new-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17px 22px;
    border-bottom: 1px solid var(--color-border);
    font-size: 16px;
    font-weight: 800
}

.new-heading i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #f6f1ff;
    color: #7b48d4
}

.new-body {
    padding: 19px 22px
}

.new-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
    font-size: 12px;
    color: #8790a0
}

.new-meta b {
    color: #19367e;
    font-family: monospace
}

.new-body ul {
    margin: 0;
    padding-left: 16px;
    color: #5f6878;
    font-size: 14px;
    line-height: 2
}

/* Profile */
.profile-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 24px;
    align-items: start
}

.profile-hero {
    padding: 26px 20px 25px;
    text-align: center;
    color: #fff;
    background: linear-gradient(160deg,#213fa4 0%,#09358e 100%);
    border: 0;
    overflow: hidden
}

.profile-avatar {
    position: relative;
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    margin: 2px auto 18px;
    border-radius: 50%;
    background: #ffffff1a;
    font-size: 29px;
    font-weight: 800
}

.profile-avatar:after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 17px;
    height: 17px;
    border: 3px solid #16409a;
    border-radius: 50%;
    background: #2eb666
}

.profile-hero h2 {
    margin: 0;
    font-size: 23px
}

.profile-hero .email {
    margin: 5px 0 13px;
    color: #e0e9ff;
    font-size: 13px
}

.verify-row {
    display: flex;
    justify-content: center;
    gap: 7px
}

.profile-hero .info-box {
    padding: 12px;
    text-align: left;
    background: #ffffff12;
    border-radius: 10px
}

.profile-hero .info-box span {
    display: block;
    color: #b7caf5;
    font-size: 10px;
    font-weight: 700
}

.profile-hero .info-box b {
    font-size: 14px
}

.profile-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 17px
}

.profile-actions button {
    border: 0;
    border-radius: 9px;
    padding: 11px;
    background: #ffffff14;
    color: #fff;
    font-size: 14px;
    font-weight: 800
}

.profile-actions button:last-child {
    background: var(--color-accent-gold);
    color: #26354e
}

.mailbox-mini {
    padding: 21px;
    margin-top: 15px
}

.mailbox-mini .mail {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 2px
}

.overview {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

.overview-card {
    min-height: 125px;
    padding: 17px
}

.overview-card img {
    float: right;
    width: 48px;
    height: 48px;
    object-fit: contain
}

.overview-card b {
    display: block;
    padding-top: 50px;
    font-size: 20px
}

.overview-card span {
    font-size: 12px;
    color: #6f7889
}

.profile-subtitle {
    margin: 23px 0 10px;
    color: #667080;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 800;
    text-transform: uppercase
}

.service-card {
    overflow: hidden
}

.service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 27px
}

.service-top b {
    font-size: 14px
}

.service-top span {
    display: block;
    margin-top: 4px;
    color: #667080;
    font-size: 12px
}

.service-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--color-border)
}

.service-cols div {
    padding: 20px 30px
}

.service-cols div+div {
    border-left: 1px solid var(--color-border)
}

.service-cols b {
    display: block;
    font-size: 14px
}

.service-cols span {
    color: var(--color-success);
    font-size: 11px;
    font-weight: 700
}

.profile-settings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.profile-setting {
    position: relative;
    min-height: 123px;
    padding: 20px;
    border: 1px solid #edf0f5;
    border-radius: 11px;
    background: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 800
}

.profile-setting img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    margin-bottom: 11px
}

.profile-setting:after {
    content: "›";
    position: absolute;
    top: 12px;
    right: 17px;
    color: #9ca4b3;
    font-size: 26px;
    font-weight: 400
}

/* Shipments */
.shipment-board {
    max-width: 800px;
    margin: 0 auto
}

.shipment-search {
    position: relative;
    margin: 22px 0 17px
}

.shipment-search i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #98a0ae
}

.shipment-search input,.archive-search input,.branch-search input,.schedule-select,.schedule-notes {
    width: 100%;
    border: 1px solid #e7ebf1;
    background: #fff;
    border-radius: 9px;
    padding: 12px 15px;
    color: #222a38;
    outline: 0;
    font: 14px inherit
}

.shipment-search input {
    padding-left: 41px
}

.shipment-search input:focus,.archive-search input:focus,.branch-search input:focus,.schedule-select:focus,.schedule-notes:focus {
    border-color: #94b4f7;
    box-shadow: 0 0 0 3px #2c6ae513
}

.shipment-filters {
    display: flex;
    gap: 10px;
    overflow: auto;
    margin-bottom: 15px
}

.shipment-filter-icon {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.shipment-row {
    padding: 15px 17px;
    margin-bottom: 12px
}

.shipment-row-top {
    display: flex;
    align-items: flex-start;
    gap: 13px
}

.shipment-icon {
    width: 39px;
    height: 39px;
    object-fit: contain
}

.shipment-copy {
    min-width: 0;
    flex: 1
}

.tracking {
    font-family: "Plus Jakarta Sans",monospace;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 800
}

.shipment-copy .route {
    margin-top: 4px;
    color: #566174;
    font-size: 11px;
    font-weight: 600
}

.shipment-copy .route b {
    color: #465166
}

.shipment-service {
    font-size: 10px
}

.shipment-steps {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin: 13px 4px 9px
}

.shipment-step {
    position: relative;
    flex: 1;
    text-align: center;
    color: #7a8392;
    font-size: 9px;
    font-weight: 700
}

.shipment-step:not(:last-child):before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e7eaf0
}

.shipment-step b {
    position: relative;
    z-index: 1;
    display: block;
    width: 14px;
    height: 14px;
    margin: 0 auto 4px;
    border: 2px solid #e3e7ed;
    border-radius: 50%;
    background: #fff
}

.shipment-step.done:before,.shipment-step.done b {
    background: #485267
}

.shipment-step.done b {
    border-color: #485267
}

.shipment-step.current b {
    border-color: #e0b54d;
    box-shadow: 0 0 0 4px #f8efd633
}

.shipment-bottom {
    display: flex;
    justify-content: flex-end;
    padding-top: 9px;
    border-top: 1px solid #eff1f5
}

.shipment-bottom button {
    border: 0;
    background: transparent;
    color: #4f5867;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px
}

.shipment-bottom button:hover {
    color: var(--color-primary)
}

/* Branches */
.branches-grid {
    display: grid;
    grid-template-columns: minmax(420px,1.45fr) minmax(310px,1fr);
    gap: 15px
}

.map-panel {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    background: #d6d6d6;
    border-radius: 10px
}

.map-panel:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .32;
    background: linear-gradient(35deg,transparent 48%,#ffffffaa 49%,transparent 51%) 0 0/110px 70px,linear-gradient(-22deg,transparent 47%,#ffffff99 48%,transparent 50%) 0 0/140px 90px
}

.map-control {
    position: absolute;
    z-index: 2;
    top: 11px;
    left: 11px;
    display: grid;
    overflow: hidden;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    background: #fff
}

.map-control button {
    width: 32px;
    height: 31px;
    border: 0;
    background: #fff;
    font-size: 24px
}

.map-control button+button {
    border-top: 1px solid #b9b9b9
}

.map-marker {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px #0005
}

.map-marker.blue {
    background: #2563db
}

.map-marker.gold {
    background: #d4a533
}

.map-marker.green {
    background: #44b98a
}

.map-key {
    position: absolute;
    z-index: 2;
    bottom: 14px;
    left: 12px;
    padding: 9px 13px;
    background: #ffffffea;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 2
}

.map-key i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 7px
}

.branch-sidebar {
    min-width: 0
}

.branch-stats {
    padding: 16px 16px 15px;
    color: #fff;
    background: linear-gradient(135deg,#133e9e,#153da0);
    border: 0
}

.branch-metrics {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 13px
}

.branch-metrics>div+div {
    padding-left: 14px;
    border-left: 1px solid #ffffff26
}

.branch-metrics span {
    display: block;
    color: #b5c8f0;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase
}

.branch-metrics b {
    display: block;
    margin-top: 3px;
    font-size: 25px;
    line-height: 1
}

.branch-metrics .open {
    color: #5fc270
}

.nearest {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid #ffffff2b
}

.nearest i {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 7px;
    background: #ffffff17
}

.nearest small {
    display: block;
    color: #adbee5;
    font-weight: 800;
    font-size: 10px
}

.nearest b {
    display: block;
    font-size: 12px
}

.nearest button {
    margin-left: auto;
    padding: 5px 12px;
    border: 0;
    border-radius: 7px;
    background: #dec166;
    color: #233768;
    font-size: 11px;
    font-weight: 800
}

.branch-search {
    position: relative;
    margin: 13px 0
}

.branch-search i {
    position: absolute;
    top: 12px;
    left: 13px;
    color: #a4acb9
}

.branch-search input {
    padding-left: 39px
}

.branch-types {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 11px
}

.branch-types button {
    border: 1px solid #e8ebef;
    border-radius: 20px;
    background: #fff;
    color: #5d6777;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 800
}

.branch-types button.active {
    border-color: #1647ad;
    background: #1647ad;
    color: #fff
}

.result-count {
    margin: 10px 0;
    color: #697284;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .7px
}

.branch-list {
    display: grid;
    gap: 10px;
    max-height: 430px;
    overflow: auto;
    padding-right: 2px
}

.branch-item {
    position: relative;
    padding: 16px 16px 14px;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fff;
    overflow: hidden
}

.branch-item.selected:before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #d2aa41
}

.branch-head {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.branch-kind {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background: #f8f5e9;
    color: #b28a26
}

.branch-head b {
    display: block;
    font-size: 14px
}

.branch-head span {
    display: inline-block;
    margin-top: 5px;
    padding: 2px 6px;
    border-radius: 5px;
    background: #eef2ff;
    color: #3652a6;
    font-size: 9px;
    font-weight: 800
}

.branch-open {
    margin-left: auto;
    color: #2b9d5b;
    font-size: 9px;
    font-weight: 800
}

.branch-loc {
    display: grid;
    gap: 5px;
    margin: 10px 0;
    color: #677182;
    font-size: 11px
}

.branch-actions {
    display: flex;
    gap: 8px
}

.branch-actions button {
    flex: 1;
    padding: 10px;
    border: 1px solid #e8ebf0;
    border-radius: 7px;
    background: #fff;
    color: #4e596c;
    font-weight: 800;
    font-size: 12px
}

.branch-actions button:last-child {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary)
}

/* Archives */
.archive-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.archive-stats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
    margin-bottom: 32px
}

.archive-stat {
    min-height: 107px;
    padding: 20px
}

.archive-stat img {
    float: right;
    width: 64px;
    height: 64px;
    object-fit: contain
}

.archive-stat span {
    display: block;
    color: #5e6879;
    font-size: 14px
}

.archive-stat b {
    display: block;
    margin-top: 5px;
    font-size: 30px;
    line-height: 1
}

.archive-search {
    position: relative;
    padding: 16px;
    margin-bottom: 23px
}

.archive-search i {
    position: absolute;
    top: 29px;
    left: 31px;
    color: #9aa3b1
}

.archive-search input {
    padding-left: 52px;
    background: #fbfcfd
}

.archive-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 15px
}

.archive-table {
    overflow: hidden
}

.archive-head,.archive-row {
    display: grid;
    grid-template-columns: 2.6fr 1.7fr 1.6fr 1.55fr 1.1fr .7fr;
    gap: 12px;
    align-items: center
}

.archive-head {
    padding: 15px 26px;
    border-bottom: 1px solid #edf0f4;
    color: #737d8b;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 800;
    text-transform: uppercase
}

.archive-row {
    padding: 16px 26px;
    font-size: 14px
}

.archive-row+.archive-row {
    border-top: 1px solid #f0f2f5
}

.archive-shipment {
    display: flex;
    align-items: center;
    gap: 11px
}

.archive-shipment img {
    width: 37px;
    height: 37px;
    object-fit: contain
}

.archive-shipment b {
    display: block;
    font-size: 14px
}

.archive-shipment span {
    font-size: 10px;
    color: #6c7585
}

.archive-row .loc {
    color: #3e4858
}

.archive-row .muted {
    color: #626c7d;
    font-size: 13px
}

.archive-view {
    padding: 7px 13px;
    border: 0;
    border-radius: 6px;
    background: #1647ad;
    color: #fff;
    font-size: 12px;
    font-weight: 800
}

/* Schedule */
.schedule-grid {
    display: grid;
    grid-template-columns: minmax(0,1.65fr) minmax(280px,.8fr);
    gap: 22px;
    align-items: start
}

.schedule-panel {
    padding: 22px
}

.calendar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px
}

.calendar-top button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 7px;
    background: #f5f7fb;
    color: #637085
}

.calendar-top b {
    font-size: 14px
}

.date-grid {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 8px
}

.date-button {
    min-height: 74px;
    border: 1px solid #e7ebf0;
    border-radius: 9px;
    background: #fff;
    color: #242d3d;
    font: inherit
}

.date-button small {
    display: block;
    color: #8c95a3;
    font-size: 10px
}

.date-button b {
    display: block;
    margin-top: 4px;
    font-size: 15px
}

.date-button.selected {
    border-color: #1647ad;
    background: #1647ad;
    color: #fff
}

.date-button.selected small {
    color: #dce8ff
}

.date-button:disabled {
    opacity: .45
}

.time-block {
    margin-top: 23px
}

.time-label {
    display: block;
    margin-bottom: 8px;
    color: #697385;
    font-size: 12px;
    font-weight: 800
}

.time-options {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.time-options button {
    padding: 9px 13px;
    border: 1px solid #e4e8ee;
    border-radius: 7px;
    background: #fff;
    color: #586273;
    font-size: 12px;
    font-weight: 700
}

.time-options button.selected {
    color: #fff;
    background: #1647ad;
    border-color: #1647ad
}

.schedule-form {
    display: grid;
    gap: 22px;
    margin-top: 26px
}

.schedule-field label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 800
}

.schedule-field label span {
    color: #8c95a3;
    font-size: 11px
}

.schedule-notes {
    min-height: 88px;
    resize: vertical
}

.schedule-summary {
    position: sticky;
    top: 18px;
    padding: 20px
}

.schedule-summary h3 {
    margin: 0;
    font-size: 17px
}

.schedule-summary .sub {
    margin: 4px 0 17px;
    color: #7c8593;
    font-size: 12px
}

.summary-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 0;
    border-top: 1px solid #edf0f4;
    font-size: 12px
}

.summary-row span {
    color: #7b8493
}

.summary-row b {
    max-width: 55%;
    text-align: right
}

.schedule-tip {
    margin-top: 15px;
    padding: 14px;
    border-radius: 8px;
    background: #f5f8ff;
    color: #536179;
    font-size: 12px;
    line-height: 1.55
}

.schedule-tip b {
    display: block;
    color: #244899;
    margin-bottom: 3px
}

.rp-mobile-nav {
    display: none
}

.rp-modal {
    position: fixed;
    z-index: 100;
    inset: 0;
    display: none;
    place-items: center;
    padding: 18px;
    background: #07132a66
}

.rp-modal.show {
    display: grid
}

.rp-modal-card {
    width: min(480px,100%);
    padding: 23px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 25px 70px #0004
}

.rp-modal-card h2 {
    margin: 0;
    font-size: 20px
}

.rp-modal-card p {
    color: #697385;
    font-size: 13px;
    line-height: 1.55
}

.rp-modal-card .modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px
}

@media(max-width: 1100px) {
    .rp-aside {
        width:74px;
        padding: 25px 10px
    }

    .rp-aside .rp-nav span,.rp-aside .rp-account,.rp-logout span {
        display: none
    }

    .rp-nav a {
        justify-content: center;
        padding: 6px
    }

    .rp-nav a.active:before {
        left: 5px
    }

    .rp-logout {
        justify-content: center;
        padding: 12px
    }

    .rp-content {
        margin-left: 74px
    }

    .profile-grid {
        grid-template-columns: 330px 1fr
    }

    .branches-grid {
        grid-template-columns: 1fr
    }

    .map-panel {
        min-height: 370px
    }

    .branch-list {
        max-height: none
    }

    .settings-grid {
        grid-template-columns: 1fr
    }

    .about-card {
        max-width: 520px
    }
}

@media(max-width: 720px) {
    body:before {
        width:95vw;
        left: -50vw
    }

    body:after {
        width: 95vw;
        right: -55vw
    }

    .rp-aside {
        display: none
    }

    .rp-content {
        margin: 0;
        padding: 0 14px 91px
    }

    .rp-header {
        height: 65px
    }

    .rp-logo {
        width: 126px
    }

    .rp-h-actions {
        gap: 12px
    }

    .rp-h-actions .lang-label,.rp-user-name {
        display: none
    }

    .rp-wrap {
        margin-top: 10px
    }

    .rp-title {
        font-size: 25px;
        margin: 12px 0 18px
    }

    .rp-title:before {
        height: 26px
    }

    .rp-mobile-nav {
        position: fixed;
        z-index: 50;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-around;
        height: 71px;
        padding: 8px 4px calc(8px + env(safe-area-inset-bottom));
        background: #fffffff2;
        border-top: 1px solid #e8ebf0;
        backdrop-filter: blur(14px)
    }

    .rp-mobile-nav a {
        display: grid;
        place-items: center;
        gap: 3px;
        color: #6c7687;
        text-decoration: none;
        font-size: 9px;
        font-weight: 700
    }

    .rp-mobile-nav a.active {
        color: #1345aa
    }

    .rp-mobile-nav img {
        width: 25px;
        height: 25px;
        object-fit: contain
    }

    .settings-grid,.profile-grid,.schedule-grid {
        grid-template-columns: 1fr
    }

    .profile-hero {
        padding: 22px 17px
    }

    .overview {
        gap: 7px
    }

    .overview-card {
        min-height: 103px;
        padding: 12px
    }

    .overview-card img {
        width: 38px;
        height: 38px
    }

    .overview-card b {
        padding-top: 39px;
        font-size: 17px
    }

    .overview-card span {
        font-size: 10px
    }

    .service-top {
        padding: 15px
    }

    .service-cols div {
        padding: 15px
    }

    .profile-settings {
        gap: 8px
    }

    .profile-setting {
        min-height: 108px;
        padding: 14px;
        font-size: 12px
    }

    .profile-setting img {
        width: 46px;
        height: 46px
    }

    .archive-top {
        align-items: flex-start;
        gap: 10px
    }

    .archive-top .rp-btn {
        font-size: 11px;
        padding: 10px
    }

    .archive-stats {
        gap: 8px;
        margin-bottom: 18px
    }

    .archive-stat {
        min-height: 88px;
        padding: 12px
    }

    .archive-stat img {
        width: 40px;
        height: 40px
    }

    .archive-stat span {
        font-size: 11px
    }

    .archive-stat b {
        font-size: 24px
    }

    .archive-search {
        padding: 10px
    }

    .archive-search i {
        top: 22px;
        left: 23px
    }

    .archive-search input {
        padding-left: 40px
    }

    .archive-head {
        display: none
    }

    .archive-row {
        display: flex;
        flex-wrap: wrap;
        padding: 14px
    }

    .archive-row>:not(.archive-shipment):not(.archive-view) {
        font-size: 11px
    }

    .archive-row .status-cell {
        order: 1
    }

    .archive-row .loc {
        order: 2
    }

    .archive-row .muted {
        order: 3
    }

    .archive-row .weight {
        order: 4
    }

    .archive-row .archive-view {
        margin-left: auto
    }

    .shipment-board {
        max-width: none
    }

    .shipment-search {
        margin-top: 3px
    }

    .shipment-row {
        padding: 13px
    }

    .shipment-steps {
        margin-inline:0}

    .shipment-step {
        font-size: 8px
    }

    .branch-metrics b {
        font-size: 21px
    }

    .branches-grid {
        grid-template-columns: 1fr
    }

    .map-panel {
        min-height: 260px
    }

    .date-grid {
        gap: 4px
    }

    .date-button {
        min-height: 58px
    }

    .date-button b {
        font-size: 13px
    }

    .schedule-panel {
        padding: 15px
    }

    .schedule-summary {
        position: static
    }

    .settings-grid {
        gap: 10px
    }

    .new-card {
        margin-top: 10px
    }
}

[dir=rtl] .rp-content {
    margin-left: 0;
    margin-right: 271px
}

[dir=rtl] .rp-nav a.active:before {
    left: auto;
    right: 5px
}

[dir=rtl] .branch-item.selected:before {
    left: auto;
    right: 0
}

[dir=rtl] .archive-search i,[dir=rtl] .branch-search i {
    left: auto;
    right: 13px
}

[dir=rtl] .archive-search i {
    right: 31px
}

[dir=rtl] .archive-search input,[dir=rtl] .branch-search input {
    padding-left: 15px;
    padding-right: 39px
}

[dir=rtl] .archive-search input {
    padding-right: 52px
}

[dir=rtl] .service-cols div+div {
    border-left: 0;
    border-right: 1px solid var(--color-border)
}

[dir=rtl] .profile-setting:after {
    right: auto;
    left: 17px;
    transform: rotate(180deg)
}

[dir=rtl] .branch-open {
    margin-left: 0;
    margin-right: auto
}

[dir=rtl] .archive-view {
    margin-left: 0;
    margin-right: auto
}

@media(max-width: 1100px) {
    [dir=rtl] .rp-content {
        margin-left:0;
        margin-right: 74px
    }
}

@media(max-width: 720px) {
    [dir=rtl] .rp-content {
        margin:0
    }
}

/* Dashboard 2 parity */
.dc-greeting {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0 30px
}

.dc-greeting p {
    margin: 0 0 4px;
    color: #667184;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase
}

.dc-greeting h1 {
    margin: 0;
    font-size: 34px;
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -1.5px
}

.dc-plan {
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid #e0e6ef;
    border-radius: 10px;
    background: #fff;
    padding: 9px 11px;
    color: #596579;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px #25385b08
}

.dc-plan b {
    color: #1b2637;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: none
}

.dc-plan i {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f5f7fa;
    color: #8290a2;
    font-size: 11px
}

.dc-plan .crown {
    color: #cf9f35;
    background: transparent;
    width: auto
}

.dc-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 29px
}

.dc-hero {
    position: relative;
    display: flex;
    min-height: 249px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #edf0f4;
    border-radius: 15px;
    box-shadow: 0 14px 31px #17233d0a
}

.dc-rail {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    width: 77px;
    flex: 0 0 77px;
    padding: 20px 0 17px;
    background: #0c3fa4;
    color: #fff
}

.dc-rail.vbx {
    background: linear-gradient(180deg,#d1a045,#e7c476);
    color: #062a78
}

.dc-rail .rail-label {
    writing-mode: vertical-rl;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 800
}

.dc-rail .rail-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d6a43d
}

.dc-rail.vbx .rail-dot {
    background: #063495
}

.dc-rail .rail-icon {
    font-size: 28px;
    color: #e3b957
}

.dc-rail.vbx .rail-icon {
    color: #09388b
}

.dc-hero-body {
    position: relative;
    z-index: 2;
    flex: 1;
    padding: 21px 25px;
    min-width: 0
}

.dc-hero-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: #748093;
    font-size: 11px;
    font-weight: 700
}

.dc-hero-meta i {
    color: #5ba589
}

.dc-hero-meta .orange {
    color: #e88949
}

.dc-mail-count {
    position: absolute;
    top: 17px;
    right: 17px;
    padding: 7px 11px;
    border: 1px solid #f2e6cb;
    border-radius: 20px;
    background: #fffdfa;
    color: #d2a13d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px
}

.dc-code {
    margin: 15px 0 12px;
    color: #11182b;
    font-family: "Plus Jakarta Sans",monospace;
    font-size: clamp(28px,2.35vw,45px);
    font-weight: 800;
    letter-spacing: clamp(4px,.55vw,10px);
    line-height: 1;
    white-space: nowrap
}

.dc-code .dash {
    color: #d5a442
}

.dc-location {
    color: #718094;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.dc-location i {
    color: #7a8899;
    margin-right: 6px
}

.dc-hero-actions {
    position: absolute;
    bottom: 23px;
    left: 25px;
    display: flex;
    gap: 9px
}

.dc-circle-action {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border: 0;
    border-radius: 50%;
    background: #f2f6fd;
    color: #1550b8;
    font-size: 16px
}

.dc-manage {
    position: absolute;
    right: 25px;
    bottom: 25px;
    padding: 10px 17px;
    border: 0;
    border-radius: 22px;
    background: #0844ae;
    color: #fff;
    font-size: 13px;
    font-weight: 800
}

.dc-hero.vbx-card .dc-manage {
    background: #cda045;
    color: #0c3e8e
}

.dc-hero-art {
    position: absolute;
    z-index: 1;
    right: -11px;
    bottom: -1px;
    width: 195px;
    height: 176px;
    object-fit: contain;
    opacity: .62;
    mix-blend-mode: multiply
}

.dc-hero.vbx-card .dc-hero-art {
    width: 218px;
    height: 177px;
    right: -13px;
    bottom: -7px;
    opacity: .62
}

.dc-grid {
    display: grid;
    grid-template-columns: minmax(0,1.72fr) minmax(310px,.55fr);
    gap: 30px
}

.dc-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 16px
}

.dc-title-row h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.8px
}

.dc-title-row h2 i {
    margin-right: 10px;
    color: #1955b6;
    font-size: 22px
}

.dc-title-row h2 .gold {
    color: #d2a13d
}

.dc-count {
    display: grid;
    place-items: center;
    min-width: 25px;
    height: 25px;
    border-radius: 20px;
    background: #f9f0df;
    color: #d6a54c;
    font-size: 12px;
    font-weight: 800
}

.dc-status-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    overflow: auto
}

.dc-status-tab {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: max-content;
    border: 0;
    border-radius: 9px;
    background: #f2f4f7;
    color: #657084;
    padding: 14px 17px;
    font-size: 13px;
    font-weight: 800
}

.dc-status-tab i {
    font-size: 21px;
    color: #9aabcc
}

.dc-status-tab.active {
    background: #fff;
    color: #1045a9;
    box-shadow: 0 4px 12px #1c397a10
}

.dc-status-tab.ready i {
    color: #d5aa49
}

.dc-status-tab.transit i {
    color: #9684d7
}

.dc-status-tab.delivered i {
    color: #54bc9d
}

.dc-status-tab span {
    display: grid;
    place-items: center;
    min-width: 23px;
    height: 23px;
    border-radius: 14px;
    background: #e4e8ee;
    color: #5b6575;
    font-size: 11px
}

.dc-ship-panel {
    border-top: 4px solid #0a47b5;
    border-radius: 5px;
    background: #f4f6fa;
    padding: 12px;
    box-shadow: 0 12px 25px #1729440b
}

.dc-direction-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 14px
}

.dc-direction {
    border: 1px solid #e6ebf1;
    border-radius: 20px;
    background: #fff;
    color: #657083;
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 800
}

.dc-direction.active {
    background: #17223a;
    color: #fff;
    border-color: #17223a
}

.dc-direction span {
    padding: 2px 7px;
    border-radius: 12px;
    background: #ffffff24
}

.dc-shipment {
    padding: 17px 17px 13px;
    margin-bottom: 11px;
    background: #fff;
    border: 1px solid #eceff4;
    border-radius: 12px
}

.dc-shipment-top {
    display: flex;
    align-items: flex-start;
    gap: 11px
}

.dc-shipment-img {
    width: 45px;
    height: 45px;
    object-fit: contain
}

.dc-ship-copy {
    min-width: 0;
    flex: 1
}

.dc-track {
    font-family: "Plus Jakarta Sans",monospace;
    color: #283145;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.2px
}

.dc-track button {
    border: 0;
    background: transparent;
    color: #9ba6b6
}

.dc-ship-meta {
    margin-top: 4px;
    color: #728095;
    font-size: 11px;
    font-weight: 700
}

.dc-ship-meta b {
    color: #3c4658
}

.dc-service {
    align-self: center;
    padding: 5px 9px;
    border-radius: 18px;
    background: #fff6e8;
    color: #c99431;
    font-size: 11px;
    font-weight: 800
}

.dc-service.po {
    background: #edf2ff;
    color: #174aaa
}

.dc-timeline {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin: 14px 14px 8px
}

.dc-timeline-step {
    position: relative;
    flex: 1;
    text-align: center;
    color: #8490a0;
    font-size: 9px;
    font-weight: 700
}

.dc-timeline-step:not(:last-child):before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e5eaf1
}

.dc-timeline-step b {
    position: relative;
    z-index: 1;
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 auto 4px;
    border: 3px solid #dce4ee;
    border-radius: 50%;
    background: #fff
}

.dc-timeline-step.done:before,.dc-timeline-step.done b {
    background: #202b41
}

.dc-timeline-step.done b {
    border-color: #202b41
}

.dc-timeline-step.current b {
    border-color: #163f93;
    box-shadow: 0 0 0 4px #dce7fc
}

.dc-ship-bottom {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #eef1f4
}

.dc-ship-bottom button {
    border: 0;
    background: transparent;
    color: #617083;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px
}

.dc-ship-bottom button:hover {
    color: #0a47b5
}

.dc-view-all {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #667389;
    padding: 12px;
    font-size: 13px;
    font-weight: 800
}

.dc-side-section {
    margin-bottom: 30px
}

.dc-appointments {
    overflow: hidden
}

.dc-appointment {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 17px 18px;
    border: 0;
    background: #fff;
    text-align: left
}

.dc-appointment+.dc-appointment {
    border-top: 1px solid #e9edf2
}

.dc-appointment-icon {
    display: grid;
    place-items: center;
    width: 47px;
    height: 47px;
    border-radius: 10px;
    background: #fbf6ed;
    color: #d6a649;
    font-size: 21px
}

.dc-appointment-main {
    min-width: 0;
    flex: 1
}

.dc-appointment-main b {
    display: block;
    font-size: 15px
}

.dc-appointment-main span {
    display: block;
    margin-top: 4px;
    color: #69778a;
    font-size: 12px;
    font-weight: 700
}

.dc-appointment-main span i {
    color: #d6a649
}

.dc-appointment-arrow {
    border: 0;
    background: transparent;
    color: #9aa5b4;
    font-size: 20px
}

.dc-announcements {
    position: relative;
    overflow: hidden
}

.dc-announcement {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 18px;
    border: 0;
    border-bottom: 1px solid #eceef3;
    background: #fff;
    text-align: left;
    width: 100%
}

.dc-announcement:hover {
    background: #f9fbff
}

.dc-announcement-icon {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border-radius: 9px;
    background: #eef0fa;
    color: #1e58bb;
    font-size: 20px
}

.dc-announcement b {
    flex: 1;
    font-size: 12px;
    line-height: 1.35
}

.dc-announcement small {
    color: #6e7a8d;
    font-size: 10px
}

.dc-announcement .arrow {
    color: #7c8ba0;
    font-size: 17px
}

.dc-assistant {
    position: absolute;
    z-index: 1;
    right: -20px;
    bottom: -11px;
    width: 112px;
    height: 136px;
    object-fit: contain;
    opacity: .9
}

.dc-gear {
    position: fixed;
    z-index: 10;
    left: calc(271px + 38px);
    bottom: 28px;
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    border: 0;
    border-radius: 50%;
    background: #0644ae;
    color: #fff;
    box-shadow: 0 13px 25px #0a45ac4a;
    font-size: 23px
}

@media(max-width: 1100px) {
    .dc-grid {
        grid-template-columns:1fr
    }

    .dc-side-section {
        margin-bottom: 22px
    }

    .dc-gear {
        left: 104px
    }

    .dc-hero-grid {
        gap: 13px
    }

    .dc-hero-body {
        padding: 18px
    }

    .dc-code {
        font-size: 31px;
        letter-spacing: 7px
    }

    .dc-hero-art {
        width: 150px;
        height: 145px
    }

    .dc-hero.vbx-card .dc-hero-art {
        width: 165px;
        height: 150px
    }

    .dc-hero-actions {
        left: 18px
    }

    .dc-manage {
        right: 18px
    }
}

@media(max-width: 720px) {
    .dc-greeting {
        align-items:flex-start;
        margin: 15px 0 20px
    }

    .dc-greeting h1 {
        font-size: 28px
    }

    .dc-greeting p {
        font-size: 11px
    }

    .dc-plan {
        margin-top: 3px;
        padding: 7px
    }

    .dc-plan span:not(.crown) {
        display: none
    }

    .dc-plan b {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-width: 150px;
        line-height: 1.25;
        text-align: start
    }

    .dc-plan .crown {
        font-size: 15px
    }

    .dc-hero-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 22px
    }

    .dc-hero {
        min-height: 202px
    }

    .dc-rail {
        width: 60px;
        flex-basis: 60px;
        padding: 14px 0
    }

    .dc-hero-body {
        padding: 16px
    }

    .dc-hero-meta {
        padding-right: 54px;
        gap: 7px;
        font-size: 9px
    }

    .dc-mail-count {
        top: 12px;
        right: 12px;
        padding: 5px 8px;
        font-size: 9px
    }

    .dc-code {
        margin: 14px 0 10px;
        font-size: 28px;
        letter-spacing: 6px
    }

    .dc-location {
        font-size: 10px
    }

    .dc-hero-actions {
        bottom: 15px;
        left: 16px
    }

    .dc-circle-action {
        width: 33px;
        height: 33px;
        font-size: 13px
    }

    .dc-manage {
        right: 14px;
        bottom: 17px;
        padding: 8px 12px;
        font-size: 11px
    }

    .dc-hero-art {
        width: 130px;
        height: 130px;
        opacity: .45
    }

    .dc-hero.vbx-card .dc-hero-art {
        width: 145px;
        height: 130px
    }

    .dc-grid {
        gap: 21px
    }

    .dc-title-row h2 {
        font-size: 21px
    }

    .dc-status-tabs {
        gap: 7px
    }

    .dc-status-tab {
        padding: 10px 12px;
        font-size: 11px
    }

    .dc-status-tab i {
        font-size: 16px
    }

    .dc-status-tab span {
        min-width: 19px;
        height: 19px;
        font-size: 9px
    }

    .dc-ship-panel {
        margin-inline:-2px}

    .dc-shipment {
        padding: 12px 10px 9px
    }

    .dc-shipment-img {
        width: 38px;
        height: 38px
    }

    .dc-track {
        font-size: 11px
    }

    .dc-ship-meta {
        font-size: 9px
    }

    .dc-service {
        font-size: 9px
    }

    .dc-timeline {
        margin-inline:5px}

    .dc-timeline-step {
        font-size: 7px
    }

    .dc-timeline-step b {
        width: 13px;
        height: 13px;
        border-width: 2px
    }

    .dc-timeline-step:not(:last-child):before {
        top: 5px
    }

    .dc-appointment {
        padding: 13px
    }

    .dc-announcement {
        padding: 11px 13px
    }

    .dc-gear {
        left: 16px;
        bottom: 84px;
        width: 48px;
        height: 48px;
        font-size: 20px
    }

    [dir=rtl] .dc-gear {
        left: auto;
        right: 16px
    }

    .dc-assistant {
        width: 88px;
        height: 110px
    }
}

[dir=rtl] .dc-hero-actions {
    left: auto;
    right: 25px
}

[dir=rtl] .dc-manage {
    right: auto;
    left: 25px
}

[dir=rtl] .dc-mail-count {
    right: auto;
    left: 17px
}

[dir=rtl] .dc-hero-art {
    right: auto;
    left: -11px;
    transform: scaleX(-1)
}

[dir=rtl] .dc-title-row h2 i {
    margin-right: 0;
    margin-left: 10px
}

[dir=rtl] .dc-ship-bottom {
    justify-content: flex-start
}

[dir=rtl] .dc-appointment-arrow {
    transform: rotate(180deg)
}

[dir=rtl] .dc-assistant {
    right: auto;
    left: -20px;
    transform: scaleX(-1)
}

[dir=rtl] .dc-location i {
    margin-right: 0;
    margin-left: 6px
}

@media(max-width: 720px) {
    [dir=rtl] .dc-hero-actions {
        right:16px
    }

    [dir=rtl] .dc-manage {
        left: 14px
    }

    [dir=rtl] .dc-mail-count {
        left: 12px
    }
}

/* Dashboard2 mailbox tickets */
.dc-ticket {
    position: relative;
    min-width: 0;
    height: 234px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 12px;
    background: rgba(255,255,255,.62);
    box-shadow: 0 12px 40px -12px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.85);
    cursor: pointer;
    transition: transform .3s,box-shadow .3s;
    backdrop-filter: blur(22px) saturate(140%)
}

.dc-ticket:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(17,94,232,.12)
}

.dc-ticket:focus-visible {
    outline: 2px solid #115ee8;
    outline-offset: 3px
}

.dc-ticket-layout {
    display: flex;
    height: 100%
}

.dc-ticket-spine {
    display: flex;
    flex: 0 0 56px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    background: linear-gradient(160deg,var(--color-primary-deep),var(--color-primary),var(--color-primary-soft));
    color: #fff
}

.dc-ticket-vbx .dc-ticket-spine {
    background: linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-gold-soft));
    color: #0d4ab8
}

.dc-ticket-spine-icon {
    width: 21px;
    height: 21px;
    background: var(--color-primary-deep);
    mask: center/contain no-repeat;
    -webkit-mask: center/contain no-repeat
}

.dc-ticket-spine-icon.is-pobox {
    background: var(--color-accent-gold-soft);
    mask-image: url('../assets/mailbox.svg');
    -webkit-mask-image: url('../assets/mailbox.svg');
}

.dc-ticket-spine-icon.is-vbx {
    mask-image: url('../assets/vbx.svg');
    -webkit-mask-image: url('../assets/vbx.svg')
}

.dc-ticket-spine b {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .28em;
    writing-mode: vertical-rl
}

.dc-ticket-spine>i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4a017
}

.dc-ticket-vbx .dc-ticket-spine>i {
    background: #0d4ab8
}

.dc-ticket-perforation {
    flex: 0 0 10px;
    background: #fff;
    mask: radial-gradient(circle 3px at 50% 0,transparent 98%,#000) repeat-y 50% 0/10px 10px;
    -webkit-mask: radial-gradient(circle 3px at 50% 0,transparent 98%,#000) repeat-y 50% 0/10px 10px
}

.dc-ticket-content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column
}

.dc-ticket-main {
    position: relative;
    min-height: 0;
    flex: 1;
    padding: 16px
}

.dc-ticket-copy {
    position: relative;
    z-index: 2;
    padding-inline-end:112px}

.dc-ticket-art {
    position: absolute;
    z-index: 0;
    inset-inline-end: 2px;
    bottom: 0;
    width: 150px;
    height: 92%;
    object-fit: contain;
    object-position: bottom;
    mask-image: linear-gradient(to left,#000 54%,transparent 96%);
    -webkit-mask-image: linear-gradient(to left,#000 54%,transparent 96%)
}

[dir=rtl] .dc-ticket-art {
    transform: scaleX(-1);
    mask-image: linear-gradient(to right,#000 54%,transparent 96%);
    -webkit-mask-image: linear-gradient(to right,#000 54%,transparent 96%)
}

.dc-ticket-status {
    position: absolute;
    z-index: 5;
    top: 16px;
    inset-inline-end: 16px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border: 1px solid #10b98133;
    border-radius: 999px;
    background: #10b98114;
    color: #047857;
    font-size: 10px;
    font-weight: 800;
    backdrop-filter: blur(5px)
}

.dc-ticket-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981
}

.dc-ticket-mails {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
    padding: 3px 8px;
    border: 1px solid #d4a01740;
    border-radius: 999px;
    background: #d4a01718;
    color: #b3810b;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em
}

.dc-ticket-mails b {
    font-size: 10px
}

.dc-ticket-id {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-family: "JetBrains Mono", "SF Mono", "Courier New", monospace;
    font-size: 44px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0 !important;
    font-weight: 900;
    white-space: nowrap
}

.dc-ticket-digit {
    color: var(--color-text);
    font: 900 34px/1 "JetBrains Mono","Plus Jakarta Sans",monospace;
    animation: dc-ticket-in .45s both
}

.dc-ticket-digit.is-dash {
    color: #d4a017;
    font-size: 20px
}

@keyframes dc-ticket-in {
    from {
        opacity: 0;
        transform: translateY(5px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.dc-ticket-location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .14em
}

.dc-ticket-location i {
    color: #d4a017
}

.dc-ticket-location b {
    color: var(--color-text);
    font-size: 11px;
    text-transform: none;
    letter-spacing: 0
}

.dc-ticket-location span {
    opacity: .45
}

.dc-ticket-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid #0f172a12;
    border-radius: 8px;
    background: #ffffffb8;
    box-shadow: 0 2px 8px -4px #0f172a26;
    backdrop-filter: blur(5px)
}

.dc-ticket-meta>div {
    padding: 6px 10px
}

.dc-ticket-meta>div+div {
    border-inline-start:1px solid #0f172a0f}

.dc-ticket-meta small,.dc-ticket-meta b {
    display: block
}

.dc-ticket-meta small {
    color: #059669;
    font-size: 8.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em
}

.dc-ticket-meta>div+div small {
    color: #dc2626
}

.dc-ticket-meta small i {
    margin-inline-end:4px}

.dc-ticket-meta b {
    margin-top: 2px;
    color: var(--color-text);
    font-size: 11px
}

.dc-ticket-footer {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-top: 1px solid #0f172a0f;
    background: #ffffff73;
    backdrop-filter: blur(5px)
}

.dc-ticket-footer>span {
    flex: 1
}

.dc-ticket-action {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #115ee80d;
    color: #115ee8;
    font-size: 14px;
    transition: .2s
}

.dc-ticket-vbx .dc-ticket-action {
    background: #d4a01718;
    color: #c08b0a
}

.dc-ticket-action:hover {
    background: #115ee81c
}

.dc-ticket-action.is-copied {
    color: #059669
}

.dc-ticket-manage {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border: 0;
    border-radius: 999px;
    background: #115ee8;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em
}

.dc-ticket-vbx .dc-ticket-manage {
    background: #d4a017;
    color: #0d4ab8;
    box-shadow: 0 6px 20px #d4a01738
}

.dc-box-sheet {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s
}

.dc-box-sheet.show {
    opacity: 1;
    pointer-events: auto
}

.dc-box-sheet-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: #0f172a70;
    backdrop-filter: blur(4px)
}

.dc-box-sheet section {
    position: relative;
    width: min(390px,100%);
    padding: 28px;
    border: 1px solid #fff9;
    border-radius: 14px;
    background: #fefeff;
    text-align: center;
    box-shadow: 0 24px 70px #0f172a45;
    transform: translateY(10px);
    transition: transform .18s
}

.dc-box-sheet.show section {
    transform: none
}

.dc-box-sheet-close {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: var(--color-text-muted)
}

.dc-box-sheet-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    border-radius: 12px;
    background: #115ee812;
    color: #115ee8;
    font-size: 21px
}

.dc-box-sheet h2 {
    margin: 0;
    color: var(--color-text);
    font-size: 20px
}

.dc-box-sheet p {
    margin: 5px 0 17px;
    color: #64748b;
    font-size: 12px
}

.dc-box-sheet strong {
    display: block;
    margin: 14px 0;
    color: var(--color-text);
    font: 800 20px "JetBrains Mono",monospace;
    letter-spacing: .12em
}

.dc-box-qr {
    width: 126px;
    height: 126px;
    margin: 0 auto;
    border: 10px solid #fff;
    background: repeating-conic-gradient(var(--color-text) 0 25%,#fff 0 50%) 0/18px 18px;
    box-shadow: 0 0 0 1px var(--color-border)
}

.dc-box-sheet-actions {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px
}

.dc-box-sheet-actions button:only-child {
    grid-column: 1/-1
}

.dc-box-sheet-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    border: 1px solid #dce5f4;
    border-radius: 8px;
    background: #f6f9ff;
    color: #115ee8;
    font-size: 12px;
    font-weight: 800
}

@media(max-width: 1100px) {
    .dc-ticket {
        height:224px
    }

    .dc-ticket-copy {
        padding-inline-end:88px}

    .dc-ticket-art {
        width: 125px
    }

    .dc-ticket-digit {
        font-size: 28px
    }

    .dc-ticket-spine {
        flex-basis: 50px
    }

    .dc-ticket-main {
        padding: 14px
    }

    .dc-ticket-meta {
        margin-top: 10px
    }
}

@media(max-width: 720px) {
    .dc-hero-grid {
        display:flex;
        grid-template-columns: none;
        gap: 12px;
        overflow-x: auto;
        margin-inline:-14px;padding: 0 14px 7px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    .dc-hero-grid::-webkit-scrollbar {
        display: none
    }

    .dc-ticket {
        flex: 0 0 88%;
        height: 226px;
        scroll-snap-align: center
    }

    .dc-ticket-spine {
        flex-basis: 48px
    }

    .dc-ticket-copy {
        padding-inline-end:72px}

    .dc-ticket-art {
        width: 115px;
        opacity: .3
    }

    .dc-ticket-digit {
        font-size: 26px
    }

    .dc-ticket-main {
        padding: 14px 12px
    }

    .dc-ticket-status {
        top: 13px;
        inset-inline-end: 12px
    }

    .dc-ticket-meta>div {
        padding: 6px 8px
    }

    .dc-ticket-footer {
        padding: 9px 12px
    }

    .dc-box-sheet {
        align-items: end;
        padding: 0
    }

    .dc-box-sheet section {
        width: 100%;
        border-radius: 16px 16px 0 0;
        padding: 28px 20px calc(24px + env(safe-area-inset-bottom))
    }
}

.dc-quick-actions {
    margin-top: 32px
}

.dc-action-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px
}

.dc-action-card {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    padding: 12px;
    border: 1px solid #e5eaf2;
    border-radius: 12px;
    background: #fff;
    color: #263247;
    text-align: start;
    box-shadow: 0 4px 12px #17255408;
    transition: transform .2s,box-shadow .2s,border-color .2s
}

.dc-action-card:hover {
    border-color: #b9cdf4;
    box-shadow: 0 10px 22px #115ee81a;
    transform: translateY(-2px)
}

.dc-action-card img {
    width: 35px;
    height: 35px;
    object-fit: contain
}

.dc-action-card span {
    flex: 1;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25
}

.dc-action-card>i {
    color: #8a97aa;
    font-size: 14px
}

.dc-location-grid {
    display: grid;
    grid-template-columns: minmax(0,1.72fr) minmax(310px,.55fr);
    gap: 30px;
    margin-top: 30px
}

.dc-nearest-branch {
    overflow: hidden;
    border: 1px solid #e5eaf2;
    border-radius: 13px;
    background: #fff;
    color: #1c283c;
    text-align: start;
    box-shadow: 0 8px 22px #1725540b;
    transition: transform .2s,box-shadow .2s
}

.dc-nearest-branch:hover {
    box-shadow: 0 14px 28px #115ee81b;
    transform: translateY(-2px)
}

.dc-map-art {
    position: relative;
    height: 206px;
    overflow: hidden;
    background: linear-gradient(20deg,#edf3e9 0 17%,#f8efd8 17% 38%,#eef5ea 38% 53%,#f8edd4 53% 73%,#eaf2e9 73%);
    isolation: isolate
}

.dc-map-art:before,.dc-map-art:after {
    content: '';
    position: absolute;
    inset: -20%;
    z-index: -1;
    opacity: .7;
    background: repeating-linear-gradient(76deg,transparent 0 30px,#fff 31px 34px,transparent 35px 70px),repeating-linear-gradient(16deg,transparent 0 46px,#eadfc8 47px 49px,transparent 50px 96px);
    transform: rotate(-4deg)
}

.dc-map-art:after {
    opacity: .38;
    transform: rotate(17deg) scale(1.2)
}

.dc-map-open,.dc-map-distance {
    position: absolute;
    top: 15px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fffffff0;
    box-shadow: 0 3px 10px #17255414;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em
}

.dc-map-open {
    inset-inline-start: 15px;
    color: #15803d
}

.dc-map-open i {
    font-size: 7px
}

.dc-map-distance {
    inset-inline-end: 15px;
    background: #17243a;
    color: #fff;
    text-transform: none;
    letter-spacing: 0
}

.dc-map-marker {
    position: absolute;
    z-index: 1;
    top: 76px;
    inset-inline-start: 48%;
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #0644ae;
    color: #fff;
    box-shadow: 0 10px 20px #0644ae65;
    font-size: 19px
}

.dc-map-marker:before {
    content: '';
    position: absolute;
    inset: -9px;
    border: 1px solid #0644ae42;
    border-radius: 50%;
    animation: dc-map-pulse 2.4s ease-out infinite
}

.dc-map-branch {
    position: absolute;
    z-index: 1;
    bottom: 16px;
    inset-inline-start: 19px;
    display: grid;
    gap: 3px
}

.dc-map-branch small {
    color: #115ee8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.dc-map-branch b {
    font-size: 18px
}

.dc-branch-details {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 20px
}

.dc-branch-details>div {
    display: grid;
    gap: 4px
}

.dc-branch-details small {
    color: #738096;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.dc-branch-details b {
    font-size: 12px
}

.dc-branch-details em {
    color: #768296;
    font-size: 10px;
    font-style: normal;
    font-weight: 600
}

.dc-branch-divider {
    width: 1px;
    height: 28px;
    background: #e3e9f0
}

.dc-directions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-inline-start:auto;padding: 11px 15px;
    border-radius: 999px;
    background: #0844ae;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em
}

.dc-address-card {
    display: flex;
    flex-direction: column;
    padding: 18px;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 13px;
    box-shadow: 0 8px 22px #1725540b
}

.dc-address-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 11px
}

.dc-address-head h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 15px
}

.dc-address-head h3 i {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #edf3ff;
    color: #115ee8;
    font-size: 14px
}

.dc-address-head button {
    border: 0;
    background: transparent;
    color: #115ee8;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase
}

.dc-address-list {
    display: grid;
    gap: 3px
}

.dc-address-list button {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 9px 5px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #273246;
    text-align: start
}

.dc-address-list button:hover {
    background: #f6f9ff
}

.dc-address-list>button>i:first-child {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border-radius: 8px;
    background: #edf3ff;
    color: #115ee8;
    font-size: 14px
}

.dc-address-list button:nth-child(2)>i:first-child {
    background: #fff7e9;
    color: #c18b23
}

.dc-address-list button:nth-child(3)>i:first-child {
    background: #f5edff;
    color: #8d51d1
}

.dc-address-list span {
    display: grid;
    gap: 3px;
    min-width: 0;
    flex: 1
}

.dc-address-list b {
    font-size: 12px
}

.dc-address-list small {
    overflow: hidden;
    color: #738096;
    font-size: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dc-address-list em {
    margin-inline-start:5px;padding: 2px 5px;
    border-radius: 4px;
    background: #edf3ff;
    color: #115ee8;
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase
}

.dc-address-list .dc-address-arrow {
    color: #b0bac7;
    font-size: 13px
}

.dc-add-address {
    width: 100%;
    margin-top: auto;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    background: #f3f5f7;
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase
}

.dc-add-address:hover {
    background: #115ee8;
    color: #fff
}

@keyframes dc-map-pulse {
    0% {
        scale: .75;
        opacity: 1
    }

    100% {
        scale: 1.6;
        opacity: 0
    }
}

[dir=rtl] .dc-action-card,[dir=rtl] .dc-nearest-branch,[dir=rtl] .dc-address-card {
    font-family: Alexandria,Arial,sans-serif
}

@media(max-width: 1100px) {
    .dc-action-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .dc-location-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }
}

@media(max-width: 720px) {
    .dc-quick-actions {
        margin-top:24px
    }

    .dc-action-grid {
        grid-template-columns: 1fr 1fr;
        gap: 9px
    }

    .dc-action-card {
        min-height: 63px;
        padding: 10px
    }

    .dc-action-card img {
        width: 30px;
        height: 30px
    }

    .dc-action-card span {
        font-size: 10px
    }

    .dc-location-grid {
        margin-top: 24px;
        gap: 16px
    }

    .dc-map-art {
        height: 180px
    }

    .dc-branch-details {
        gap: 12px;
        padding: 13px
    }

    .dc-directions {
        padding: 9px 11px;
        font-size: 9px
    }

    .dc-address-card {
        padding: 14px
    }

    .dc-address-list button {
        padding: 8px 3px
    }
}

/* Shipment archive shortcut: a compact end-aligned action inside the search field. */
.shipment-search {
    display: flex;
    align-items: center
}

.shipment-search input {
    height: 64px;
    padding-inline-end:128px;border-color: #dce4ef;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600
}

.shipment-search i {
    inset-inline-start: 22px;
    inset-inline-end: auto;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #53657b
}

.shipment-search a {
    position: absolute;
    inset-inline-end: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #46566e;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    line-height: 1
}

.shipment-search a:hover {
    color: #115ee8
}

.shipment-search a:focus-visible {
    outline: 2px solid #115ee8;
    outline-offset: 5px;
    border-radius: 4px
}

@media(max-width: 720px) {
    .shipment-search input {
        height:52px;
        padding-inline-end:98px;font-size: 14px
    }

    .shipment-search i {
        inset-inline-start: 17px;
        font-size: 17px
    }

    .shipment-search a {
        inset-inline-end: 17px;
        font-size: 14px
    }
}

/* Dashboard2 mailbox QR and share dialog parity. */
.dc-box-sheet-backdrop {
    background: #33415566;
    backdrop-filter: blur(6px)
}

.dc-box-sheet section {
    width: min(448px,100%);
    padding: 26px 20px 24px;
    border: 1px solid #ffffffb3;
    border-radius: 12px;
    background: #fefeff;
    text-align: start;
    box-shadow: 0 24px 70px #0f172a45
}

.dc-box-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.dc-box-head p {
    margin: 0 0 2px;
    color: var(--color-text-muted);
    font-size: 9px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .24em
}

.dc-box-head h2 {
    margin: 0;
    color: var(--color-text);
    font: 800 21px/1.2 "Plus Jakarta Sans",Inter,sans-serif;
    letter-spacing: -.02em
}

.dc-box-sheet .dc-box-sheet-close {
    position: static;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-top: -4px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #334155;
    font-size: 16px
}

.dc-box-sheet-close:hover {
    background: #f1f5f9
}

.dc-box-tabs {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding: 3px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-canvas)
}

.dc-box-tabs button {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 0 17px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em
}

.dc-box-tabs button.active {
    background: #1742ad;
    color: #fff;
    box-shadow: 0 2px 6px #1742ad33
}

.dc-box-panel {
    margin-top: 19px
}

.dc-box-qr-card {
    padding: 20px 18px 18px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-canvas);
    text-align: center
}

.dc-box-sheet .dc-box-qr {
    display: grid;
    place-items: center;
    width: 240px;
    height: 240px;
    margin: 0 auto;
    padding: 21px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 13px #0f172a14
}

.dc-box-qr canvas {
    display: block!important;
    width: 196px!important;
    height: 196px!important
}

.dc-box-qr img {
    display: none!important
}

.dc-box-qr.fallback {
    background: repeating-conic-gradient(#123f9f 0 25%,#fff 0 50%) center/22px 22px
}

.dc-box-qr-card p {
    margin: 16px 0 2px;
    color: var(--color-text-muted);
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2em
}

.dc-box-qr-card>span {
    color: var(--color-text);
    font-size: 13px
}

.dc-box-primary-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px
}

.dc-box-primary-actions button,.dc-box-show-qr {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    border: 0;
    border-radius: 7px;
    background: #e9edf9;
    color: #1742ad;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em
}

.dc-box-primary-actions button.primary {
    background: #1742ad;
    color: #fff
}

.dc-box-share-rows {
    display: grid;
    gap: 10px
}

.dc-box-share-row {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr) 36px;
    align-items: center;
    gap: 11px;
    min-height: 66px;
    padding: 9px 11px;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    background: var(--color-canvas)
}

.dc-box-share-row>span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #e9edf9;
    color: #1742ad
}

.dc-box-share-row div {
    min-width: 0
}

.dc-box-share-row small,.dc-box-share-row b {
    display: block
}

.dc-box-share-row small {
    color: var(--color-text-muted);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .16em
}

.dc-box-share-row b {
    overflow: hidden;
    margin-top: 2px;
    color: var(--color-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dc-box-share-row>button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: #fff;
    color: var(--color-text-muted)
}

.dc-box-share-row>button.is-copied {
    color: #059669
}

.dc-box-share-channels {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-top: 15px
}

.dc-box-share-channels button {
    display: flex;
    min-height: 84px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    background: var(--color-canvas);
    color: var(--color-text);
    font-size: 11px;
    font-weight: 800
}

.dc-box-share-channels span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e9edf9;
    color: #1742ad;
    font-size: 15px
}

.dc-box-share-channels span.whatsapp {
    background: #e7f5ec;
    color: #168c49
}

.dc-box-show-qr {
    width: 100%;
    margin-top: 11px
}

.dc-box-sheet button {
    transition: background-color .18s,box-shadow .18s,transform .18s
}

.dc-box-sheet button:active {
    transform: scale(.98)
}

.dc-box-sheet button:focus-visible {
    outline: 2px solid #115ee8;
    outline-offset: 2px
}

@media(max-width: 720px) {
    .dc-box-sheet section {
        width:100%;
        max-height: calc(100dvh - 28px);
        overflow: auto;
        border-radius: 16px 16px 0 0;
        padding: 23px 16px calc(18px + env(safe-area-inset-bottom))
    }

    .dc-box-panel {
        margin-top: 15px
    }

    .dc-box-qr-card {
        padding: 14px
    }

    .dc-box-sheet .dc-box-qr {
        width: 218px;
        height: 218px;
        padding: 11px
    }

    .dc-box-share-row {
        min-height: 61px
    }

    .dc-box-share-channels button {
        min-height: 76px
    }
}

/* Extended static routes */
.public-page {
    min-height: 100vh;
    background: #f7f9fc;
    color: #15233f
}

.public-header {
    height: 76px;
    padding: 0 7vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e8edf5
}

.public-header img {
    max-height: 42px;
    max-width: 180px
}

.text-button {
    border: 0;
    background: transparent;
    color: #115ee8;
    font-weight: 700
}

.auth-layout {
    min-height: calc(100vh - 76px);
    display: grid;
    grid-template-columns: 1.1fr .9fr
}

.auth-art {
    background: #115ee8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.auth-art:before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%,#6aa0ff 0,transparent 33%);
    opacity: .7
}

.auth-art img {
    width: min(440px,65%);
    object-fit: contain;
    z-index: 1
}

.auth-art div {
    position: absolute;
    left: 11%;
    bottom: 12%;
    z-index: 2;
    display: grid;
    gap: 8px
}

.auth-art b {
    font: 800 32px 'Plus Jakarta Sans'
}

.auth-card {
    width: min(430px,calc(100% - 48px));
    margin: auto;
    padding: 36px;
    background: #fff;
    border: 1px solid #e7ebf2;
    border-radius: 14px;
    box-shadow: 0 20px 60px #17255414
}

.auth-mark img {
    width: 46px;
    height: 46px
}

.auth-card h1,.register-card h1 {
    font: 800 28px 'Plus Jakarta Sans';
    margin: 20px 0 8px
}

.auth-card>p,.register-card>p {
    color: #69778d;
    line-height: 1.6;
    margin: 0 0 25px
}

.form-field {
    display: grid;
    gap: 7px;
    margin: 14px 0;
    color: #34435b;
    font-size: 13px;
    font-weight: 700
}

.form-field input,.chat-input input {
    width: 100%;
    height: 44px;
    border: 1px solid #dce3ee;
    border-radius: 8px;
    padding: 0 12px;
    outline-color: #115ee8;
    background: #fff
}

.check-row {
    display: flex;
    gap: 8px;
    color: #607089;
    font-size: 13px;
    margin: 16px 0
}

.rp-btn.wide {
    width: 100%;
    justify-content: center;
    min-height: 44px
}

.auth-foot {
    text-align: center;
    color: #69778d;
    font-size: 13px;
    margin-top: 19px
}

.auth-foot a {
    color: #115ee8;
    font-weight: 700;
    text-decoration: none
}

.splash-page {
    min-height: calc(100vh - 76px);
    background: #115ee8;
    color: #fff;
    display: grid;
    place-content: center;
    text-align: center;
    position: relative;
    overflow: hidden
}

.splash-logo {
    width: 130px;
    margin: auto;
    z-index: 1
}

.splash-mail {
    width: 145px;
    margin: 38px auto 20px;
    filter: brightness(0) invert(1);
    z-index: 1
}

.splash-page p,.splash-enter {
    z-index: 1
}

.splash-enter {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    margin-top: 45px
}

.splash-orbit {
    position: absolute;
    width: 550px;
    height: 550px;
    border: 1px solid #ffffff45;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.welcome-page {
    max-width: 940px;
    margin: 0 auto;
    min-height: calc(100vh - 76px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 50px;
    padding: 50px
}

.welcome-page>img {
    width: 100%;
    max-height: 430px;
    object-fit: contain
}

.eyebrow {
    font-size: 11px;
    letter-spacing: .12em;
    color: #115ee8;
    font-weight: 800
}

.welcome-page h1 {
    font: 800 42px/1.15 'Plus Jakarta Sans';
    margin: 13px 0
}

.welcome-page p {
    color: #627188;
    line-height: 1.7;
    margin-bottom: 26px
}

.schedule-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.schedule-top p {
    color: #728097;
    margin: 0
}

.booking-card {
    overflow: hidden
}

.booking-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 22px;
    border-bottom: 1px solid #e8edf4
}

.booking-head>div {
    display: flex;
    gap: 11px;
    align-items: center
}

.booking-head i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eaf2ff;
    color: #115ee8
}

.booking-head h3 {
    margin: 0;
    font-size: 16px
}

.booking-head span {
    font-size: 12px;
    color: #8793a6
}

.booking-labels,.booking-row {
    display: grid;
    grid-template-columns: 1fr 1.25fr 1.2fr 1.7fr .55fr 1fr 24px;
    gap: 12px;
    align-items: center;
    padding: 15px 22px
}

.booking-labels {
    font-size: 10px;
    letter-spacing: .07em;
    color: #8a96a9;
    font-weight: 800;
    text-transform: uppercase
}

.booking-row {
    width: 100%;
    background: #fff;
    border: 0;
    border-top: 1px solid #eef1f5;
    text-align: start;
    color: #354158;
    font-size: 13px
}

.booking-row:hover {
    background: #f9fbff
}

.booking-row>b {
    color: #18253b
}

.booking-row .rp-chip {
    width: max-content
}

.schedule-form {
    display: grid;
    grid-template-columns: minmax(0,2fr) minmax(250px,1fr);
    gap: 20px
}

.form-stack {
    display: grid;
    gap: 18px
}

.choice-card {
    padding: 22px
}

.choice-card h3 {
    font-size: 16px;
    margin: 0 0 18px
}

.choice-card h3 i {
    color: #115ee8;
    margin-inline-end:9px}

.muted {
    color: #8692a5;
    font-size: 12px
}

.dates {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 8px
}

.date-choice,.time-choice,.place-choice {
    border: 1px solid #e4eaf3;
    background: #fff;
    border-radius: 8px;
    transition: .18s;
    color: #34435a
}

.date-choice {
    padding: 11px 4px;
    display: grid;
    gap: 4px
}

.date-choice small {
    color: #8491a4
}

.date-choice b {
    font-size: 17px
}

.date-choice.selected,.time-choice.selected,.place-choice.selected {
    background: #115ee8;
    color: #fff;
    border-color: #115ee8
}

.date-choice.selected small {
    color: #dbe9ff
}

.slot-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 9px
}

.time-choice {
    padding: 12px;
    text-align: start
}

.place-choice {
    display: flex;
    gap: 11px;
    align-items: center;
    width: 100%;
    padding: 12px;
    margin-top: 9px;
    text-align: start
}

.place-choice i {
    font-size: 18px;
    color: #115ee8
}

.place-choice.selected i {
    color: #fff
}

.place-choice span {
    display: grid;
    gap: 3px
}

.place-choice small {
    font-size: 11px;
    opacity: .7
}

.booking-summary {
    padding: 22px;
    height: max-content
}

.booking-summary h3 {
    margin-top: 0
}

.booking-summary p {
    font-size: 13px;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 24px
}

.poa-intro {
    display: flex;
    gap: 15px;
    padding: 22px;
    margin-bottom: 18px
}

.poa-intro img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: #edf4ff;
    padding: 9px;
    border-radius: 8px
}

.poa-intro h2 {
    font-size: 17px;
    margin: 0 0 7px
}

.poa-intro p {
    color: #708096;
    font-size: 13px;
    line-height: 1.6;
    margin: 0
}

.poa-add {
    width: 100%;
    padding: 14px;
    background: #f6faff;
    border: 2px dashed #9dc1ff;
    border-radius: 9px;
    color: #115ee8;
    font-weight: 800
}

.poa-form {
    display: none;
    padding: 22px;
    margin-top: 17px
}

.poa-form.show {
    display: block
}

.poa-form h3 {
    margin: 0 0 14px
}

.section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 3px 10px
}

.section-heading h3 {
    font-size: 15px;
    margin: 0
}

.section-heading span {
    font-size: 12px;
    color: #8490a2
}

.authorized {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 10px
}

.person-icon {
    width: 40px;
    height: 40px;
    background: #edf4ff;
    color: #115ee8;
    border-radius: 50%;
    display: grid;
    place-items: center
}

.authorized div {
    flex: 1
}

.authorized p,.authorized small {
    font-size: 12px;
    color: #748297;
    margin: 5px 0
}

.authorized button {
    border: 1px solid #ffc6c6;
    background: #fff6f6;
    color: #d63f3f;
    border-radius: 6px;
    font-weight: 700;
    padding: 7px 10px;
    font-size: 12px
}

.detail-panel {
    max-width: 700px;
    padding: 24px
}

.detail-panel h2 {
    font-size: 20px;
    margin-top: 0
}

.detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid #edf0f4
}

.detail-row div {
    display: grid;
    gap: 6px
}

.detail-row span {
    font-size: 13px;
    color: #718095
}

.detail-row button {
    border: 0;
    background: #eff5ff;
    color: #115ee8;
    border-radius: 6px;
    padding: 7px 9px
}

.utility-card {
    max-width: 710px;
    padding: 36px;
    text-align: center
}

.utility-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background: #eaf2ff;
    color: #115ee8;
    border-radius: 12px;
    margin: auto;
    font-size: 23px
}

.utility-card h2 {
    font-size: 23px;
    margin: 15px 0 7px
}

.utility-card>p {
    color: #728095;
    margin: 0 0 24px
}

.empty-state {
    display: grid;
    gap: 8px;
    color: #78869a;
    padding: 25px
}

.empty-state i {
    font-size: 34px;
    color: #b4c1d2
}

.empty-state span {
    font-size: 13px
}

.assistant-chat {
    max-width: 780px;
    padding: 0;
    overflow: hidden
}

.chat-intro {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 22px;
    border-bottom: 1px solid #ecf0f4
}

.chat-intro img {
    width: 58px;
    height: 58px;
    object-fit: contain
}

.chat-intro h2 {
    font-size: 18px;
    margin: 0 0 5px
}

.chat-intro p {
    font-size: 13px;
    color: #748196;
    margin: 0
}

.chat-bubble {
    margin: 28px;
    max-width: 330px;
    background: #eff5ff;
    color: #314b75;
    padding: 13px;
    border-radius: 3px 12px 12px 12px;
    font-size: 13px;
    line-height: 1.5
}

.chat-input {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #ecf0f4
}

.chat-input button {
    border: 0;
    background: #115ee8;
    color: white;
    border-radius: 8px;
    width: 44px
}

.register-page {
    max-width: 850px;
    margin: 55px auto;
    padding: 0 24px
}

.progress-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    position: relative
}

.progress-steps:before {
    content: '';
    height: 2px;
    background: #dfe6f0;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 13px;
    z-index: -1
}

.progress-steps span {
    display: grid;
    gap: 7px;
    justify-items: center;
    color: #8b97a7;
    font-size: 11px;
    font-weight: 700
}

.progress-steps b {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #dfe6f0
}

.progress-steps .active {
    color: #115ee8
}

.progress-steps .active b {
    background: #115ee8;
    border-color: #115ee8;
    color: #fff
}

.register-card {
    max-width: 530px;
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 12px;
    padding: 35px;
    margin: auto;
    box-shadow: 0 13px 45px #1c356310
}

.account-types {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.account-types button {
    border: 1px solid #dfe7f2;
    background: #fff;
    border-radius: 9px;
    padding: 22px 14px;
    display: grid;
    gap: 9px;
    text-align: start;
    color: #33425a
}

.account-types button:hover {
    border-color: #115ee8;
    background: #f7faff
}

.account-types i {
    font-size: 24px;
    color: #115ee8
}

.account-types span {
    font-size: 12px;
    color: #7d899b
}

.language-page {
    min-height: calc(100vh - 76px);
    display: grid;
    place-content: center;
    text-align: center
}

.language-page img {
    width: 72px;
    margin: auto
}

.language-page h1 {
    font: 800 28px 'Plus Jakarta Sans';
    margin: 25px 0
}

.language-page>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.language-page button {
    width: 180px;
    padding: 16px;
    border: 1px solid #dfe6f0;
    background: #fff;
    border-radius: 8px;
    color: #1e3153;
    font-weight: 800
}

.language-page button:hover {
    border-color: #115ee8;
    color: #115ee8
}

.branch-map-wrap {
    position: relative
}

.branch-map {
    height: calc(100vh - 155px);
    min-height: 580px;
    background: #e9eef1
}

.leaflet-branch-pin span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    color: #fff;
    box-shadow: 0 3px 9px #1e293b50
}

.leaflet-branch-pin i {
    transform: rotate(45deg)
}

.map-key {
    z-index: 500
}

.map-key i {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-inline-end:5px}

.map-key .gold {
    background: #d4a017
}

.map-key .blue {
    background: #115ee8
}

.map-key .green {
    background: #10b981
}

@media(max-width: 850px) {
    .auth-layout,.welcome-page,.schedule-form {
        grid-template-columns:1fr
    }

    .auth-art {
        min-height: 240px
    }

    .auth-art img {
        width: 180px
    }

    .auth-art div {
        bottom: 15px;
        left: 25px
    }

    .auth-art b {
        font-size: 20px
    }

    .welcome-page {
        padding: 30px
    }

    .booking-labels {
        display: none
    }

    .booking-row {
        grid-template-columns: 1fr 1.4fr auto;
        gap: 7px
    }

    .booking-row span:nth-of-type(2),.booking-row span:nth-of-type(3),.booking-row span:nth-of-type(4) {
        display: none
    }

    .booking-row .rp-chip {
        grid-column: 2
    }

    .branch-map {
        height: 350px;
        min-height: 350px
    }

    .branches-layout {
        grid-template-columns: 1fr
    }

    .dates {
        gap: 4px
    }

    .date-choice {
        padding: 8px 2px
    }

    .progress-steps span {
        font-size: 0
    }

    .progress-steps b {
        font-size: 12px
    }

    .public-header {
        padding: 0 20px
    }
}

@media(max-width: 520px) {
    .public-header {
        height:62px
    }

    .auth-layout,.welcome-page,.language-page {
        min-height: calc(100vh - 62px)
    }

    .auth-card {
        width: calc(100% - 28px);
        padding: 25px
    }

    .booking-head {
        padding: 15px
    }

    .booking-row {
        padding: 14px
    }

    .account-types,.language-page>div {
        grid-template-columns: 1fr
    }

    .language-page button {
        width: 260px
    }

    .poa-intro {
        padding: 16px
    }

    .detail-panel,.utility-card {
        padding: 20px
    }

    .authorized {
        padding: 12px
    }

    .authorized button {
        padding: 6px
    }

    .schedule-top p {
        display: none
    }
}

.dc-rail-asset {
    width: 29px;
    height: 29px;
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.dc-rail.vbx .dc-rail-asset {
    filter: none
}

.dc-title-row h2 {
    display: flex;
    align-items: center;
    gap: 10px
}

.dc-title-icon {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.dc-status-icon {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.dc-appointment-icon img,.dc-announcement-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain
}

.dc-appointment {
    width: 100%;
    border: 0;
    background: #fff;
    text-align: left
}

.dc-rail:not(.vbx) .dc-rail-asset {
    filter: invert(76%) sepia(37%) saturate(578%) hue-rotate(358deg) brightness(94%) contrast(86%)
}

/* Static welcome page, matched to the React /welcome onboarding screen. */
@media (min-width: 1051px) {
    .onboarding-grid {
        padding-inline:4vw
    }

    .tracking-preview {
        width: min(100%,410px);
        min-height: 470px
    }

    .tracking-vertical {
        display: grid;
        gap: 0;
        margin: 2px 0 20px
    }

    .tracking-v-row {
        display: grid;
        grid-template-columns: 54px minmax(0,1fr);
        min-height: 83px
    }

    .tracking-v-rail {
        position: relative;
        display: flex;
        justify-content: center
    }

    .tracking-v-rail>i {
        position: relative;
        z-index: 1;
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 2px dashed #dbe3ef;
        border-radius: 50%;
        background: #fff;
        color: #93a0b2;
        font-size: 15px
    }

    .tracking-v-rail>span {
        position: absolute;
        top: 43px;
        bottom: 0;
        width: 3px;
        background: #dfe7f1;
        border-radius: 99px
    }

    .tracking-v-row.done .tracking-v-rail>i {
        border: 0;
        background: #0bb765;
        color: #fff;
        box-shadow: 0 0 0 7px #0bb76517
    }

    .tracking-v-row.done .tracking-v-rail>span {
        background: linear-gradient(#115ee8,#d4a017)
    }

    .tracking-v-row.active .tracking-v-rail>i {
        border: 0;
        background: linear-gradient(145deg,#115ee8,#0d4ab8);
        color: #fff;
        box-shadow: 0 0 0 7px #d4a01735,0 0 0 13px #115ee818
    }

    .tracking-v-row.active .tracking-v-rail>span {
        background: #dfe7f1
    }

    .tracking-v-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 5px 10px 14px
    }

    .tracking-v-copy>div {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        width: 100%;
        gap: 12px
    }

    .tracking-v-copy b {
        color: #1b2941;
        font-size: 14px;
        line-height: 1.1
    }

    .tracking-v-copy small {
        color: #758397;
        font-size: 10px;
        font-weight: 700
    }

    .tracking-v-copy em {
        display: inline-flex;
        align-items: center;
        min-height: 19px;
        padding: 3px 8px;
        border-radius: 999px;
        background: #eefaf2;
        color: #13a45b;
        font-size: 9px;
        font-style: normal;
        font-weight: 800
    }

    .tracking-v-row.active .tracking-v-copy {
        margin: -4px 0 8px;
        padding: 13px 12px;
        border: 1px solid #dce6fa;
        border-radius: 12px;
        background: #f5f8ff
    }

    .tracking-v-row.active .tracking-v-copy b {
        color: #115ee8
    }

    .tracking-v-row.active .tracking-v-copy em {
        background: #115ee8;
        color: #fff;
        letter-spacing: .08em;
        text-transform: uppercase
    }

    .tracking-v-row:not(.done):not(.active) .tracking-v-copy em {
        background: #fff8e9;
        color: #a87a13
    }

    .tracking-route {
        border-top: 1px solid #eef2f6;
        padding-top: 13px
    }

    .onboarding-assistant img {
        content: url('../assets/chatbotGif.gif')
    }
}

.onboarding-page {
    min-height: 100vh;
    overflow: hidden;
    color: #101a34;
    background: radial-gradient(circle at 4% 0%,#becaf0 0,transparent 30%),radial-gradient(circle at 97% 100%,#ffd9ca 0,transparent 23%),#f9fbff;
    font-family: Inter,Arial,sans-serif;
    position: relative
}

.onboarding-page:before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .34;
    background-image: linear-gradient(#115ee80b 1px,transparent 1px),linear-gradient(90deg,#115ee80b 1px,transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse at 50% 30%,#000 0,transparent 75%)
}

.onboarding-language {
    position: absolute;
    z-index: 4;
    top: 18px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid #e8edf5;
    border-radius: 8px;
    background: #ffffffc7;
    color: #17213a;
    font: 700 12px Inter,Arial,sans-serif;
    box-shadow: 0 4px 12px #17255408
}

.onboarding-language i {
    color: #d4a017
}

.onboarding-language small {
    color: #9aa5b6;
    font-size: 9px
}

.onboarding-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: 48px;
    min-height: 100vh;
    padding: 40px 6.25vw
}

.onboarding-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 80px);
    padding: 40px;
    border-radius: 32px;
    overflow: hidden;
    background: #ffffff9c;
    border: 1px solid #ffffffb8;
    box-shadow: 0 18px 50px -16px #1725542e
}

.onboarding-orb {
    position: absolute;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    filter: blur(50px);
    pointer-events: none
}

.orb-gold {
    top: -120px;
    right: -100px;
    background: #f0c04a40
}

.orb-blue {
    bottom: -120px;
    left: -90px;
    background: #115ee82c
}

.onboarding-brand-lockup {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px
}

.onboarding-brand-lockup img {
    width: auto;
    height: 96px;
    object-fit: contain
}

.onboarding-brand-lockup strong {
    font: 700 22px/1.15 'Plus Jakarta Sans',Inter,sans-serif;
    letter-spacing: -.6px
}

.onboarding-hero {
    position: relative;
    max-width: 420px
}

.onboarding-hero h1 {
    margin: 0 0 32px;
    color: #063ba1;
    font: 800 clamp(42px,3.7vw,56px)/1.03 'Plus Jakarta Sans',Inter,sans-serif;
    letter-spacing: -2.2px
}

.onboarding-hero p {
    max-width: 355px;
    margin: 0;
    color: #4b5b75;
    font-size: 15.5px;
    line-height: 1.65
}

.tracking-preview {
    margin-top: 28px;
    padding: 20px;
    border: 1px solid #e5eaf2;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px -12px #1725541c
}

.tracking-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #728096
}

.tracking-top span {
    display: flex;
    align-items: center;
    gap: 8px
}

.tracking-top span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c58b;
    box-shadow: 0 0 0 4px #22c58b1f
}

.tracking-top b {
    color: #6a768a;
    font-family: monospace;
    font-size: 11px
}

.tracking-route {
    display: grid;
    grid-template-columns: 1fr 20px 1fr 20px 1fr;
    align-items: start;
    text-align: center
}

.tracking-route>span {
    height: 2px;
    margin-top: 16px;
    background: #dce4ef
}

.tracking-route>span:first-of-type {
    background: linear-gradient(90deg,#22c58b,#115ee8)
}

.tracking-route article {
    display: grid;
    justify-items: center;
    gap: 7px
}

.tracking-route article>i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 2px solid #dce4ef;
    border-radius: 50%;
    background: #fff;
    color: #8491a5;
    font-size: 14px
}

.tracking-route article.done>i {
    border-color: #0bb765;
    background: #0bb765;
    color: #fff;
    box-shadow: 0 0 0 7px #0bb76514
}

.tracking-route article.active>i {
    border-color: #115ee8;
    background: #115ee8;
    color: #fff;
    box-shadow: 0 0 0 8px #d4a0172e,0 0 0 14px #115ee814
}

.tracking-route b {
    display: block;
    color: #1f2b40;
    font-size: 11px
}

.tracking-route small {
    display: block;
    margin-top: 3px;
    color: #8190a4;
    font-size: 9px
}

.tracking-route .active small {
    color: #115ee8;
    font-weight: 800
}

.onboarding-brand footer {
    position: relative;
    color: #718096;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase
}

.onboarding-brand footer a {
    color: #536176;
    text-decoration: underline
}

.onboarding-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-top: 2px
}

.onboarding-progress {
    display: flex;
    align-items: center;
    gap: 11px
}

.onboarding-progress b {
    color: #115ee8;
    font: 800 28px/1 'Plus Jakarta Sans',sans-serif
}

.onboarding-progress i {
    color: #b7c1d0;
    font-style: normal;
    font-size: 14px
}

.onboarding-progress span {
    color: #7a879a;
    font-size: 12px;
    font-weight: 800
}

.onboarding-center {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: min(100%,558px);
    padding: 30px 0;
    margin-left: 0
}

.onboarding-card {
    position: relative;
    min-height: 396px;
    padding: 42px 44px;
    border: 1px solid #ffffffcf;
    border-radius: 32px;
    overflow: hidden;
    background: #ffffffd9;
    box-shadow: 0 18px 42px -20px #17255435
}

.onboarding-card:before,.onboarding-card:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(32px);
    pointer-events: none
}

.onboarding-card:before {
    width: 190px;
    height: 190px;
    top: -100px;
    right: -85px;
    background: #115ee81a
}

.onboarding-card:after {
    width: 180px;
    height: 180px;
    bottom: -110px;
    left: -80px;
    background: #d4a01720
}

.onboarding-number {
    position: absolute;
    top: 18px;
    right: 24px;
    color: #101a3409;
    font: 800 96px/1 'Plus Jakarta Sans',sans-serif
}

.onboarding-eyebrow {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
    color: #c8953a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase
}

.onboarding-eyebrow span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #eedba8;
    border-radius: 16px;
    background: #fff;
    color: #115ee8;
    box-shadow: 0 8px 24px -12px #d4a01799
}

.onboarding-eyebrow span i {
    font-size: 20px
}

.onboarding-card h2 {
    position: relative;
    max-width: 420px;
    margin: 0 0 17px;
    color: #111a31;
    font: 800 38px/1.08 'Plus Jakarta Sans',Inter,sans-serif;
    letter-spacing: -1.6px
}

.onboarding-card p {
    position: relative;
    max-width: 440px;
    margin: 0;
    color: #516078;
    font-size: 15.5px;
    line-height: 1.7
}

.onboarding-highlight {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 28px;
    padding: 9px 14px;
    border: 1px solid #ecd89d;
    border-radius: 999px;
    background: #ffffffd8;
    color: #1a2940;
    font-size: 12px;
    font-weight: 700
}

.onboarding-highlight i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4a017
}

.onboarding-rail {
    display: flex;
    gap: 10px;
    margin: 28px 0
}

.onboarding-rail button {
    width: 22px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #dfe4ec;
    transition: all .2s
}

.onboarding-rail button.active {
    width: 52px;
    background: linear-gradient(90deg,#115ee8,#d4a017)
}

.onboarding-rail button.complete {
    background: #115ee877
}

.onboarding-actions {
    display: grid;
    grid-template-columns: 56px minmax(0,1fr) auto;
    gap: 12px
}

.onboarding-actions button {
    border: 0;
    border-radius: 15px;
    min-height: 58px;
    font: 800 14px Inter,Arial,sans-serif;
    cursor: pointer
}

.onboarding-back {
    color: #6c7b8f;
    background: #ffffffbd;
    border: 1px solid #e8edf5!important
}

.onboarding-back:disabled {
    opacity: .3;
    cursor: not-allowed
}

.onboarding-continue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    background: linear-gradient(135deg,#115ee8,#0d4ab8);
    box-shadow: 0 10px 24px #115ee842
}

.onboarding-skip {
    padding: 0 22px;
    color: #5f6e83;
    background: #ffffffbd;
    border: 1px solid #e8edf5!important;
    font-size: 12px!important;
    letter-spacing: .14em!important;
    text-transform: uppercase
}

.onboarding-terms {
    margin: 19px 0 0;
    color: #8793a4;
    font-size: 11px;
    line-height: 1.5
}

.onboarding-terms a {
    color: #516075;
    font-weight: 800
}

.onboarding-assistant {
    position: fixed;
    right: 22px;
    bottom: 20px;
    z-index: 4;
    width: 64px;
    height: 64px;
    padding: 0;
    border: 0;
    background: transparent
}

.onboarding-assistant img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 8px 10px #115ee849)
}

[dir=rtl] .onboarding-page {
    font-family: Alexandria,Arial,sans-serif
}

[dir=rtl] .onboarding-language {
    right: auto;
    left: 20px
}

[dir=rtl] .onboarding-brand-lockup,[dir=rtl] .onboarding-hero,[dir=rtl] .onboarding-brand footer,[dir=rtl] .onboarding-content {
    text-align: right
}

[dir=rtl] .onboarding-center {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .onboarding-number {
    right: auto;
    left: 24px
}

[dir=rtl] .onboarding-actions {
    grid-template-columns: auto minmax(0,1fr) 56px
}

[dir=rtl] .onboarding-back {
    grid-column: 3
}

[dir=rtl] .onboarding-continue {
    grid-column: 2;
    grid-row: 1
}

[dir=rtl] .onboarding-skip {
    grid-column: 1;
    grid-row: 1
}

@media(max-width: 1050px) {
    .onboarding-grid {
        grid-template-columns:1fr;
        padding: 24px 5vw
    }

    .onboarding-brand {
        min-height: auto;
        padding: 30px
    }

    .onboarding-hero {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 26px;
        max-width: none;
        align-items: end
    }

    .onboarding-hero h1 {
        margin: 0
    }

    .tracking-preview {
        margin-top: 0
    }

    .onboarding-brand footer {
        display: none
    }

    .onboarding-content {
        padding-bottom: 30px
    }

    .onboarding-center {
        margin: auto
    }
}

@media(max-width: 620px) {
    .onboarding-page {
        overflow:auto
    }

    .onboarding-grid {
        padding: 68px 16px 22px
    }

    .onboarding-brand {
        padding: 22px;
        border-radius: 22px
    }

    .onboarding-brand-lockup {
        align-items: center;
        text-align: center
    }

    .onboarding-brand-lockup img {
        height: 64px
    }

    .onboarding-brand-lockup strong {
        font-size: 16px
    }

    .onboarding-hero {
        grid-template-columns: 1fr
    }

    .onboarding-hero h1 {
        font-size: 34px;
        text-align: center
    }

    .onboarding-hero p {
        margin: auto;
        text-align: center;
        font-size: 13px
    }

    .tracking-preview {
        display: none
    }

    .onboarding-content {
        padding-top: 22px
    }

    .onboarding-progress {
        justify-content: center
    }

    .onboarding-card {
        min-height: 326px;
        padding: 31px 26px;
        border-radius: 24px
    }

    .onboarding-number {
        font-size: 70px
    }

    .onboarding-eyebrow {
        margin-bottom: 23px;
        font-size: 11px
    }

    .onboarding-card h2 {
        font-size: 28px
    }

    .onboarding-card p {
        font-size: 13px
    }

    .onboarding-highlight {
        margin-top: 22px;
        font-size: 10px
    }

    .onboarding-actions {
        grid-template-columns: 50px minmax(0,1fr)
    }

    .onboarding-actions button {
        min-height: 52px
    }

    .onboarding-skip {
        display: none
    }

    .onboarding-terms {
        text-align: center
    }

    .onboarding-assistant {
        width: 52px;
        height: 52px;
        right: 12px;
        bottom: 10px
    }

    [dir=rtl] .onboarding-actions {
        grid-template-columns: minmax(0,1fr) 50px
    }

    [dir=rtl] .onboarding-back {
        grid-column: 2
    }

    [dir=rtl] .onboarding-continue {
        grid-column: 1
    }
}

.branch-mobile-toggle {
    display: none
}

@media (min-width: 1051px) {
    .onboarding-grid {
        padding-inline:4vw
    }
}

@media (min-width: 1051px) {
    .onboarding-hero {
        margin-top:40px;
        transform: translateY(6px)
    }

    .onboarding-hero h1 {
        font-size: 56px;
        line-height: 1.08;
        margin-bottom: 38px
    }
}

@media (min-width: 1051px) {
    .onboarding-card {
        transform:translateY(-20px)
    }

    .onboarding-rail {
        margin: 19px 0 37px
    }

    .onboarding-brand-lockup strong {
        transform: translateY(12px)
    }
}

/* Dashboard utility area: spacious on desktop, compact and wrap-safe on phones. */
.dc-quick-actions {
    margin-top: 38px
}

.dc-action-grid {
    gap: 14px
}

.dc-action-card {
    min-height: 166px;
    padding: 21px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 9px
}

.dc-action-card img {
    width: 58px;
    height: 58px
}

.dc-action-card b {
    color: #17223a;
    font-size: 14px;
    line-height: 1.3
}

.dc-action-card small {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: #8a97aa;
    font-size: 11px;
    font-weight: 800
}

.dc-action-card small i {
    font-size: 13px
}

.dc-location-grid {
    grid-template-columns: minmax(0,1.72fr) minmax(350px,.84fr);
    gap: 30px;
    margin-top: 30px
}

.dc-map-art {
    height: 246px
}

.dc-map-marker {
    top: 94px
}

.dc-branch-details {
    min-height: 110px;
    padding: 19px 25px
}

.dc-address-card {
    min-height: 356px;
    padding: 22px
}

.dc-address-list {
    gap: 7px
}

.dc-address-list button {
    padding: 10px 5px
}

.dc-add-address {
    margin-top: 13px
}

@media(max-width: 1100px) {
    .dc-action-card {
        min-height:142px
    }

    .dc-action-card img {
        width: 48px;
        height: 48px
    }

    .dc-location-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .dc-address-card {
        min-height: 0
    }
}

@media(max-width: 720px) {
    .dc-quick-actions {
        margin-top:28px
    }

    .dc-action-grid {
        gap: 10px
    }

    .dc-action-card {
        min-height: 128px;
        padding: 14px;
        gap: 6px
    }

    .dc-action-card img {
        width: 42px;
        height: 42px
    }

    .dc-action-card b {
        font-size: 11px
    }

    .dc-action-card small {
        font-size: 10px
    }

    .dc-location-grid {
        margin-top: 24px;
        gap: 16px
    }

    .dc-map-art {
        height: 196px
    }

    .dc-map-marker {
        top: 68px
    }

    .dc-branch-details {
        min-height: 0;
        padding: 14px
    }

    .dc-address-card {
        padding: 15px
    }

    .dc-address-list {
        gap: 3px
    }
}

@media(max-width: 430px) {
    .dc-branch-details {
        display:grid;
        grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr);
        gap: 10px 12px
    }

    .dc-branch-details>div {
        min-width: 0
    }

    .dc-branch-divider {
        align-self: stretch;
        height: auto
    }

    .dc-directions {
        grid-column: 1/-1;
        justify-content: center;
        width: 100%;
        margin-inline-start:0}

    .dc-address-head h3 {
        font-size: 14px
    }

    .dc-address-list small {
        max-width: 220px
    }
}

@media(max-width: 720px) {
    .branches-layout {
        display:flex;
        flex-direction: column;
        gap: 12px
    }

    .branch-sidebar {
        display: contents
    }

    .branch-stats {
        order: 1;
        width: 100%
    }

    .branch-mobile-toggle {
        order: 2;
        display: flex;
        width: 100%;
        padding: 4px;
        border: 1px solid var(--color-border);
        border-radius: 11px;
        background: #fff;
        box-shadow: 0 1px 2px #1725540a
    }

    .branch-mobile-toggle button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        flex: 1;
        height: 38px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        transition: background-color .2s,color .2s
    }

    .branch-mobile-toggle button.active {
        background: #115ee8;
        color: #fff;
        box-shadow: 0 3px 8px #115ee82e
    }

    .branch-map-wrap {
        order: 3;
        width: 100%
    }

    .branch-finder {
        order: 4;
        width: 100%;
        padding-bottom: 80px
    }

    .branch-view-list .branch-map-wrap,.branch-view-map .branch-finder {
        display: none
    }

    .branch-view-map .branch-map-wrap {
        display: block
    }

    .branch-map {
        height: calc(100vh - 330px);
        min-height: 430px
    }

    .branch-map-wrap {
        border-radius: 12px
    }

    .map-key {
        bottom: 13px
    }

    .branch-sidebar {
        padding: 0
    }

    .branch-finder .branch-search {
        margin-top: 0
    }
}

/* Keep the branch-type icons isolated from legacy label styling. */
.branch-kind {
    display: grid!important;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin: 0!important;
    padding: 0!important
}

.branch-kind i {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1
}

/* Branch finder parity with the React /branches view. */
.branches-layout {
    display: grid;
    grid-template-columns: minmax(0,1.38fr) minmax(320px,.92fr);
    gap: 16px;
    align-items: start
}

.branch-map-wrap {
    position: sticky;
    top: 94px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 1px 3px #1725540b,0 8px 20px #1725540a
}

.branch-map {
    height: calc(100vh - 150px);
    min-height: 590px;
    background: #e9eef1
}

.branch-sidebar {
    min-width: 0;
    max-height: calc(100vh - 150px);
    overflow: auto;
    padding: 1px 3px 4px
}

.branch-stats {
    padding: 16px;
    background: linear-gradient(135deg,#0d4ab8,#115ee8);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px #0d4ab82a
}

.branch-metrics {
    gap: 0;
    margin-bottom: 13px
}

.branch-metrics>div+div {
    padding-inline:13px;border-inline-start:1px solid #ffffff24}

.branch-metrics span {
    color: #d8e6ff;
    letter-spacing: .07em
}

.branch-metrics b {
    font-size: 26px
}

.branch-metrics .open {
    color: #86efac
}

.branch-metrics .open small {
    font-size: 14px;
    color: #bfdbfe;
    font-weight: 700
}

.nearest {
    gap: 10px;
    border-top-color: #ffffff25
}

.nearest i {
    color: #f0c04a;
    background: #ffffff16
}

.nearest small {
    color: #c9dcff;
    letter-spacing: .06em;
    text-transform: uppercase
}

.nearest button {
    background: #f0c04a;
    color: #0d4ab8
}

.branch-search {
    margin: 13px 0;
    position: relative
}

.branch-search input {
    height: 46px;
    padding-inline:42px 40px;border-color: var(--color-border);
    border-radius: 10px;
    box-shadow: 0 1px 2px #17255408
}

.branch-search>i {
    inset-inline-start: 15px;
    inset-inline-end: auto;
    top: 15px;
    color: #94a3b8
}

.clear-branch-search {
    position: absolute;
    inset-inline-end: 10px;
    top: 9px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #94a3b8
}

.clear-branch-search:hover {
    background: #f1f5f9;
    color: var(--color-text-muted)
}

.branch-types {
    gap: 7px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    margin-bottom: 12px
}

.branch-types button {
    white-space: nowrap;
    padding: 7px 10px;
    border-color: var(--color-border);
    font-size: 11px
}

.branch-types button span {
    margin-inline-start:4px;padding: 1px 5px;
    border-radius: 4px;
    background: #f1f5f9;
    font-size: 10px
}

.branch-types button.active {
    background: #115ee8;
    border-color: #115ee8;
    box-shadow: 0 4px 10px #115ee83d
}

.branch-types button.active span {
    background: #ffffff24
}

.branch-types .open-only {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.branch-types .open-only i {
    color: #10b981;
    font-size: 8px
}

.branch-types .open-only.active {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857
}

.branch-results {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2px 2px 10px
}

.result-count {
    margin: 0;
    font-size: 11px;
    color: #64748b;
    letter-spacing: .07em;
    text-transform: uppercase
}

.branch-results button {
    border: 0;
    background: transparent;
    color: #115ee8;
    font-size: 11px;
    font-weight: 800
}

.branch-list {
    gap: 11px;
    max-height: none;
    overflow: visible;
    padding: 0 1px 8px
}

.branch-item {
    padding: 15px;
    border: 1px solid var(--color-border);
    border-radius: 11px;
    box-shadow: 0 1px 2px #17255408;
    cursor: pointer;
    transition: border-color .2s,box-shadow .2s,transform .2s
}

.branch-item:hover {
    border-color: #b7c9ee;
    box-shadow: 0 6px 16px #115ee815;
    transform: translateY(-1px)
}

.branch-item.selected {
    border-color: #d4a017;
    box-shadow: 0 0 0 2px #d4a0172a,0 8px 22px #d4a0171f
}

.branch-item.selected:before {
    display: none
}

.branch-kind {
    width: 38px;
    height: 38px;
    background: #eff6ff;
    color: #115ee8
}

.branch-item--main .branch-kind {
    background: #fff8e6;
    color: #b77900
}

.branch-item--express .branch-kind {
    background: #ecfdf5;
    color: #059669
}

.branch-title {
    min-width: 0;
    flex: 1
}

.branch-head b {
    font-size: 14px;
    line-height: 1.25
}

.branch-type {
    max-width: max-content;
    margin-top: 5px!important;
    padding: 3px 6px!important;
    background: #eff6ff!important;
    color: #115ee8!important;
    border-radius: 5px!important;
    font-size: 9px!important
}

.branch-item--main .branch-type {
    background: #fff8e6!important;
    color: #a16207!important
}

.branch-item--express .branch-type {
    background: #ecfdf5!important;
    color: #047857!important
}

.branch-open {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-inline-start:auto;color: #94a3b8;
    font-size: 9px
}

.branch-open i {
    font-size: 7px
}

.branch-open.is-open {
    color: #059669
}

.branch-loc {
    gap: 7px;
    margin: 12px 0;
    color: #64748b;
    font-size: 11px
}

.branch-loc span {
    display: flex;
    gap: 7px;
    align-items: center
}

.branch-loc i {
    color: #94a3b8
}

.branch-loc em {
    margin-inline-start:3px;padding: 1px 5px;
    background: #ecfdf5;
    color: #047857;
    border-radius: 4px;
    font-size: 9px;
    font-style: normal;
    font-weight: 800
}

.branch-actions {
    gap: 8px
}

.branch-actions button {
    padding: 9px;
    border-color: var(--color-border);
    border-radius: 8px;
    color: #334155;
    font-size: 12px
}

.branch-actions button:last-child {
    background: var(--color-primary);
    border-color: var(--color-primary)
}

.branch-empty {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 35px 15px;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    color: #64748b;
    text-align: center;
    font-size: 12px
}

.branch-empty i {
    font-size: 23px;
    color: #94a3b8
}

.map-key {
    z-index: 500;
    bottom: 14px;
    inset-inline-start: 14px;
    inset-inline-end: auto;
    display: grid;
    gap: 2px;
    padding: 9px 12px;
    border: 1px solid var(--color-border);
    border-radius: 9px;
    background: #fffffff2;
    box-shadow: 0 4px 14px #17255414;
    font-size: 11px;
    line-height: 1.7
}

.map-key span {
    white-space: nowrap
}

.branch-popup {
    display: grid;
    gap: 5px;
    min-width: 172px;
    font-family: Inter,system-ui,sans-serif
}

.branch-popup span {
    color: #64748b;
    font-size: 11px
}

.branch-popup button {
    border: 0;
    border-radius: 6px;
    background: #115ee8;
    color: #fff;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 700
}

@media(max-width: 1100px) {
    .branches-layout {
        grid-template-columns:1fr
    }

    .branch-map-wrap {
        position: relative;
        top: 0
    }

    .branch-map {
        height: 370px;
        min-height: 370px
    }

    .branch-sidebar {
        max-height: none;
        overflow: visible
    }
}

@media(max-width: 720px) {
    .branches-layout {
        gap:12px
    }

    .branch-map {
        height: 300px;
        min-height: 300px
    }

    .branch-sidebar {
        padding-bottom: 80px
    }

    .branch-stats {
        padding: 14px
    }

    .branch-metrics b {
        font-size: 23px
    }

    .nearest b {
        font-size: 11px
    }

    .branch-types {
        margin-inline:-1px}

    .branch-item {
        padding: 14px
    }

    .branch-open {
        font-size: 8px
    }
}

[dir=rtl] .branch-search>i {
    inset-inline-start: auto;
    inset-inline-end: 15px
}

[dir=rtl] .clear-branch-search {
    inset-inline-start: 10px;
    inset-inline-end: auto
}

[dir=rtl] .branch-head,[dir=rtl] .branch-loc span,[dir=rtl] .branch-actions {
    direction: rtl
}

[dir=rtl] .branch-open {
    margin-inline-start:0;margin-inline-end:auto}

/* Dashboard 2: live nearest-branch street map. */
.dc-live-branch {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 13px;
    background: var(--color-canvas);
    box-shadow: 0 8px 22px #1725540b
}

.dc-live-map {
    height: 286px;
    background: #e9eef1
}

.dc-live-branch .leaflet-control-zoom {
    border: 1px solid #d5dde9;
    box-shadow: 0 4px 12px #17255416
}

.dc-live-branch .leaflet-control-zoom a {
    color: #17365f
}

.dc-live-branch .leaflet-control-attribution {
    font-size: 8px
}

.dc-map-status {
    position: absolute;
    z-index: 500;
    top: 14px;
    inset-inline-start: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 310px;
    padding: 10px 12px;
    border: 1px solid #dbe4f1;
    border-radius: 8px;
    background: #f8fafcf2;
    box-shadow: 0 5px 18px #17255418;
    color: #23314a;
    backdrop-filter: blur(8px)
}

.dc-map-status>span:last-child {
    display: grid;
    gap: 2px
}

.dc-map-status b {
    font-size: 11px
}

.dc-map-status small {
    color: #637188;
    font-size: 9px;
    line-height: 1.4
}

.dc-location-pulse {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e9f1ff;
    color: #115ee8
}

.dc-map-status.is-ready .dc-location-pulse {
    background: #e6f8f2;
    color: #087f5b
}

.dc-map-status.is-error .dc-location-pulse {
    background: #fdf2f2;
    color: #b42318
}

.dc-live-branch-details {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 17px 20px;
    background: #fdfefe
}

.dc-live-branch-copy {
    min-width: 0
}

.dc-live-branch-copy small {
    color: #115ee8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.dc-live-branch-copy h3 {
    margin: 4px 0 3px;
    color: #17243a;
    font-size: 17px
}

.dc-live-branch-copy p {
    margin: 0;
    color: #69778b;
    font-size: 10px;
    font-weight: 600
}

.dc-retry-location,.dc-live-directions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-inline-start:auto;padding: 10px 13px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800
}

.dc-retry-location {
    border: 1px solid #cbd8ed;
    background: #fdfefe;
    color: #174b9d
}

.dc-live-directions {
    border: 0;
    background: #115ee8;
    color: var(--color-canvas)
}

.dc-retry-location+.dc-live-directions {
    margin-inline-start:0}

.dc-live-directions:disabled {
    cursor: not-allowed;
    background: #d8e0ec;
    color: #758397
}

.dc-user-pin span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 3px solid var(--color-canvas);
    border-radius: 50%;
    background: #115ee8;
    color: var(--color-canvas);
    box-shadow: 0 0 0 6px #115ee833,0 5px 14px #17255445;
    font-size: 12px
}

.dc-branch-pin span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 3px solid var(--color-canvas);
    border-radius: 50% 50% 50% 0;
    background: #64748b;
    color: var(--color-canvas);
    box-shadow: 0 4px 11px #17255445;
    transform: rotate(-45deg);
    transition: transform .2s,background-color .2s
}

.dc-branch-pin i {
    transform: rotate(45deg)
}

.dc-branch-pin.is-nearest span {
    background: #d4a017;
    transform: rotate(-45deg) scale(1.13)
}

[dir=rtl] .dc-live-branch {
    font-family: Alexandria,Arial,sans-serif
}

@media(max-width: 720px) {
    .dc-live-map {
        height:260px
    }

    .dc-map-status {
        top: 10px;
        inset-inline: 10px;
        max-width: calc(100% - 74px)
    }

    .dc-live-branch-details {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 14px
    }

    .dc-live-branch-copy {
        flex: 1 1 100%
    }

    .dc-retry-location {
        margin-inline-start:0}

    .dc-live-directions {
        margin-inline-start:auto}
}

/* Dashboard2 mailbox cards: exact hierarchy and spacing from the reference. */
.dc-ticket {
    height: 234px;
    background: rgba(255,255,255,.62)
}

.dc-ticket-layout {
    position: relative;
    z-index: 1;
    height: 100%
}

.dc-ticket-spine {
    flex: 0 0 64px;
    padding: 16px 0;
    gap: 12px
}

.dc-ticket-spine-icon {
    width: 28px;
    height: 28px
}

.dc-ticket-spine b {
    color: rgba(255,255,255,.9);
    font-family: Inter,"Plus Jakarta Sans",sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: .28em
}

.dc-ticket-vbx .dc-ticket-spine b {
    color: var(--color-primary-deep);
}

.dc-ticket-spine>i {
    width: 6px;
    height: 6px;
    margin-top: auto
}

.dc-ticket-perforation {
    flex: 0 0 12px;
    background: #fdfefe
}

.dc-ticket-content {
    position: relative;
    min-width: 0;
    padding: 20px;
    overflow: hidden
}

.dc-ticket-main {
    position: static;
    min-height: 0;
    flex: 0 0 auto;
    padding: 0
}

.dc-ticket-copy {
    position: relative;
    z-index: 2;
    padding-inline-end:64px}

.dc-ticket-art {
    position: absolute;
    z-index: 0;
    top: 50%;
    bottom: auto;
    inset-inline-end: 16px;
    width: auto;
    height: 55%;
    object-fit: contain;
    object-position: center;
    opacity: 1;
    transform: translateY(-50%);
    mask-image: none;
    -webkit-mask-image: none
}

[dir=rtl] .dc-ticket-art {
    transform: translateY(-50%) scaleX(-1);
    mask-image: none;
    -webkit-mask-image: none
}

.dc-ticket-mails {
    position: absolute;
    z-index: 5;
    top: 12px;
    inset-inline-end: 12px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid rgba(203,160,82,.25);
    border-radius: 999px;
    background: rgba(203,160,82,.12);
    color: var(--color-accent-gold);
    font-size: 9px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: .05em;
    box-shadow: 0 0 0 4px rgba(203,160,82,.08)
}

.dc-ticket-mails b {
    font-size: 10px;
    font-weight: 900;
    line-height: 15px
}

.dc-ticket-meta {
    display: flex;
    grid-template-columns: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none
}

.dc-ticket-status {
    position: static;
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(16,185,129,.1);
    color: #047857;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    backdrop-filter: none
}

.dc-ticket-status i {
    display: none
}

.dc-ticket-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text-muted);
    font-family: Inter,"Plus Jakarta Sans",sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    white-space: nowrap
}

.dc-ticket-date i {
    color: #059669;
    font-size: 12px
}

.dc-ticket-date.is-expires i {
    color: #d97706
}

.dc-ticket-date b {
    color: inherit;
    font-size: inherit;
    font-weight: 500
}

.dc-ticket-dot {
    color: rgba(71,85,105,.4);
    font-size: 16px;
    line-height: 15px
}

.dc-ticket-id {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    height: 44px;
    direction: ltr;
    font-family: "JetBrains Mono", "SF Mono", "Courier New", monospace;
    font-size: 44px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0 !important;
    font-weight: 900
}

.dc-ticket-digit {
    color: var(--color-text);
    font-family: "JetBrains Mono","SF Mono","Courier New",monospace;
    font-size: 44px;
    font-weight: 900;
    line-height: 44px;
    letter-spacing: .08em
}

.dc-ticket-digit.is-dash {
    color: var(--color-accent-gold);
    font-size: 24px;
    line-height: 24px;
    letter-spacing: .08em
}

.dc-ticket-location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: var(--color-text-muted);
    font-family: Inter,"Plus Jakarta Sans",sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0
}

.dc-ticket-location i {
    color: #64748b;
    font-size: 12px
}

.dc-ticket-vbx .dc-ticket-location i {
    color: #d4a017
}

.dc-ticket-location b {
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 500
}

.dc-ticket-location span {
    margin-inline:4px;color: rgba(71,85,105,.4);
    opacity: 1
}

.dc-ticket-vbx .dc-ticket-location {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .15em
}

.dc-ticket-footer {
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding: 0;
    border: 0;
    background: transparent;
    backdrop-filter: none
}

.dc-ticket-footer>span {
    flex: 1
}

.dc-ticket-action {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: rgba(17,94,232,.05);
    color: var(--color-primary);
    font-size: 14px
}

.dc-ticket-action:hover {
    background: rgba(17,94,232,.1)
}

.dc-ticket-vbx .dc-ticket-action {
    background: rgba(203,160,82,.1);
    color: #c28f31
}

.dc-ticket-vbx .dc-ticket-action:hover {
    background: rgba(203,160,82,.18)
}

.dc-ticket-manage {
    min-height: 28px;
    padding: 6px 12px 6px 14px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fdfefe;
    font-family: Inter,"Plus Jakarta Sans",sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: .05em
}

.dc-ticket-vbx .dc-ticket-manage {
    background: #d7a947;
    color: #063ba1;
    box-shadow: none
}

@media(max-width: 1100px) {
    .dc-ticket {
        height:224px
    }

    .dc-ticket-spine {
        flex-basis: 56px
    }

    .dc-ticket-spine-icon {
        width: 24px;
        height: 24px
    }

    .dc-ticket-content {
        padding: 16px
    }

    .dc-ticket-copy {
        padding-inline-end:56px}

    .dc-ticket-digit {
        font-size: 36px;
        line-height: 40px
    }

    .dc-ticket-id {
        height: 40px;
        gap: 4px
    }

    .dc-ticket-digit.is-dash {
        font-size: 22px
    }

    .dc-ticket-date {
        font-size: 9px
    }

    .dc-ticket-art {
        height: 48%;
        opacity: .3
    }
}

@media(max-width: 720px) {
    .dc-ticket {
        height:226px
    }

    .dc-ticket-spine {
        flex-basis: 50px;
        padding: 14px 0
    }

    .dc-ticket-spine-icon {
        width: 22px;
        height: 22px
    }

    .dc-ticket-spine b {
        font-size: 10px
    }

    .dc-ticket-perforation {
        flex-basis: 9px
    }

    .dc-ticket-content {
        padding: 14px 12px
    }

    .dc-ticket-copy {
        padding-inline-end:48px}

    .dc-ticket-mails {
        top: 11px;
        inset-inline-end: 10px
    }

    .dc-ticket-meta {
        gap: 6px;
        max-width: calc(100% - 44px)
    }

    .dc-ticket-date {
        font-size: 8.5px
    }

    .dc-ticket-dot {
        display: none
    }

    .dc-ticket-id {
        height: 36px;
        gap: 3px
    }

    .dc-ticket-digit {
        font-size: 29px;
        line-height: 36px
    }

    .dc-ticket-digit.is-dash {
        font-size: 18px
    }

    .dc-ticket-art {
        inset-inline-end: 8px;
        height: 43%;
        opacity: .2
    }

    .dc-ticket-footer {
        gap: 5px
    }

    .dc-ticket-action {
        width: 30px;
        height: 30px;
        flex-basis: 30px
    }

    .dc-ticket-manage {
        font-size: 10px
    }
}

@media(prefers-reduced-motion:reduce) {
    .dc-ticket,.dc-ticket-digit,.dc-ticket-action,.dc-ticket-manage {
        animation: none;
        transition: none
    }
}

/* Dashboard Phosphor icons and locale-aware action alignment. */
body[data-app-page="index"] .dc-ph-icon {
    display: block;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    object-fit: contain;
}

body[data-app-page="index"] .dc-view-all-shipments {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
}

body[data-app-page="index"] .dc-address-head button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

body[data-app-page="index"] .dc-address-list .dc-address-arrow {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
}

body[data-app-page="index"] .dc-ticket-date-icon {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
}

body[data-app-page="index"] .dc-ticket-manage {
    justify-content: center;
    gap: 5px;
}

body[data-app-page="index"] .dc-ticket-manage-arrow {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
}

html[dir="rtl"] body[data-app-page="index"] .dc-ph-arrow {
    transform: rotate(180deg);
}

/* Mailbox: static parity for the React /mailbox route. */
.rp-shell:has(.mb-layout) .rp-aside {
    width: 256px
}

.rp-shell:has(.mb-layout) .rp-content {
    margin-left: 256px
}

.rp-shell:has(.mb-layout) .rp-wrap,.rp-shell:has(.mb-layout) .rp-header {
    width: 100%;
    max-width: 1408px
}

.rp-header-brand {
    display: flex;
    align-items: center;
    gap: 12.75px
}

.rp-header-back {
    display: grid;
    place-items: center;
    width: 38.25px;
    height: 38.25px!important;
    margin-inline-start:-8.5px;padding: 0!important;
    border: 1px solid rgba(255,255,255,.7)!important;
    border-radius: 12.75px!important;
    background: rgba(255,255,255,.6)!important;
    color: var(--color-text)!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);
    transition: background-color .2s,box-shadow .2s,transform .2s
}

.rp-header-back:hover {
    background: #fff!important;
    box-shadow: 0 4px 16px rgba(0,51,160,.12);
    transform: translateY(-2.125px)
}

.rp-back-icon {
    display: block;
    width: 19.125px;
    height: 19.125px;
    transition: transform .2s
}

.rp-header-back:hover .rp-back-icon {
    transform: translateX(-2.125px)
}

[dir=rtl] .rp-header-back:hover .rp-back-icon {
    transform: translateX(2.125px)
}

[dir=rtl] .rp-shell:has(.mb-layout) .rp-content {
    margin-left: 0;
    margin-right: 256px
}

.mb-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0 28px
}

.mb-heading h1 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -1.4px
}

.mb-heading h1:before {
    content: "";
    width: 4px;
    height: 31px;
    border-radius: 2px;
    background: linear-gradient(var(--color-accent-gold),#d9bf8d)
}

.mb-heading>button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 17px;
    border: 1px solid #edf0f5;
    border-radius: 9px;
    background: #fff;
    color: #173f92;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 6px 16px #26355c13
}

.mb-layout {
    display: grid;
    grid-template-columns: 420px minmax(0,1fr);
    gap: 31px;
    align-items: start
}

.mb-left {
    position: sticky;
    top: 20px;
    display: grid;
    gap: 16px
}

.mb-right {
    display: grid;
    gap: 16px;
    min-width: 0
}

.mb-panel {
    padding: 20px;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    background: #ffffffdc;
    box-shadow: 0 6px 18px #273a680c;
    backdrop-filter: blur(18px)
}

.mb-panel>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 17px
}

.mb-panel h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #171d28;
    font-size: 17px;
    font-weight: 800
}

.mb-panel h2 i {
    color: #115ee8
}

.mb-hero {
    position: relative;
    overflow: hidden;
    padding: 25px;
    border: 1px solid #ffffff18;
    border-radius: 10px;
    background: linear-gradient(137deg,#0e2e82 0%,#123ca6 48%,#193cb0 100%);
    color: #f8fbff;
    box-shadow: 0 13px 29px #123da52d
}

.mb-orb {
    position: absolute;
    border-radius: 50%;
    background: #ffffff0b
}

.mb-orb.one {
    top: -76px;
    right: -68px;
    width: 190px;
    height: 190px
}

.mb-orb.two {
    bottom: -70px;
    left: -63px;
    width: 145px;
    height: 145px
}

.mb-hero-top,.mb-hero-dates,.mb-registration,.mb-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mb-hero-top small {
    display: block;
    margin-bottom: 7px;
    color: #c6d4f9;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .17em
}

.mb-hero-top strong {
    display: block;
    font-size: 31px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.03em
}

.mb-hero-top>span {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid #ffffff2f;
    border-radius: 9px;
    background: #ffffff14;
    font-size: 21px;
    box-shadow: 0 7px 18px #001c6f38
}

.mb-hero-rule {
    position: relative;
    z-index: 1;
    height: 1px;
    margin: 25px -25px 17px;
    background: #ffffff16
}

.mb-hero-dates small {
    display: block;
    margin-bottom: 4px;
    color: #aebfe9;
    font-size: 10px
}

.mb-hero-dates>div:last-child {
    text-align: end
}

.mb-hero-dates b {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px
}

.mb-hero-dates b i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #26a87a;
    box-shadow: 0 0 0 4px #26a87a1d
}

.mb-registration {
    justify-content: flex-start;
    gap: 10px;
    margin-top: 14px
}

.mb-registration>span,.mb-hero-actions>span,.mb-hero-actions>button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 11px;
    border: 1px solid #ffffff24;
    border-radius: 7px;
    background: #ffffff13;
    color: #f6f8ff;
    font-size: 11px;
    font-weight: 700
}

.mb-registration small {
    color: #b9c8eb;
    font-size: 10px
}

.mb-registration i,.mb-hero-actions>span i {
    color: #e2b858
}

.mb-renewal {
    position: relative;
    z-index: 1;
    margin: 15px 0 16px;
    color: #bdc9e7;
    font-size: 10px
}

.mb-renewal i {
    padding: 0 7px;
    color: #7187c3;
    font-style: normal
}

.mb-hero-actions {
    justify-content: flex-start;
    gap: 8px
}

.mb-hero-actions>button {
    cursor: pointer
}

.mb-address header>i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #eaf0ff;
    color: #115ee8
}

.mb-address>div {
    display: grid;
    gap: 2px;
    padding: 17px;
    border: 1px solid #eff1f5;
    border-radius: 8px;
    background: linear-gradient(145deg,#fafbfd,#f6f8fb);
    font-size: 13px
}

.mb-address>div b {
    margin-bottom: 3px;
    color: #1241a0
}

.mb-address>div strong {
    color: #283244
}

.mb-address>div span {
    color: #6f7888
}

.mb-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg,#143da4,#284ebb);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 7px 16px #123da522
}

.mb-copy.copied {
    background: #258966
}

.mb-payments header button {
    padding: 5px 9px;
    border: 1px solid #dfe4ec;
    border-radius: 7px;
    background: #fff;
    color: #485469;
    font-size: 10px;
    font-weight: 700
}

.mb-payment {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #eef1f4;
    border-radius: 8px;
    background: #fafbfc
}

.mb-payment+.mb-payment {
    margin-top: 9px
}

.mb-payment>span {
    display: grid
}

.mb-payment b {
    font-size: 12px
}

.mb-payment small {
    color: #7c8798;
    font-size: 9px
}

.mb-payment em {
    margin-inline-start:auto;color: #a3abb8;
    font-size: 9px;
    font-style: normal
}

.mb-payment button {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border: 1px solid #e2e6ec;
    border-radius: 6px;
    background: #fff;
    color: #4d5869;
    font-size: 9px;
    font-weight: 700
}

.mb-summary>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #eff1f4;
    border-radius: 8px;
    background: #fafbfc
}

.mb-summary>div+div {
    margin-top: 8px
}

.mb-summary span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #5d6878;
    font-size: 11px
}

.mb-summary span i {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 7px
}

.mb-summary b {
    font-size: 15px
}

.mb-summary .ready {
    color: #087f5b
}

.mb-summary i.ready {
    background: #eaf8f3
}

.mb-summary .transit {
    color: #a45e00
}

.mb-summary i.transit {
    background: #fff6e6
}

.mb-summary .primary {
    color: #115ee8
}

.mb-summary i.primary {
    background: #edf3ff
}

.mb-mail {
    padding: 24px
}

.mb-mail>header {
    margin-bottom: 20px
}

.mb-mail header>span {
    padding: 5px 10px;
    border-radius: 7px;
    background: #edf2ff;
    color: #1846a6;
    font-size: 10px;
    font-weight: 800
}

.mb-mail-list {
    display: grid;
    gap: 11px
}

.mb-mail-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px 14px;
    width: 100%;
    padding: 16px;
    border: 1px solid #edf0f4;
    border-radius: 9px;
    background: #fff;
    color: inherit;
    text-align: start;
    transition: border-color .18s,box-shadow .18s
}

.mb-mail-row:hover {
    border-color: #d9e0eb;
    box-shadow: 0 5px 13px #223b6c0d
}

.mb-mail-main {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0
}

.mb-mail-main>span:last-child {
    display: grid;
    min-width: 0
}

.mb-mail-main b {
    font-size: 13px
}

.mb-mail-main small {
    overflow: hidden;
    color: #747e8e;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mb-mail-icon {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #edf8f3;
    color: #2d9f72
}

.mb-mail-icon.transit {
    background: #f1edff;
    color: #6952d1
}

.mb-status {
    align-self: start;
    padding: 5px 10px;
    border: 1px solid #d7ecdf;
    border-radius: 7px;
    background: #f1f9f3;
    color: #2d9658;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap
}

.mb-status.transit {
    border-color: #e3d9f2;
    background: #f6f0fc;
    color: #7955b6
}

.mb-mail-meta {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 17px;
    color: #9aa3b0;
    font-size: 9px
}

.mb-mail-meta span {
    display: flex;
    gap: 5px
}

.mb-mail-meta em {
    color: #bdc3cc;
    font-style: normal
}

.mb-archive {
    width: 100%;
    margin-top: 15px;
    padding: 12px;
    border: 1px solid #e6e9ee;
    border-radius: 8px;
    background: #fafbfc;
    color: #495466;
    font-size: 12px;
    font-weight: 800
}

.mb-plans {
    padding: 24px
}

.mb-years {
    display: flex;
    padding: 3px;
    border: 1px solid #e1e5eb;
    border-radius: 10px;
    background: #fff
}

.mb-year {
    padding: 6px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #6c7686;
    font-size: 10px;
    font-weight: 700
}

.mb-year.active {
    background: #1748ad;
    color: #fff;
    box-shadow: 0 3px 8px #1748ad34
}

.mb-plan {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 100%;
    padding: 16px;
    border: 1px solid #e1e5eb;
    border-radius: 11px;
    background: #fff;
    color: inherit;
    text-align: start;
    transition: .18s
}

.mb-plan+.mb-plan {
    margin-top: 11px
}

.mb-plan.selected {
    border-color: #9ab7ef;
    background: #f8faff;
    box-shadow: 0 4px 12px #1748ad0c
}

.mb-plan-icon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    font-size: 18px
}

.mb-plan-icon.gold {
    background: linear-gradient(145deg,#f4cb68,#d4a017);
    color: #143476
}

.mb-plan-icon.blue {
    background: linear-gradient(145deg,#2760cf,#0e3d9f);
    color: #fff
}

.mb-plan>span:nth-child(2) {
    display: grid
}

.mb-plan>span:nth-child(2)>b {
    font-size: 13px
}

.mb-plan>span:nth-child(2)>small {
    color: #788291;
    font-size: 10px
}

.mb-plan-price {
    display: grid;
    margin-inline-start:auto;text-align: end
}

.mb-plan-price b {
    font-size: 12px
}

.mb-plan-price small {
    color: #8d95a2;
    font-size: 9px
}

.mb-plan-check {
    display: grid;
    place-items: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    border: 2px solid #ccd3dd;
    border-radius: 50%;
    color: #fff;
    font-size: 10px
}

.mb-plan.selected .mb-plan-check {
    border-color: #1748ad;
    background: #1748ad
}

.mb-create {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px;
    border: 1px dashed #d9dfe9;
    border-radius: 10px;
    background: #ffffffd9;
    color: #1748ad;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 12px #26355c0a
}

.mb-create i {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: #edf3ff
}

.mb-payments,.mb-summary {
    display: block
}

[dir=rtl] .mb-hero-top,[dir=rtl] .mb-mail-row,[dir=rtl] .mb-plan {
    direction: rtl
}

[dir=rtl] .mb-hero-dates>div:last-child {
    text-align: start
}

[dir=rtl] .mb-payment em {
    margin-inline-start:auto}

@media(max-width: 1100px) {
    .rp-shell:has(.mb-layout) .rp-aside {
        width:74px
    }

    .rp-shell:has(.mb-layout) .rp-content {
        margin-left: 74px
    }

    .rp-shell:has(.mb-layout) .rp-wrap,.rp-shell:has(.mb-layout) .rp-header {
        max-width: 950px
    }

    [dir=rtl] .rp-shell:has(.mb-layout) .rp-content {
        margin-left: 0;
        margin-right: 74px
    }

    .mb-layout {
        grid-template-columns: 380px minmax(0,1fr);
        gap: 22px
    }

    .mb-left {
        top: 12px
    }

    .mb-panel,.mb-mail,.mb-plans {
        padding: 18px
    }

    .mb-hero {
        padding: 22px
    }

    .mb-hero-rule {
        margin-inline:-22px}

    .mb-mail-row {
        padding: 14px
    }
}

@media(max-width: 840px) {
    .mb-layout {
        grid-template-columns:1fr
    }

    .mb-left {
        position: static
    }

    .mb-summary {
        display: none
    }

    .mb-heading {
        margin-bottom: 20px
    }
}

@media(max-width: 720px) {
    .rp-shell:has(.mb-layout) .rp-content,[dir=rtl] .rp-shell:has(.mb-layout) .rp-content {
        margin:0
    }

    .rp-header-brand {
        gap: 8px
    }

    .rp-header-back {
        width: 32px;
        height: 32px!important
    }

    .mb-heading h1 {
        font-size: 25px
    }

    .mb-heading h1:before {
        height: 26px
    }

    .mb-heading>button {
        padding: 9px 11px;
        font-size: 10px
    }

    .mb-layout {
        gap: 13px
    }

    .mb-hero {
        padding: 20px
    }

    .mb-hero-rule {
        margin-inline:-20px}

    .mb-panel,.mb-mail,.mb-plans {
        padding: 16px
    }

    .mb-payments {
        display: none
    }

    .mb-mail-row {
        grid-template-columns: minmax(0,1fr)
    }

    .mb-status {
        position: absolute;
        top: 13px;
        inset-inline-end: 13px
    }

    .mb-mail-main {
        padding-inline-end:110px}

    .mb-mail-meta {
        gap: 10px
    }

    .mb-plans>header {
        align-items: flex-start;
        flex-direction: column
    }

    .mb-plan {
        gap: 9px;
        padding: 13px
    }

    .mb-plan-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px
    }

    .mb-plan>span:nth-child(2)>small {
        max-width: 145px
    }

    .mb-plan-price b {
        font-size: 10px
    }
}

@media(max-width: 430px) {
    .mb-registration {
        align-items:flex-start;
        flex-direction: column
    }

    .mb-hero-top strong {
        font-size: 28px
    }

    .mb-hero-dates b {
        font-size: 11px
    }

    .mb-renewal {
        line-height: 1.6
    }

    .mb-mail-main {
        padding-inline-end:0}

    .mb-status {
        position: static;
        justify-self: start
    }

    .mb-mail-meta {
        flex-wrap: wrap
    }

    .mb-plan {
        flex-wrap: wrap
    }

    .mb-plan-price {
        margin-inline-start:47px}

    .mb-plan-check {
        margin-inline-start:auto}
}

/* Dashboard shipment details: desktop modal, mobile bottom sheet. */
body.ds-locked {
    overflow: hidden
}

.rp-modal.ds-modal {
    z-index: 950;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: transparent
}

.ds-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #0f172a66;
    backdrop-filter: blur(4px)
}

.ds-sheet {
    position: relative;
    width: min(512px,100%);
    max-height: 85vh;
    overflow-y: auto;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 24px 70px #0f172a42;
    color: #172033;
    animation: ds-fade .2s ease-out
}

.ds-sheet>header {
    position: sticky;
    z-index: 3;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--color-border);
    background: #fff
}

.ds-sheet>header p {
    margin: 0;
    color: #596579;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em
}

.ds-sheet>header button {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #64748b
}

.ds-sheet>header button:hover {
    background: #f1f5f9;
    color: #172033
}

.ds-handle {
    display: none
}

.ds-body {
    padding: 20px
}

.ds-hero {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px
}

.ds-hero>img {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    object-fit: contain
}

.ds-hero>div {
    min-width: 0;
    flex: 1
}

.ds-code {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.ds-code>b {
    font-family: "JetBrains Mono","SF Mono",monospace;
    font-size: 20px;
    letter-spacing: .08em
}

.ds-code span {
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em
}

.ds-code .vbx {
    background: #fff7e5;
    color: #aa7a18
}

.ds-code .pobox {
    background: #edf3ff;
    color: #115ee8
}

.ds-hero p {
    overflow: hidden;
    margin: 5px 0 0;
    color: #596579;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ds-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 5px 10px;
    border-radius: 99px;
    background: #f3efff;
    color: #6847b5;
    font-size: 10px;
    font-weight: 700
}

.ds-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7c55ce
}

.ds-status.delivered {
    background: #eaf8f3;
    color: #087f5b
}

.ds-status.delivered i {
    background: #10b981
}

.ds-status.pickup {
    background: #fff7e5;
    color: #94680e
}

.ds-status.pickup i {
    background: #d4a017
}

.ds-route {
    overflow: hidden;
    border: 1px solid #dfe4eb;
    border-radius: 8px
}

.ds-route-points {
    display: grid;
    grid-template-columns: minmax(0,1fr) 1fr minmax(0,1fr);
    align-items: center;
    padding: 16px
}

.ds-route-points>span {
    display: grid
}

.ds-route-points>span:last-child {
    text-align: end
}

.ds-route-points small,.ds-people small {
    color: #64748b;
    font-size: 9px;
    letter-spacing: .08em
}

.ds-route-points b {
    font-size: 13px
}

.ds-route-points em {
    color: #596579;
    font-size: 10px;
    font-style: normal
}

.ds-route-points>i {
    position: relative;
    height: 2px;
    margin: 0 14px;
    background: #dfe4eb
}

.ds-route-points>i:before {
    content: "";
    position: absolute;
    left: 0;
    width: 58%;
    height: 2px;
    background: #8791a3
}

.ds-route-points>i b {
    position: absolute;
    top: 50%;
    left: 58%;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #4b556b;
    box-shadow: 0 0 0 1px #dfe4eb;
    transform: translate(-50%,-50%)
}

.ds-route-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 16px;
    border-top: 1px solid #edf0f4;
    color: #5c6879;
    font-size: 10px
}

.ds-route-meta span {
    display: flex;
    align-items: center;
    gap: 5px
}

.ds-route-meta b {
    color: #172033;
    font-size: 10px
}

.ds-people {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 16px 0
}

.ds-people>div {
    display: grid;
    padding: 12px;
    border: 1px solid #dfe4eb;
    border-radius: 8px
}

.ds-people b {
    font-size: 13px
}

.ds-timeline h3 {
    margin: 0 0 12px;
    color: #4c586b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em
}

.ds-step {
    position: relative;
    display: flex;
    gap: 10px;
    min-height: 52px
}

.ds-step>i {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 2px solid #dce2e9;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    font-size: 8px;
    font-style: normal
}

.ds-step:not(:last-child):before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: -1px;
    inset-inline-start: 7px;
    width: 1px;
    background: #dce2e9
}

.ds-step.done>i {
    border-color: #465269;
    background: #465269
}

.ds-step.current>i {
    border: 4px solid #465269;
    background: #fff
}

.ds-step>div b {
    font-size: 13px
}

.ds-step>div p {
    margin: 2px 0 0;
    color: #657083;
    font-size: 10px
}

.ds-step.current>div b {
    color: #172033
}

@keyframes ds-fade {
    from {
        opacity: 0;
        transform: scale(.985)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes ds-up {
    from {
        opacity: 0;
        transform: translateY(28px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[dir=rtl] .ds-route-points>span:first-child {
    text-align: start
}

[dir=rtl] .ds-route-points>span:last-child {
    text-align: end
}

[dir=rtl] .ds-route-points>i:before {
    left: auto;
    right: 0
}

[dir=rtl] .ds-route-points>i b {
    left: auto;
    right: 58%;
    transform: translate(50%,-50%)
}

@media(max-width: 720px) {
    .rp-modal.ds-modal {
        align-items:flex-end;
        padding: 0
    }

    .ds-sheet {
        width: 100%;
        height: calc(100dvh - 98px);
        max-height: calc(100dvh - 98px);
        border-width: 1px 0 0;
        border-radius: 12px 12px 0 0;
        animation: ds-up .24s cubic-bezier(.22,.9,.25,1)
    }

    .ds-sheet>header {
        padding: 9px 20px 13px;
        border-radius: 12px 12px 0 0
    }

    .ds-sheet>header {
        flex-wrap: wrap
    }

    .ds-handle {
        display: block;
        order: -2;
        width: 40px;
        height: 4px;
        margin: 3px auto 12px;
        flex-basis: 40px;
        border-radius: 99px;
        background: #dce2e9
    }

    .ds-sheet>header:before {
        content: "";
        order: -3;
        flex-basis: calc(50% - 20px)
    }

    .ds-sheet>header:after {
        content: "";
        order: -1;
        flex-basis: calc(50% - 20px)
    }

    .ds-sheet>header p {
        order: 1
    }

    .ds-sheet>header button {
        order: 2
    }

    .ds-body {
        padding: 20px
    }

    .ds-code>b {
        font-size: 19px
    }

    .ds-status {
        padding: 5px 8px
    }

    .ds-route-points {
        padding: 15px
    }

    .ds-route-points>i {
        margin: 0 9px
    }

    .ds-route-meta {
        overflow: hidden
    }

    .ds-route-meta span:first-child {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .ds-route-meta span:first-child b {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ds-step {
        min-height: 52px
    }
}

@media(max-width: 390px) {
    .ds-body {
        padding:16px
    }

    .ds-hero>img {
        width: 48px;
        height: 48px;
        flex-basis: 48px
    }

    .ds-code>b {
        font-size: 17px
    }

    .ds-hero p {
        max-width: 185px
    }

    .ds-route-meta {
        padding-inline:12px}

    .ds-route-meta span {
        font-size: 9px
    }

    .ds-people {
        gap: 9px
    }

    .ds-people>div {
        padding: 10px
    }
}

@media(prefers-reduced-motion:reduce) {
    .ds-sheet {
        animation: none
    }
}

/* Shipment reference modal: matches the supplied wide tracking design. */
.rp-modal.ds-modal {
    padding: 28px
}

.ds-sheet {
    display: flex;
    flex-direction: column;
    width: min(1120px,calc(100vw - 80px));
    max-height: 88vh;
    border: 1px solid #d9e1ec;
    border-radius: 16px;
    background: #fdfefe
}

.ds-sheet>header {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto 38px;
    gap: 24px;
    align-items: center;
    min-height: 136px;
    padding: 28px 36px;
    border-bottom: 1px solid #e3e9f1;
    border-radius: 16px 16px 0 0;
    background: #fdfefe
}

.ds-title {
    display: grid;
    gap: 8px;
    min-width: 0
}

.ds-sheet>header .ds-title>p {
    margin: 0;
    color: #46556b;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em
}

.ds-title>div {
    display: flex;
    align-items: center;
    gap: 14px
}

.ds-title>div>b {
    overflow: hidden;
    color: #111b31;
    font-family: "JetBrains Mono","SF Mono",monospace;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: .1em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ds-title>div>button,.ds-sheet>header .ds-close {
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #748197
}

.ds-title>div>button {
    width: 31px;
    height: 31px;
    border-radius: 7px;
    font-size: 16px
}

.ds-title>div>button:hover,.ds-sheet>header .ds-close:hover {
    background: #f0f4f8;
    color: #183d8f
}

.ds-sheet>header .ds-close {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    font-size: 18px
}

.ds-sheet>header>.ds-status {
    justify-self: end;
    padding: 10px 18px;
    background: #f3ebff;
    color: #7a31ee;
    font-size: 14px;
    font-weight: 800
}

.ds-sheet>header>.ds-status i {
    width: 8px;
    height: 8px;
    background: #a76bff
}

.ds-sheet>header>.ds-status.delivered {
    background: #e8f8f1;
    color: #087f5b
}

.ds-sheet>header>.ds-status.delivered i {
    background: #10b981
}

.ds-sheet>header>.ds-status.pickup {
    background: #fff6df;
    color: #936409
}

.ds-sheet>header>.ds-status.pickup i {
    background: #d4a017
}

.ds-body {
    display: flex;
    flex-direction: column;
    padding: 36px
}

.ds-tags {
    display: flex;
    align-items: center;
    gap: 10px
}

.ds-service-tag,.ds-direction-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em
}

.ds-service-tag.vbx {
    background: #fff6e7;
    color: #bf8b2b
}

.ds-service-tag.pobox {
    background: #edf3ff;
    color: #1748ad
}

.ds-direction-tag {
    background: #eef2ff;
    color: #123f9e
}

.ds-stage {
    margin-top: 34px
}

.ds-stage h3 {
    margin: 0 0 18px;
    color: #46556b;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .16em
}

.ds-stage-scroll {
    overflow-x: auto;
    padding: 0 2px 8px
}

.ds-stage-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6,minmax(82px,1fr));
    min-width: 680px
}

.ds-stage-track:before,.ds-stage-track:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 15px;
    inset-inline-start: 0;
    height: 2px;
    border-radius: 2px
}

.ds-stage-track:before {
    inset-inline-end: 0;
    background: #dfe6ef
}

.ds-stage-track:after {
    width: var(--ds-progress);
    background: #8439ef
}

.ds-stage-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 9px;
    color: #7b8799
}

.ds-stage-step>i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 3px solid #dce4ee;
    border-radius: 50%;
    background: #fdfefe;
    color: #fff;
    font-size: 14px;
    font-style: normal
}

.ds-stage-step>strong {
    font-size: 12px;
    font-weight: 600
}

.ds-stage-step.done,.ds-stage-step.current {
    color: #172033
}

.ds-stage-step.done>i {
    border-color: #8341e9;
    background: #8341e9;
    box-shadow: 0 0 0 3px #8341e91c
}

.ds-stage-step.current>i {
    border: 7px solid #96bcff;
    background: #8847eb;
    box-shadow: 0 0 0 2px #8847eb
}

.ds-stage-step.current>i b {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c8b2ff
}

.ds-stage-step.done>strong,.ds-stage-step.current>strong {
    font-weight: 800
}

.ds-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 30px
}

.ds-field {
    display: grid;
    gap: 10px;
    min-height: 108px;
    padding: 20px;
    border: 1px solid #dfe6ef;
    border-radius: 13px;
    background: #fdfefe
}

.ds-field small {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4c5b70;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em
}

.ds-field small i {
    color: #7d8ca1;
    font-size: 15px
}

.ds-field>b {
    color: #111b31;
    font-size: 19px;
    font-weight: 800
}

.ds-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 1px solid var(--color-border)
}

.ds-footer button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 0 22px;
    border: 0;
    border-radius: 11px;
    background: #0b3daf;
    color: #f8fbff;
    font-size: 17px;
    font-weight: 800;
    box-shadow: 0 9px 20px #0b3daf20
}

.ds-footer button i:last-child {
    margin-inline-start:5px}

.ds-footer button:hover {
    background: #082f8d
}

.ds-handle {
    display: none
}

[dir=rtl] .ds-title>div {
    direction: ltr;
    justify-content: flex-end
}

[dir=rtl] .ds-stage-track:after {
    inset-inline-start: auto;
    inset-inline-end: 0
}

@media(max-width: 720px) {
    .rp-modal.ds-modal {
        padding:0
    }

    .ds-sheet {
        width: 100%;
        height: calc(100dvh - 70px);
        max-height: calc(100dvh - 70px);
        border-width: 1px 0 0;
        border-radius: 16px 16px 0 0
    }

    .ds-sheet>header {
        grid-template-columns: minmax(0,1fr) auto 34px;
        gap: 10px;
        min-height: 112px;
        padding: 12px 18px 18px;
        border-radius: 16px 16px 0 0
    }

    .ds-sheet>header:before,.ds-sheet>header:after {
        content: none
    }

    .ds-handle {
        display: block;
        grid-column: 1/-1;
        justify-self: center;
        width: 40px;
        height: 4px;
        margin-bottom: 3px;
        border-radius: 99px;
        background: #dce3eb;
        order: initial
    }

    .ds-sheet>header .ds-title>p {
        font-size: 9px;
        order: initial
    }

    .ds-title {
        gap: 5px
    }

    .ds-title>div {
        gap: 7px;
        order: initial
    }

    .ds-title>div>b {
        font-size: 17px;
        letter-spacing: .07em
    }

    .ds-title>div>button {
        width: 26px;
        height: 26px;
        font-size: 13px;
        order: initial
    }

    .ds-sheet>header>.ds-status {
        padding: 7px 10px;
        font-size: 10px;
        order: initial
    }

    .ds-sheet>header .ds-close {
        width: 32px;
        height: 32px;
        font-size: 15px;
        order: initial
    }

    .ds-body {
        padding: 20px 16px 24px
    }

    .ds-tags {
        gap: 7px
    }

    .ds-service-tag,.ds-direction-tag {
        padding: 5px 9px;
        font-size: 10px
    }

    .ds-stage {
        margin-top: 25px
    }

    .ds-stage h3 {
        margin-bottom: 14px;
        font-size: 11px
    }

    .ds-stage-scroll {
        margin-inline:-16px;padding-inline:16px}

    .ds-stage-track {
        min-width: 570px
    }

    .ds-stage-step>i {
        width: 28px;
        height: 28px
    }

    .ds-stage-track:before,.ds-stage-track:after {
        top: 13px
    }

    .ds-stage-step>strong {
        font-size: 10px
    }

    .ds-fields {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 20px
    }

    .ds-field {
        min-height: 86px;
        padding: 15px
    }

    .ds-field small {
        font-size: 10px
    }

    .ds-field>b {
        font-size: 16px
    }

    .ds-footer {
        position: sticky;
        bottom: -24px;
        margin-top: 22px;
        padding: 14px 0 max(12px,env(safe-area-inset-bottom));
        background: #fdfefe
    }

    .ds-footer button {
        width: 100%;
        justify-content: center;
        min-height: 50px;
        font-size: 15px
    }
}

@media(max-width: 390px) {
    .ds-sheet>header {
        grid-template-columns:minmax(0,1fr) auto 30px;
        padding-inline:14px}

    .ds-title>div>b {
        font-size: 15px
    }

    .ds-sheet>header>.ds-status {
        padding-inline:8px}

    .ds-body {
        padding-inline:14px}

    .ds-stage-scroll {
        margin-inline:-14px;padding-inline:14px}
}

/* Compact desktop proportions from the supplied dashboard reference. */
@media(min-width: 721px) {
    .rp-modal.ds-modal {
        padding:22px
    }

    .ds-sheet {
        width: min(720px,calc(100vw - 64px));
        max-height: 82vh;
        border-radius: 13px
    }

    .ds-sheet>header {
        grid-template-columns: minmax(0,1fr) auto 30px;
        gap: 16px;
        min-height: 80px;
        padding: 16px 22px;
        border-radius: 13px 13px 0 0
    }

    .ds-title {
        gap: 3px
    }

    .ds-sheet>header .ds-title>p {
        font-size: 9px
    }

    .ds-title>div {
        gap: 9px
    }

    .ds-title>div>b {
        font-size: 18px;
        letter-spacing: .07em
    }

    .ds-title>div>button {
        width: 25px;
        height: 25px;
        font-size: 12px
    }

    .ds-sheet>header>.ds-status {
        padding: 6px 11px;
        font-size: 10px
    }

    .ds-sheet>header>.ds-status i {
        width: 6px;
        height: 6px
    }

    .ds-sheet>header .ds-close {
        width: 30px;
        height: 30px;
        font-size: 13px
    }

    .ds-body {
        padding: 22px
    }

    .ds-tags {
        gap: 7px
    }

    .ds-service-tag,.ds-direction-tag {
        gap: 5px;
        padding: 5px 8px;
        font-size: 9px
    }

    .ds-stage {
        margin-top: 20px
    }

    .ds-stage h3 {
        margin-bottom: 12px;
        font-size: 9px
    }

    .ds-stage-track {
        min-width: 0;
        grid-template-columns: repeat(6,minmax(70px,1fr))
    }

    .ds-stage-track:before,.ds-stage-track:after {
        top: 10px
    }

    .ds-stage-step {
        gap: 6px
    }

    .ds-stage-step>i {
        width: 22px;
        height: 22px;
        border-width: 2px;
        font-size: 10px
    }

    .ds-stage-step.current>i {
        border-width: 5px
    }

    .ds-stage-step.current>i b {
        width: 5px;
        height: 5px
    }

    .ds-stage-step>strong {
        font-size: 9px
    }

    .ds-fields {
        gap: 10px;
        margin-top: 18px
    }

    .ds-field {
        gap: 6px;
        min-height: 65px;
        padding: 11px 13px;
        border-radius: 9px
    }

    .ds-field small {
        gap: 7px;
        font-size: 8px
    }

    .ds-field small i {
        font-size: 11px
    }

    .ds-field>b {
        font-size: 13px
    }

    .ds-footer {
        margin-top: 15px;
        padding-top: 12px
    }

    .ds-footer button {
        min-height: 38px;
        padding: 0 14px;
        border-radius: 8px;
        font-size: 11px
    }

    .ds-footer button i:last-child {
        margin-inline-start:2px}
}

/* Dashboard notification menu and detailed notifications page. */
.notification-menu {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

.rp-h-actions .notification-bell {
    position: relative;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #59677b;
    font-size: 17px;
    transition: background-color .18s,color .18s,transform .18s
}

.rp-h-actions .notification-bell:hover,.rp-h-actions .notification-bell[aria-expanded=true] {
    background: #eef3fb;
    color: #17243a
}

.rp-h-actions .notification-bell:active {
    transform: scale(.96)
}

.rp-h-actions .notification-bell b {
    position: absolute;
    top: 2px;
    inset-inline-end: 1px;
    display: grid;
    place-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border: 2px solid var(--color-canvas);
    border-radius: 99px;
    background: #e5573f;
    color: #fff;
    font-size: 9px;
    line-height: 1
}

.notification-dropdown {
    position: absolute;
    z-index: 90;
    top: 45px;
    inset-inline-end: 0;
    width: min(390px,calc(100vw - 28px));
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: #fdfefe;
    box-shadow: 0 20px 52px -18px rgba(15,23,42,.28),0 6px 18px rgba(15,23,42,.08);
    animation: notification-in .18s cubic-bezier(.16,1,.3,1)
}

.notification-dropdown[hidden] {
    display: none
}

.notification-dropdown>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 15px 17px;
    border-bottom: 1px solid #e9eef5;
    background: var(--color-canvas)
}

.notification-dropdown>header>div {
    display: flex;
    align-items: center;
    gap: 8px
}

.notification-dropdown h2 {
    margin: 0;
    color: #17243a;
    font-size: 15px;
    font-weight: 800
}

.notification-dropdown>header span {
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 99px;
    background: #e5573f;
    color: #fff;
    font-size: 10px;
    font-weight: 800
}

.notification-dropdown>header button {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #738096
}

.notification-dropdown>header button:hover {
    background: #e9eef5;
    color: #17243a
}

.notification-dropdown-list {
    max-height: 405px;
    margin: 0;
    padding: 0;
    overflow: auto
}

.rp-h-actions .notification-dropdown-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 14px 17px;
    border: 0;
    border-bottom: 1px solid #edf1f6;
    background: #fdfefe;
    color: #17243a;
    text-align: start;
    transition: background-color .16s
}

.notification-dropdown-item:hover {
    background: #f7f9fc
}

.notification-dropdown-item.unread {
    background: #f5f8ff
}

.notification-dropdown-item.unread:hover {
    background: #edf3ff
}

.notification-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #edf3ff;
    color: #115ee8;
    font-size: 17px
}

.notification-icon.transit {
    background: #fff6e7;
    color: #9a6508
}

.notification-icon.delivered {
    background: #e9f8f2;
    color: #087f5b
}

.notification-icon.neutral {
    background: #f1f4f7;
    color: #5f6d80
}

.notification-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
    flex: 1;
    color: #5f6d80;
    font-size: 11px;
    line-height: 1.5
}

.notification-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    color: #17243a
}

.notification-title-row strong {
    font-size: 12px;
    font-weight: 800
}

.notification-title-row>i {
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 5px;
    border-radius: 50%;
    background: #115ee8
}

.notification-copy>span:not(.notification-title-row) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.notification-copy time {
    color: #94a3b8;
    font-size: 10px
}

.notification-dropdown>footer {
    margin: 0;
    padding: 11px 16px;
    border-top: 1px solid #e9eef5;
    background: var(--color-canvas);
    text-align: center
}

.notification-dropdown>footer a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #115ee8;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800
}

.notification-page {
    max-width: 860px;
    margin: 0 auto;
    padding: 20px 0 40px
}

.notification-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px
}

.notification-page-heading>div>span {
    color: #115ee8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em
}

.notification-page-heading h1 {
    margin: 5px 0 0;
    color: #111b31;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.035em
}

.notification-page-heading p {
    margin: 7px 0 0;
    color: #65748a;
    font-size: 12px
}

.notification-mark-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 39px;
    padding: 0 13px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    background: #fdfefe;
    color: #27364d;
    font-size: 11px;
    font-weight: 800;
    transition: border-color .16s,background-color .16s
}

.notification-mark-all:hover {
    border-color: #b7c9ee;
    background: #f5f8ff
}

.notification-filters {
    display: flex;
    gap: 8px;
    margin-bottom: 23px
}

.notification-filters button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #dce4ef;
    border-radius: 99px;
    background: #fdfefe;
    color: #5f6d80;
    font-size: 11px;
    font-weight: 800;
    transition: background-color .16s,color .16s,border-color .16s
}

.notification-filters button span {
    display: grid;
    place-items: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 99px;
    background: #f1f4f8;
    font-size: 9px
}

.notification-filters button.active {
    border-color: #17243a;
    background: #17243a;
    color: var(--color-canvas)
}

.notification-filters button.active span {
    background: #ffffff1f;
    color: #fff
}

.notification-groups {
    display: grid;
    gap: 25px
}

.notification-group>header {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 9px
}

.notification-group>header h2 {
    margin: 0;
    color: #637188;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}

.notification-group>header span {
    height: 1px;
    flex: 1;
    background: #dfe6ef
}

.notification-group>header b {
    color: #8794a6;
    font-size: 10px;
    font-weight: 700
}

.notification-group>div {
    display: grid;
    gap: 9px
}

.notification-page-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: 100%;
    padding: 16px;
    border: 1px solid #dfe6ef;
    border-radius: 12px;
    background: #fdfefe;
    color: #17243a;
    text-align: start;
    box-shadow: 0 1px 3px rgba(15,23,42,.035);
    transition: border-color .18s,box-shadow .18s,transform .18s
}

.notification-page-item:hover {
    border-color: #bdcbe0;
    box-shadow: 0 8px 20px rgba(15,23,42,.07);
    transform: translateY(-1px)
}

.notification-page-item.unread {
    border-color: #cbdaf2;
    background: #f8faff;
    box-shadow: 0 4px 14px rgba(17,94,232,.07)
}

.notification-page-item .notification-icon {
    flex-basis: 42px;
    width: 42px;
    height: 42px
}

.notification-page-item .notification-title-row strong {
    font-size: 13px
}

.notification-page-item .notification-copy {
    gap: 4px;
    font-size: 12px
}

.notification-page-item .notification-copy time {
    margin-top: 3px;
    font-size: 10px
}

.notification-empty {
    display: grid;
    justify-items: center;
    padding: 52px 22px;
    border: 1px solid #dfe6ef;
    border-radius: 14px;
    background: #fdfefe;
    text-align: center
}

.notification-empty>span {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 13px;
    background: #edf3ff;
    color: #115ee8;
    font-size: 21px
}

.notification-empty h2 {
    margin: 14px 0 0;
    font-size: 16px
}

.notification-empty p {
    margin: 6px 0 0;
    color: #69778b;
    font-size: 12px
}

.notification-empty button {
    margin-top: 17px;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: #edf3ff;
    color: #115ee8;
    font-size: 11px;
    font-weight: 800
}

@keyframes notification-in {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(.985)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

[dir=rtl] .notification-page-heading>div>span,[dir=rtl] .notification-group>header h2 {
    letter-spacing: 0
}

.rp-shell:has(.notification-page) .rp-mobile-nav a.active {
    color: #6c7687
}

@media(max-width: 720px) {
    .notification-dropdown {
        display:none
    }

    .notification-page {
        padding: 8px 0 22px
    }

    .notification-page-heading {
        align-items: flex-start;
        margin-bottom: 18px
    }

    .notification-page-heading h1 {
        font-size: 25px
    }

    .notification-page-heading p {
        max-width: 260px;
        font-size: 11px
    }

    .notification-mark-all {
        width: 38px;
        min-height: 38px;
        padding: 0;
        justify-content: center
    }

    .notification-mark-all span {
        display: none
    }

    .notification-filters {
        margin-bottom: 18px
    }

    .notification-page-item {
        gap: 11px;
        padding: 14px 12px
    }

    .notification-page-item .notification-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px
    }

    .notification-page-item .notification-title-row strong {
        font-size: 12px
    }

    .notification-page-item .notification-copy {
        font-size: 11px
    }

    .notification-group>div {
        gap: 8px
    }

    .notification-groups {
        gap: 21px
    }

    .rp-shell:has(.notification-page) .rp-content {
        padding-bottom: 91px
    }
}

@media(prefers-reduced-motion:reduce) {
    .notification-dropdown {
        animation: none
    }

    .notification-page-item,.notification-bell {
        transition: none!important
    }
}

/* Mobile dashboard hardening: keep the 320px layout contained and readable. */
@media(max-width: 720px) {
    .rp-shell {
        overflow-x:clip
    }

    .rp-header {
        gap: 8px;
        min-width: 0
    }

    .rp-header-brand {
        min-width: 0;
        flex: 1 1 auto
    }

    .rp-logo {
        width: 112px;
        max-width: 100%
    }

    .rp-h-actions {
        flex: 0 0 auto;
        gap: 4px
    }

    .rp-h-actions>button,.rp-h-actions .notification-bell,.rp-h-actions .rp-user {
        display: grid;
        place-items: center;
        min-width: 42px;
        height: 42px
    }

    .rp-h-actions .rp-user {
        display: flex;
        justify-content: center
    }

    .dc-greeting>div {
        min-width: 0
    }

    .dc-greeting h1 {
        overflow-wrap: anywhere
    }

    .dc-plan {
        flex: 0 1 auto;
        justify-content: center;
        min-width: 0;
        min-height: 42px
    }

    .dc-plan b {
        min-width: 0
    }

    .dc-hero-grid {
        scroll-padding-inline: 14px;
        overscroll-behavior-inline: contain
    }

    .dc-ticket {
        flex-basis: min(88%,360px)
    }

    .dc-ticket-copy {
        padding-inline-end:0}

    .dc-ticket-id {
        max-width: 100%;
        gap: 2px
    }

    .dc-ticket-digit {
        font-size: 27px;
        line-height: 36px;
        letter-spacing: .04em
    }

    .dc-ticket-digit.is-dash {
        font-size: 17px
    }

    .dc-ticket-footer {
        min-width: 0
    }

    .dc-ticket-footer>span {
        min-width: 0
    }

    .dc-ticket-action {
        width: 38px;
        height: 38px;
        flex-basis: 38px
    }

    .dc-ticket-manage {
        min-height: 38px;
        padding-inline:11px}

    .dc-status-tabs,.dc-direction-tabs {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none
    }

    .dc-status-tabs::-webkit-scrollbar,.dc-direction-tabs::-webkit-scrollbar {
        display: none
    }

    .dc-direction {
        min-width: max-content
    }

    .dc-grid {
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    .dc-grid>div,.dc-grid>aside {
        min-width: 0;
        width: 100%
    }

    .dc-grid>aside {
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    .dc-side-section {
        width: 100%;
        margin: 0
    }

    .dc-title-row {
        margin-bottom: 12px
    }

    .dc-title-row h2 {
        font-size: 16px
    }

    .dc-title-icon {
        width: 21px;
        height: 21px
    }

    #dashboardShipments {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .dc-shipment-top {
        display: grid;
        grid-template-columns: 38px minmax(0,1fr) auto
    }

    .dc-shipment {
        width: 100%;
        margin: 0;
        padding: 12px
    }

    .dc-shipment-img {
        grid-row: 1
    }

    .dc-ship-copy {
        grid-row: 1;
        overflow-wrap: anywhere
    }

    .dc-service {
        grid-row: 1;
        white-space: nowrap
    }

    .dc-ship-meta {
        line-height: 1.5
    }

    .dc-view-all {
        min-height: 44px;
        margin-top: 12px
    }

    .dc-appointments,.dc-announcements {
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 10px
    }

    .dc-appointment {
        min-height: 73px;
        padding: 14px 16px;
        gap: 14px
    }

    .dc-appointment-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px
    }

    .dc-appointment-main b {
        font-size: 13px
    }

    .dc-appointment-main span {
        font-size: 10px;
        line-height: 1.55
    }

    .dc-announcement {
        min-height: 64px;
        padding: 12px 16px;
        gap: 14px
    }

    .dc-announcement:last-of-type {
        border-bottom: 0
    }

    .dc-announcement-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px
    }

    .dc-announcement b {
        min-width: 0;
        font-size: 11px;
        line-height: 1.55
    }

    .dc-announcement small {
        flex: 0 0 auto
    }

    .dc-assistant {
        display: none
    }

    .dc-announcement b,.dc-appointment-main span {
        overflow-wrap: anywhere
    }
}

@media(max-width: 360px) {
    .rp-content {
        padding-inline:12px
    }

    .rp-logo {
        width: 104px
    }

    .rp-h-actions {
        gap: 2px
    }

    .rp-h-actions>button,.rp-h-actions .notification-bell,.rp-h-actions .rp-user {
        min-width: 40px;
        width: 40px;
        height: 40px
    }

    .dc-hero-grid {
        margin-inline:-12px;padding-inline:12px;scroll-padding-inline: 12px
    }

    .dc-ticket {
        flex-basis: 90%
    }

    .dc-ticket-spine {
        flex-basis: 46px
    }

    .dc-ticket-perforation {
        flex-basis: 8px
    }

    .dc-ticket-content {
        padding-inline:10px}

    .dc-ticket-digit {
        font-size: 24px;
        letter-spacing: .02em
    }

    .dc-ticket-action {
        width: 36px;
        height: 36px;
        flex-basis: 36px
    }

    .dc-ticket-manage {
        min-height: 36px;
        padding-inline:9px;font-size: 9px
    }

    .dc-shipment {
        padding-inline:8px}

    .dc-shipment-top {
        grid-template-columns: 34px minmax(0,1fr) auto;
        gap: 8px
    }

    .dc-shipment-img {
        width: 34px;
        height: 34px
    }

    .dc-service {
        padding-inline:6px}

    .dc-timeline {
        margin-inline:0}

    .dc-appointment,.dc-announcement {
        padding-inline:12px;gap: 10px
    }

    .dc-announcement .arrow {
        display: none
    }
}

/* Dashboard plan chooser modal. */
body.plan-locked {
    overflow: hidden
}

.rp-modal.plan-modal {
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: transparent
}

.plan-scrim {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(15,23,42,.42);
    backdrop-filter: blur(5px)
}

.plan-sheet {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(620px,calc(100vw - 48px));
    max-height: min(88vh,860px);
    overflow: hidden;
    border: 1px solid #dce3ed;
    border-radius: 13px;
    background: #fdfefe;
    color: #172033;
    box-shadow: 0 26px 80px rgba(15,23,42,.28);
    animation: plan-in .2s cubic-bezier(.16,1,.3,1)
}

.plan-modal.plan-refreshing .plan-sheet {
    animation: none
}

.plan-handle {
    display: none
}

.plan-sheet>header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 23px 9px
}

.plan-sheet>header h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.035em
}

.plan-sheet>header p {
    margin: 4px 0 0;
    color: #687588;
    font-size: 12px
}

.plan-sheet>header>button {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #687588
}

.plan-sheet>header>button:hover {
    background: #f1f4f8;
    color: #172033
}

.plan-scroll {
    min-height: 0;
    overflow-y: auto;
    overflow-anchor: none
}

.plan-current {
    margin: 11px 22px 0;
    padding: 18px;
    border: 1px solid #cbdaf2;
    border-radius: 11px;
    background: #f7f9ff
}

.plan-current-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px
}

.plan-current-top>div:first-child {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0 10px;
    align-items: center
}

.plan-crown {
    grid-row: 1/3;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #0b43b5;
    color: #f8fbff;
    font-size: 15px
}

.plan-current-top p {
    margin: 0;
    color: #6c788b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.plan-current-top h3 {
    margin: 2px 0 0;
    font-size: 14px;
    font-weight: 800
}

.plan-renewal {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #657286
}

.plan-renewal>i {
    margin-top: 2px;
    font-size: 11px
}

.plan-renewal span {
    display: grid;
    color: #6e7a8c;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .09em;
    text-align: end;
    text-transform: uppercase
}

.plan-renewal b {
    margin-top: 2px;
    color: #1d2839;
    font-size: 10px;
    letter-spacing: 0;
    text-transform: none
}

.plan-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 13px 0
}

.plan-price strong {
    font-size: 25px;
    line-height: 1;
    font-weight: 800
}

.plan-price span {
    color: #657286;
    font-size: 11px
}

.plan-current>h4,.plan-other>h4 {
    margin: 0;
    color: #647185;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase
}

.plan-included {
    display: grid;
    gap: 10px;
    margin-top: 8px
}

.plan-included>div>b {
    display: block;
    margin-bottom: 4px;
    font-size: 11px
}

.plan-included ul,.plan-option-copy ul {
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none
}

.plan-included li,.plan-option-copy li {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #5f6c80;
    font-size: 10px;
    line-height: 1.4
}

.plan-included li i {
    color: #25a966;
    font-size: 11px
}

.plan-current-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 15px
}

.plan-current-actions button,.plan-cancel-confirm button {
    min-height: 37px;
    border: 0;
    border-radius: 8px;
    background: #e7eefb;
    color: #1152bd;
    font-size: 11px;
    font-weight: 800
}

.plan-current-actions button:last-child {
    border: 1px solid #e1e6ed;
    background: #fdfefe;
    color: #c3383c
}

.plan-cancel-confirm {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #f0c7ca;
    border-radius: 9px;
    background: #fff7f7
}

.plan-cancel-confirm>p {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0 0 10px;
    color: #5e2c31;
    font-size: 11px
}

.plan-cancel-confirm>p i {
    color: #c43c43
}

.plan-cancel-confirm>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px
}

.plan-cancel-confirm button {
    border: 1px solid #dfe4eb;
    background: #fdfefe;
    color: #3d495c
}

.plan-cancel-confirm button.danger {
    border-color: #c43c43;
    background: #c43c43;
    color: #fdfefe
}

.plan-other {
    margin-top: 17px;
    padding: 17px 22px 20px;
    border-top: 1px solid #e5eaf1
}

.plan-other>p {
    margin: 4px 0 12px;
    color: #738095;
    font-size: 10px
}

.plan-option {
    overflow: hidden;
    margin-top: 10px;
    border: 1px solid #e2e7ee;
    border-radius: 11px;
    background: #fdfefe;
    box-shadow: 0 4px 14px rgba(15,23,42,.045)
}

.plan-option.selected {
    border-color: #cbd9f0;
    box-shadow: 0 0 0 2px rgba(17,94,232,.07),0 5px 17px rgba(15,23,42,.055)
}

.plan-option-main {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 15px;
    border: 0;
    background: transparent;
    color: #172033;
    text-align: start
}

.plan-option-icon {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    color: #fdfefe;
    font-size: 19px
}

.plan-option-icon.gold {
    background: linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-gold-soft));
    box-shadow: 0 7px 17px rgba(203,160,82,.24)
}

.plan-option-icon.blue {
    background: linear-gradient(145deg,var(--color-primary-deep),#164ebd);
    box-shadow: 0 7px 17px rgba(17,78,189,.22)
}

.plan-option-copy {
    min-width: 0;
    flex: 1
}

.plan-option-copy h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 800
}

.plan-option-copy ul {
    margin-top: 6px
}

.plan-option-copy li {
    gap: 5px;
    font-size: 9px
}

.plan-option-copy li i {
    font-size: 0
}

.plan-option-copy li i:after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-top: 5px;
    border-radius: 50%;
    background: #d4a017
}

.plan-option:nth-of-type(2) .plan-option-copy li i:after {
    background: #115ee8
}

.plan-option-price {
    display: grid;
    flex: 0 0 auto;
    text-align: end
}

.plan-option-price b {
    font-size: 11px
}

.plan-option-price small {
    margin-top: 2px;
    color: #738095;
    font-size: 9px
}

.plan-check {
    display: grid;
    place-items: center;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    border: 2px solid #9aa6b6;
    border-radius: 50%;
    background: #fdfefe;
    color: #fdfefe;
    font-size: 10px
}

.plan-option.selected .plan-check {
    border-color: #115ee8;
    background: #115ee8
}

.plan-duration {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 15px 13px
}

.plan-duration>span {
    color: #6d798c;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}

.plan-duration>div {
    display: flex;
    padding: 3px;
    border: 1px solid #e1e6ed;
    border-radius: 8px;
    background: var(--color-canvas)
}

.plan-duration button {
    min-height: 26px;
    padding: 0 11px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #687588;
    font-size: 9px;
    font-weight: 800
}

.plan-duration button.active {
    background: #0e45ae;
    color: #f8fbff;
    box-shadow: 0 3px 8px rgba(14,69,174,.22)
}

.plan-sheet>footer {
    padding: 14px 22px 18px;
    border-top: 1px solid var(--color-border);
    background: #f8faff
}

.plan-sheet>footer button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 9px;
    background: #0d45b3;
    color: #f8fbff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(13,69,179,.24)
}

.plan-sheet>footer button:disabled {
    cursor: not-allowed;
    opacity: .45
}

.plan-sheet>footer button span {
    opacity: .82
}

@keyframes plan-in {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.985)
    }

    to {
        opacity: 1;
        transform: none
    }
}

[dir=rtl] .plan-sheet,[dir=rtl] .plan-option-main {
    text-align: right
}

[dir=rtl] .plan-renewal span,[dir=rtl] .plan-option-price {
    text-align: left
}

@media(max-width: 720px) {
    .rp-modal.plan-modal {
        align-items:flex-end;
        padding: 0
    }

    .plan-sheet {
        width: 100%;
        max-height: 92dvh;
        border-width: 1px 0 0;
        border-radius: 16px 16px 0 0;
        animation: plan-up .24s cubic-bezier(.16,1,.3,1)
    }

    .plan-handle {
        display: block;
        flex: 0 0 4px;
        width: 42px;
        height: 4px;
        margin: 10px auto 0;
        border-radius: 99px;
        background: #d8dfe8
    }

    .plan-sheet>header {
        padding: 13px 18px 7px
    }

    .plan-sheet>header h2 {
        font-size: 19px
    }

    .plan-current {
        margin-inline:16px;padding: 15px
    }

    .plan-other {
        padding-inline:16px}

    .plan-option-main {
        padding: 13px
    }

    .plan-option-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px
    }

    .plan-option-copy ul {
        display: none
    }

    .plan-current-top {
        gap: 10px
    }

    .plan-current-actions {
        grid-template-columns: 1fr
    }

    .plan-sheet>footer {
        padding: 12px 16px max(14px,env(safe-area-inset-bottom))
    }

    .plan-sheet>footer button {
        min-height: 46px
    }

    .plan-duration {
        padding-inline:13px}

    .plan-duration button {
        padding-inline:9px}

    @keyframes plan-up {
        from {
            opacity: 0;
            transform: translateY(30px)
        }

        to {
            opacity: 1;
            transform: none
        }
    }
}

@media(max-width: 390px) {
    .plan-current-top {
        display:grid
    }

    .plan-renewal {
        margin-top: 8px
    }

    .plan-renewal span {
        text-align: start
    }

    [dir=rtl] .plan-renewal span {
        text-align: right
    }

    .plan-option-price b {
        font-size: 10px
    }

    .plan-option-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px
    }

    .plan-option-main {
        gap: 9px;
        padding-inline:11px}

    .plan-duration {
        align-items: flex-start;
        flex-direction: column
    }

    .plan-duration>div {
        align-self: stretch
    }

    .plan-duration button {
        flex: 1
    }

    .plan-included li {
        font-size: 9px
    }
}

@media(prefers-reduced-motion:reduce) {
    .plan-sheet {
        animation: none
    }

    .plan-duration button,.plan-sheet button {
        transition: none
    }
}

/* Asset-backed plan icons remain visible without the Bootstrap icon font. */
.plan-sheet>header>button span {
    display: block;
    font: 300 25px/1 Arial,sans-serif
}

.plan-crown .dc-ticket-spine-icon {
    width: 23px;
    height: 23px
}

.plan-renewal>img {
    width: 15px;
    height: 15px;
    margin-top: 1px;
    object-fit: contain
}

.plan-option-icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.plan-feature-check {
    display: inline-grid;
    place-items: center;
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    color: #25a966;
    font: 800 11px/1 Arial,sans-serif
}

.plan-check {
    font: 800 11px/1 Arial,sans-serif
}

.plan-sheet>footer button>b {
    font: 700 16px/1 Arial,sans-serif
}

.plan-cancel-confirm>p>span {
    display: grid;
    place-items: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #c43c43;
    color: #fff;
    font: 800 11px/1 Arial,sans-serif
}

/* Dashboard 2 plan chooser parity. The sheet itself owns the scroll. */
.rp-modal.plan-modal {
    align-items: flex-end;
    padding: 0
}

.plan-sheet {
    display: block;
    width: 100%;
    max-height: 88dvh;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
    border-radius: 24px 24px 0 0;
    background: #fff;
    box-shadow: 0 24px 64px rgba(15,23,42,.24)
}

.plan-handle {
    display: none
}

.plan-sheet>header {
    align-items: flex-start;
    padding: 20px 24px 4px
}

.plan-sheet>header h2 {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -.035em
}

.plan-sheet>header p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.45
}

.plan-sheet>header>button {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: 10px
}

.plan-sheet>header>button img {
    display: block;
    width: 20px;
    height: 20px
}

.plan-scroll {
    min-height: auto;
    overflow: visible
}

.plan-current {
    margin: 16px 24px 0;
    padding: 20px;
    border-color: rgba(17,94,232,.2);
    border-radius: 16px;
    background: rgba(17,94,232,.04)
}

.plan-current-top {
    gap: 20px
}

.plan-current-top>div:first-child {
    gap: 0 12px
}

.plan-crown {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #115ee8
}

.plan-crown img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1)
}

.plan-current-top p {
    font-size: 10px;
    letter-spacing: .12em
}

.plan-current-top h3 {
    margin-top: 3px;
    font-size: 15px
}

.plan-renewal {
    gap: 8px
}

.plan-renewal>img {
    width: 16px;
    height: 16px;
    margin-top: 1px
}

.plan-renewal span {
    font-size: 9px;
    letter-spacing: .1em
}

.plan-renewal b {
    margin-top: 3px;
    font-size: 11px
}

.plan-price {
    margin: 16px 0
}

.plan-price strong {
    font-size: 28px
}

.plan-price span {
    font-size: 12px
}

.plan-current>h4,.plan-other>h4 {
    font-size: 10px;
    letter-spacing: .13em
}

.plan-included {
    gap: 12px;
    margin-top: 10px
}

.plan-included>div>b {
    margin-bottom: 6px;
    font-size: 12px
}

.plan-included ul {
    gap: 5px
}

.plan-included li {
    gap: 8px;
    font-size: 11px;
    line-height: 1.45
}

.plan-feature-check {
    display: block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    object-fit: contain
}

.plan-current-actions {
    gap: 10px;
    margin-top: 18px
}

.plan-current-actions button,.plan-cancel-confirm button {
    min-height: 40px;
    border-radius: 12px;
    font-size: 12px
}

.plan-other {
    margin-top: 20px;
    padding: 20px 24px 24px
}

.plan-other>p {
    margin: 5px 0 14px;
    font-size: 11px
}

.plan-option {
    margin-top: 12px;
    border-radius: 24px;
    box-shadow: 0 8px 24px rgba(15,23,42,.055)
}

.plan-option.selected {
    border-color: rgba(17,94,232,.55);
    box-shadow: 0 0 0 2px rgba(17,94,232,.12),0 10px 28px rgba(15,23,42,.06)
}

.plan-option-main {
    gap: 14px;
    padding: 20px
}

.plan-option-icon {
    flex-basis: 56px;
    width: 56px;
    height: 56px;
    border-radius: 16px
}

.plan-option-icon.gold {
    background: linear-gradient(135deg,#bf8c35,#e1bd78);
    box-shadow: 0 9px 22px rgba(191,140,53,.28)
}

.plan-option-icon.blue {
    background: linear-gradient(145deg,#04276f,#115ee8);
    box-shadow: 0 9px 22px rgba(17,78,189,.26)
}

.plan-option-icon img {
    width: 24px;
    height: 24px
}

.plan-option-copy h3 {
    font-size: 14px
}

.plan-option-copy ul {
    gap: 4px;
    margin-top: 7px
}

.plan-option-copy li {
    gap: 7px;
    font-size: 10px;
    line-height: 1.4
}

.plan-feature-dot {
    flex: 0 0 4px;
    width: 4px;
    height: 4px;
    margin-top: 5px;
    border-radius: 50%;
    background: #c79232
}

.plan-feature-dot.blue {
    background: #115ee8
}

.plan-feature-dot:after {
    content: none!important
}

.plan-option-price b {
    font-size: 12px
}

.plan-option-price small {
    margin-top: 3px;
    font-size: 10px
}

.plan-check {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
    border-width: 2px
}

.plan-check img {
    width: 12px;
    height: 12px
}

.plan-duration {
    padding: 0 20px 20px
}

.plan-duration>span {
    font-size: 9px
}

.plan-duration>div {
    padding: 3px;
    border-radius: 10px
}

.plan-duration button {
    min-height: 28px;
    padding: 0 13px;
    border-radius: 8px;
    font-size: 10px
}

.plan-sheet>footer {
    padding: 24px;
    background: #f8faff
}

.plan-sheet>footer button {
    min-height: 56px;
    border-radius: 12px;
    font-size: 13px
}

.plan-sheet>footer button>img {
    width: 16px;
    height: 16px
}

.plan-sheet>footer button:disabled {
    box-shadow: none;
    opacity: .52
}

@media(min-width: 1024px) {
    .rp-modal.plan-modal {
        align-items:center;
        padding: 24px
    }

    .plan-sheet {
        width: min(672px,calc(100vw - 48px));
        max-height: 80vh;
        border-radius: 16px
    }
}

@media(max-width: 720px) {
    .plan-sheet {
        max-height: 88dvh;
        border: 0;
        border-radius: 24px 24px 0 0
    }

    .plan-sheet>header {
        padding: 18px 18px 4px
    }

    .plan-sheet>header h2 {
        font-size: 22px
    }

    .plan-current {
        margin: 14px 16px 0;
        padding: 16px
    }

    .plan-other {
        padding: 18px 16px 22px
    }

    .plan-option-main {
        padding: 15px
    }

    .plan-option-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        border-radius: 13px
    }

    .plan-duration {
        padding: 0 15px 15px
    }

    .plan-sheet>footer {
        padding: 16px 16px max(18px,env(safe-area-inset-bottom))
    }
}

/* Subscription management page. */
.subscription-page {
    max-width: 1120px;
    margin: 0 auto;
    padding: 18px 0 48px;
    color: #17243a
}

.subscription-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px
}

.subscription-heading>div>span {
    color: #115ee8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em
}

.subscription-heading h1 {
    margin: 5px 0 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -.035em
}

.subscription-heading p {
    margin: 7px 0 0;
    color: #65748a;
    font-size: 12px
}

.subscription-heading>a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    background: #fdfefe;
    color: #27364d;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800
}

.subscription-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 20px;
    align-items: start
}

.subscription-layout>main,.subscription-layout>aside {
    display: grid;
    gap: 16px
}

.subscription-current,.subscription-section {
    border: 1px solid #dfe6ef;
    border-radius: 13px;
    background: #fdfefe;
    box-shadow: 0 2px 8px rgba(15,23,42,.04)
}

.subscription-current {
    overflow: hidden
}

.subscription-current>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 21px 22px;
    border-bottom: 1px solid #e8edf3;
    background: #f8faff
}

.subscription-current>header>div {
    display: flex;
    align-items: center;
    gap: 13px
}

.subscription-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 11px;
    background: #eaf1ff
}

.subscription-icon img {
    width: 27px;
    height: 27px;
    object-fit: contain
}

.subscription-current header small {
    display: block;
    color: #6c7a8e;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em
}

.subscription-current h2 {
    margin: 4px 0 0;
    font-size: 17px;
    font-weight: 800
}

.subscription-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 99px;
    background: #e9f8f2;
    color: #087f5b;
    font-size: 10px;
    font-weight: 800
}

.subscription-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981
}

.subscription-details {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border-bottom: 1px solid #e8edf3
}

.subscription-details>div {
    display: grid;
    gap: 6px;
    padding: 18px 20px;
    border-inline-end:1px solid #e8edf3}

.subscription-details>div:last-child {
    border: 0
}

.subscription-details small {
    color: #708096;
    font-size: 10px;
    font-weight: 700
}

.subscription-details b {
    font-size: 12px;
    font-weight: 800
}

.subscription-services {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 18px 20px
}

.subscription-services>span {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 0 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    background: #fbfcfe
}

.subscription-services i {
    grid-row: 1/3;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #edf3ff;
    color: #115ee8
}

.subscription-services b {
    font-size: 11px
}

.subscription-services small {
    color: #77869a;
    font-size: 10px
}

.subscription-current>footer {
    display: flex;
    gap: 9px;
    padding: 0 20px 20px
}

.subscription-current>footer button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #dbe3ed;
    border-radius: 9px;
    background: #fdfefe;
    color: #334155;
    font-size: 11px;
    font-weight: 800
}

.subscription-current>footer .subscription-primary {
    border-color: #115ee8;
    background: #115ee8;
    color: #f8fbff
}

.subscription-current>footer .subscription-primary:hover {
    background: #0d4ab8
}

.subscription-section>header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 18px;
    border-bottom: 1px solid #e8edf3
}

.subscription-section>header h2,.subscription-support h2 {
    margin: 0;
    font-size: 13px;
    font-weight: 800
}

.subscription-section>header p {
    margin: 4px 0 0;
    color: #758398;
    font-size: 10px
}

.subscription-section>header button {
    border: 0;
    background: transparent;
    color: #115ee8;
    font-size: 10px;
    font-weight: 800
}

.subscription-setting {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px 18px
}

.subscription-setting-icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #edf3ff;
    color: #115ee8
}

.subscription-setting>div {
    display: grid;
    gap: 3px;
    min-width: 0;
    flex: 1
}

.subscription-setting b {
    font-size: 11px
}

.subscription-setting small {
    color: #77869a;
    font-size: 10px;
    line-height: 1.5
}

.subscription-switch {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    cursor: pointer
}

.subscription-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.subscription-switch span {
    display: block;
    width: 42px;
    height: 24px;
    border-radius: 99px;
    background: #cbd5e1;
    transition: background-color .18s
}

.subscription-switch span:after {
    content: "";
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fdfefe;
    box-shadow: 0 1px 3px rgba(15,23,42,.25);
    transition: transform .18s
}

.subscription-switch input:checked+span {
    background: #115ee8
}

.subscription-switch input:checked+span:after {
    transform: translateX(18px)
}

[dir=rtl] .subscription-switch input:checked+span:after {
    transform: translateX(-18px)
}

.subscription-switch input:focus-visible+span {
    outline: 3px solid rgba(17,94,232,.2);
    outline-offset: 2px
}

.subscription-switch em {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.subscription-payment {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px 18px
}

.subscription-payment>span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: #f0f4f8;
    color: #334155;
    font-size: 18px
}

.subscription-payment>div {
    display: grid;
    gap: 3px;
    flex: 1
}

.subscription-payment b {
    font-size: 11px
}

.subscription-payment small {
    color: #78869a;
    font-size: 10px
}

.subscription-payment>i {
    color: #10b981
}

.subscription-support {
    justify-items: start;
    padding: 20px
}

.subscription-support>span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 11px;
    background: #fff6e7;
    color: #a66d0a;
    font-size: 18px
}

.subscription-support p {
    margin: 7px 0 16px;
    color: #718096;
    font-size: 10px;
    line-height: 1.6
}

.subscription-support button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #115ee8;
    font-size: 11px;
    font-weight: 800
}

.subscription-cancel {
    justify-self: start;
    padding: 7px 0;
    border: 0;
    background: transparent;
    color: #b42318;
    font-size: 10px;
    font-weight: 700
}

.rp-shell:has(.subscription-page) .rp-wrap {
    max-width: 1220px
}

[dir=rtl] .subscription-heading>div>span,[dir=rtl] .subscription-current header small {
    letter-spacing: 0
}

@media(max-width: 900px) {
    .subscription-layout {
        grid-template-columns:1fr
    }

    .subscription-layout>aside {
        grid-template-columns: 1fr 1fr
    }

    .subscription-cancel {
        grid-column: 1/-1
    }

    .subscription-details {
        grid-template-columns: 1fr 1fr
    }

    .subscription-details>div:nth-child(2) {
        border-inline-end:0}

    .subscription-details>div:nth-child(-n+2) {
        border-bottom: 1px solid #e8edf3
    }
}

@media(max-width: 720px) {
    .subscription-page {
        padding:7px 0 24px
    }

    .subscription-heading {
        align-items: flex-start;
        margin-bottom: 18px
    }

    .subscription-heading h1 {
        font-size: 25px
    }

    .subscription-heading p {
        max-width: 250px;
        font-size: 11px
    }

    .subscription-heading>a {
        width: 40px;
        padding: 0;
        justify-content: center
    }

    .subscription-heading>a {
        font-size: 0
    }

    .subscription-heading>a i {
        font-size: 15px
    }

    .subscription-layout {
        gap: 13px
    }

    .subscription-layout>aside {
        grid-template-columns: 1fr
    }

    .subscription-cancel {
        grid-column: auto
    }

    .subscription-current>header {
        padding: 16px
    }

    .subscription-current h2 {
        font-size: 14px
    }

    .subscription-icon {
        width: 40px;
        height: 40px
    }

    .subscription-details>div {
        padding: 14px
    }

    .subscription-details b {
        font-size: 11px
    }

    .subscription-services {
        grid-template-columns: 1fr;
        padding: 14px
    }

    .subscription-current>footer {
        display: grid;
        padding: 0 14px 15px
    }

    .subscription-current>footer button {
        width: 100%
    }

    .subscription-setting {
        align-items: flex-start;
        padding: 15px
    }

    .subscription-setting .subscription-switch {
        margin-top: 7px
    }
}

@media(max-width: 390px) {
    .subscription-current>header {
        align-items:flex-start
    }

    .subscription-status {
        padding-inline:8px}

    .subscription-details {
        grid-template-columns: 1fr
    }

    .subscription-details>div {
        border-inline-end:0;border-bottom: 1px solid #e8edf3
    }

    .subscription-details>div:last-child {
        border-bottom: 0
    }
}

@media(prefers-reduced-motion:reduce) {
    .subscription-switch span,.subscription-switch span:after {
        transition: none
    }
}

/* Personal data page: parity with the React /personal-data route. */
.rp-shell:has(.pd-layout) .rp-wrap {
    max-width: 1180px
}

.pd-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 26px;
    padding: 8px 11px;
    border-radius: 9px;
    color: #667085;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: color .18s,background-color .18s
}

.pd-back:hover {
    background: #edf3ff;
    color: #115ee8
}

.pd-layout {
    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap: 32px;
    align-items: start
}

.pd-summary {
    display: grid;
    gap: 24px
}

.pd-profile-card,.pd-form-card {
    overflow: hidden;
    border: 1px solid #e8ebf0;
    border-radius: 12px;
    background: #fdfefe;
    box-shadow: 0 2px 8px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.035)
}

.pd-band {
    height: 96px;
    background: linear-gradient(135deg,#1d4ab7 0%,#214da9 58%,#23449a 100%)
}

.pd-profile-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -49px;
    padding: 0 24px 24px;
    text-align: center
}

.pd-avatar {
    position: relative;
    display: grid;
    place-items: center;
    width: 96px;
    height: 96px;
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg,#d4a017,var(--color-canvas) 46%,#3a7af0)
}

.pd-avatar span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg,#1748b7,#24479c);
    color: #f9fbff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .03em
}

.pd-avatar>i {
    position: absolute;
    inset-inline-end: -1px;
    bottom: 3px;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border: 3px solid #fdfefe;
    border-radius: 50%;
    background: #69b795;
    color: #fdfefe;
    font-size: 13px
}

.pd-profile-body h2 {
    margin: 17px 0 0;
    color: #151b2a;
    font-size: 20px;
    font-weight: 800
}

.pd-verified {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 5px 11px;
    border: 1px solid #cfe9db;
    border-radius: 99px;
    background: #f3fbf6;
    color: #3d945e;
    font-size: 11px;
    font-weight: 700
}

.pd-quick {
    display: grid;
    gap: 12px;
    width: 100%;
    margin-top: 20px
}

.pd-quick p {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    padding: 12px 15px;
    border-radius: 9px;
    background: #f8f9fb;
    color: #596273;
    font-size: 13px;
    text-align: start
}

.pd-quick i {
    color: #a7afb9
}

.pd-protection {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 19px;
    border: 1px solid #c7d4ef;
    border-radius: 10px;
    background: rgba(17,94,232,.055)
}

.pd-protection>span,.pd-form-title>span {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: rgba(17,94,232,.1);
    color: #174aa8;
    font-size: 18px
}

.pd-protection h3 {
    margin: 2px 0 5px;
    color: #16469d;
    font-size: 13px;
    font-weight: 800
}

.pd-protection p {
    margin: 0;
    color: #46546b;
    font-size: 11px;
    line-height: 1.65
}

.pd-form-card {
    min-height: 594px
}

.pd-form-card>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 25px 24px 18px;
    border-bottom: 1px solid #edf0f3
}

.pd-form-title {
    display: flex;
    align-items: center;
    gap: 12px
}

.pd-form-title h2 {
    margin: 0;
    color: #171d2b;
    font-size: 18px;
    font-weight: 800
}

.pd-form-title p {
    margin: 2px 0 0;
    color: #70798a;
    font-size: 11px
}

.pd-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 83px;
    height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: #f4f7fd;
    color: #17449b;
    font-size: 12px;
    font-weight: 800
}

.pd-edit:hover {
    background: #eaf1ff
}

.pd-form {
    padding: 23px 24px
}

.pd-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 19px 21px
}

.pd-field {
    display: block;
    min-width: 0
}

.pd-field.pd-wide {
    grid-column: 1/-1
}

.pd-field>span {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #4c5565;
    font-size: 12px;
    font-weight: 650
}

.pd-field>span i {
    color: #a2aab5;
    font-size: 12px
}

.pd-value {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding-inline:47px 14px;border: 2px solid transparent;
    border-radius: 9px;
    background: #fafafa
}

.pd-value>i {
    position: absolute;
    inset-inline-start: 15px;
    color: #aab1bb;
    font-size: 14px
}

.pd-value p {
    margin: 0;
    color: #242b38;
    font-size: 14px
}

.pd-value input {
    display: none;
    width: 100%;
    height: 46px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #242b38;
    font: inherit;
    font-size: 14px
}

.pd-field small {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
    color: #9ca3af;
    font-size: 10px
}

.pd-form-actions {
    display: none;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 27px;
    padding-top: 20px;
    border-top: 1px solid #edf0f3
}

.pd-form-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 0 15px;
    border: 1px solid #dfe4eb;
    border-radius: 9px;
    background: #fdfefe;
    color: #566174;
    font-size: 12px;
    font-weight: 750
}

.pd-form-actions button[type=submit] {
    border-color: #115ee8;
    background: #115ee8;
    color: #f8fbff
}

.pd-form-card.is-editing .pd-edit {
    display: none
}

.pd-form-card.is-editing .pd-value {
    border-color: #dce2ea;
    background: #fdfefe
}

.pd-form-card.is-editing .pd-value:focus-within {
    border-color: #115ee8;
    box-shadow: 0 0 0 4px rgba(17,94,232,.1)
}

.pd-form-card.is-editing .pd-value p {
    display: none
}

.pd-form-card.is-editing .pd-value input {
    display: block
}

.pd-form-card.is-editing .pd-value input:disabled {
    color: #a1a8b2;
    cursor: not-allowed
}

.pd-form-card.is-editing .pd-field:has(input:disabled) .pd-value {
    background: #f7f8fa
}

.pd-form-card.is-editing .pd-form-actions {
    display: flex
}

[dir=rtl] .pd-back i {
    transform: rotate(180deg)
}

[dir=rtl] .pd-field,[dir=rtl] .pd-form-title,[dir=rtl] .pd-protection {
    text-align: right
}

@media(max-width: 900px) {
    .pd-layout {
        grid-template-columns:270px minmax(0,1fr);
        gap: 20px
    }

    .pd-fields {
        grid-template-columns: 1fr
    }

    .pd-field.pd-wide {
        grid-column: auto
    }
}

@media(min-width: 721px) and (max-width:1280px) {
    .rp-shell:has(.pd-layout) .rp-aside {
        width:80px;
        padding-inline:14px}

    .rp-shell:has(.pd-layout) .rp-content {
        margin-left: 80px
    }

    .rp-shell:has(.pd-layout) .rp-nav a {
        justify-content: center;
        padding-inline:0}

    .rp-shell:has(.pd-layout) .rp-nav a span,.rp-shell:has(.pd-layout) .rp-account,.rp-shell:has(.pd-layout) .rp-logout span {
        display: none
    }

    .rp-shell:has(.pd-layout) .rp-logout {
        justify-content: center;
        padding-inline:0}

    .rp-shell:has(.pd-layout) .rp-nav img {
        width: 30px;
        height: 30px
    }

    [dir=rtl] .rp-shell:has(.pd-layout) .rp-content {
        margin-left: 0;
        margin-right: 80px
    }
}

@media(max-width: 720px) {
    .rp-shell:has(.pd-layout) .rp-content {
        padding-bottom:96px
    }

    .pd-back {
        margin-bottom: 14px
    }

    .pd-layout {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .pd-summary {
        gap: 16px
    }

    .pd-form-card {
        min-height: 0
    }

    .pd-form-card>header {
        padding: 19px 17px 15px
    }

    .pd-form {
        padding: 18px 17px
    }

    .pd-fields {
        gap: 17px
    }

    .pd-edit {
        min-width: 40px;
        width: 40px;
        padding: 0;
        font-size: 0
    }

    .pd-edit i {
        font-size: 14px
    }

    .pd-profile-body {
        padding-inline:20px}

    .pd-protection {
        padding: 17px
    }

    .pd-form-actions {
        position: sticky;
        bottom: 82px;
        z-index: 2;
        margin: 22px -17px -18px;
        padding: 14px 17px;
        background: #fdfefe;
        box-shadow: 0 -8px 20px rgba(15,23,42,.05)
    }

    .pd-form-actions button {
        flex: 1
    }
}

@media(max-width: 390px) {
    .pd-form-title h2 {
        font-size:16px
    }

    .pd-form-title>span {
        width: 36px;
        height: 36px;
        flex-basis: 36px
    }

    .pd-value {
        padding-inline-start:43px}

    .pd-profile-body h2 {
        font-size: 18px
    }
}

@media(prefers-reduced-motion:reduce) {
    .pd-back {
        transition: none
    }
}

/* Privacy and security page: parity with the React /privacy-security route. */


.ps-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 24px;
    padding: 8px 11px;
    border-radius: 9px;
    color: #667085;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700
}

.ps-back:hover {
    background: #edf3ff;
    color: #115ee8
}

.ps-dashboard,.ps-card {
    border: 1px solid #e8ebf0;
    border-radius: 12px;
    background: #fdfefe;
    box-shadow: 0 2px 8px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.035)
}

.ps-dashboard {
    display: flex;
    align-items: center;
    gap: 36px;
    margin-bottom: 24px;
    padding: 28px 34px
}

.ps-score {
    display: flex;
    align-items: center;
    flex: 0 0 170px;
    flex-direction: column;
    text-align: center
}

.ps-score-ring {
    position: relative;
    display: grid;
    place-items: center;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background: conic-gradient(from -90deg,#f0a326 calc(var(--score)*1%),#e5e7eb 0)
}

.ps-score-ring:before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 50%;
    background: #fdfefe
}

.ps-score-ring span {
    position: relative;
    display: grid
}

.ps-score-ring strong {
    color: #e99b1d;
    font-size: 31px;
    line-height: 1;
    font-weight: 800
}

.ps-score-ring small {
    margin-top: 6px;
    color: #657081;
    font-size: 12px
}

.ps-score>b {
    margin-top: 10px;
    color: #d88c12;
    font-size: 14px
}

.ps-score>p {
    margin: 4px 0 0;
    color: #697386;
    font-size: 11px
}

.ps-dashboard-copy {
    flex: 1
}

.ps-dashboard-copy h2 {
    margin: 0;
    color: #172033;
    font-size: 20px;
    font-weight: 800
}

.ps-dashboard-copy>p {
    margin: 7px 0 16px;
    color: #6d7789;
    font-size: 12px
}

.ps-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.ps-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid #e1e5eb;
    border-radius: 99px;
    background: #fafbfc;
    color: #a0a6b0;
    font-size: 11px;
    font-weight: 700
}

.ps-badges span i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d1d5db
}

.ps-badges span.active {
    border-color: #cce5d6;
    background: #f5fbf7;
    color: #3f945d
}

.ps-badges span.active i {
    background: #6ebc8a
}

.ps-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start
}

.ps-right {
    display: grid;
    gap: 24px
}

.ps-card {
    overflow: hidden
}

.ps-section-heading {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 13px;
    padding: 23px 24px 16px;
    border: 0;
    background: transparent;
    color: #182133;
    text-align: start
}

.ps-section-heading>span,.ps-tips>header>span {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #edf3ff;
    color: #174da7;
    font-size: 19px
}

.ps-section-heading>div {
    flex: 1
}

.ps-section-heading h2,.ps-tips h2 {
    margin: 0;
    font-size: 17px;
    font-weight: 800
}

.ps-section-heading p,.ps-tips header p {
    margin: 3px 0 0;
    color: #6f798b;
    font-size: 11px
}

.ps-section-heading>i {
    display: none;
    color: #9ca5b3
}

.ps-section-body {
    padding: 0 24px 24px
}

.ps-passwordless {
    padding: 18px;
    border: 1px solid #dbe3f1;
    border-radius: 10px;
    background: rgba(17,94,232,.045)
}

.ps-passwordless header {
    display: flex;
    align-items: center;
    gap: 11px
}

.ps-passwordless header span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    background: #fdfefe;
    color: #174da7;
    box-shadow: 0 2px 5px rgba(15,23,42,.05)
}

.ps-passwordless h3,.ps-auth h3,.ps-privacy-option h3,.ps-export h3 {
    margin: 0;
    color: #222a39;
    font-size: 13px;
    font-weight: 750
}

.ps-passwordless>p {
    margin: 13px 0;
    color: #667286;
    font-size: 11px;
    line-height: 1.65
}

.ps-passwordless footer {
    display: grid;
    gap: 7px;
    padding-top: 12px;
    border-top: 1px solid #dfe5ee
}

.ps-passwordless footer span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #5d687a;
    font-size: 10px
}

.ps-passwordless footer i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981
}

.ps-auth {
    margin-top: 16px;
    padding: 17px;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fafbfc
}

.ps-auth.active {
    border-color: #cedbf1;
    background: #f5f8ff
}

.ps-auth.active.success {
    border-color: #d4e9dc;
    background: #f5fbf7
}

.ps-auth-row {
    display: flex;
    align-items: center;
    gap: 11px
}

.ps-auth-row>span {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border: 1px solid #edf0f4;
    border-radius: 9px;
    background: #fdfefe;
    color: #9aa4b2;
    font-size: 18px
}

.ps-auth.active .ps-auth-row>span {
    border-color: transparent;
    background: #e7efff;
    color: #115ee8
}

.ps-auth.active.success .ps-auth-row>span {
    background: #e8f7ee;
    color: #248050
}

.ps-auth-row>div {
    flex: 1
}

.ps-auth-row p {
    margin: 3px 0 0;
    color: #758093;
    font-size: 10px
}

.ps-auth.active .ps-auth-row p {
    color: #3563ae
}

.ps-auth.success .ps-auth-row p {
    color: #38835a
}

.ps-auth-note {
    display: none;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    padding: 11px;
    border: 1px solid #d8e4f6;
    border-radius: 8px;
    background: #ffffffb8;
    color: #2257a6
}

.ps-auth.active .ps-auth-note {
    display: flex
}

.ps-auth.success .ps-auth-note {
    border-color: #d5eadc;
    color: #348157
}

.ps-auth-note p {
    margin: 0;
    font-size: 10px;
    line-height: 1.55
}

.ps-switch {
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 23px;
    cursor: pointer
}

.ps-switch input {
    position: absolute;
    opacity: 0
}

.ps-switch>span {
    display: block;
    width: 40px;
    height: 23px;
    border-radius: 99px;
    background: #cdd4de;
    transition: background-color .18s
}

.ps-switch>span:after {
    content: "";
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fdfefe;
    box-shadow: 0 1px 3px rgba(15,23,42,.25);
    transition: transform .18s
}

.ps-switch input:checked+span {
    background: #115ee8
}

.ps-switch input:checked+span:after {
    transform: translateX(17px)
}

[dir=rtl] .ps-switch input:checked+span:after {
    transform: translateX(-17px)
}

.ps-switch input:focus-visible+span {
    outline: 3px solid rgba(17,94,232,.2);
    outline-offset: 2px
}

.ps-switch em {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.ps-privacy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px
}

.ps-privacy-option,.ps-export {
    min-height: 145px;
    padding: 14px;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fafbfc;
    text-align: start
}

.ps-privacy-option.active {
    border-color: #d6e1f3;
    background: #f8faff
}

.ps-privacy-option>div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px
}

.ps-privacy-option>div>span,.ps-export>span {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 9px;
    background: #f0f2f5;
    color: #115ee8
}

.ps-privacy-option>div>span.gold {
    color: #a87009
}

.ps-privacy-option>div>span.green {
    color: #278254
}

.ps-privacy-option p,.ps-export p {
    margin: 5px 0 0;
    color: #788295;
    font-size: 10px;
    line-height: 1.55
}

.ps-export {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-style: dashed;
    color: #687386;
    text-align: center
}

.ps-export:hover {
    border-color: #b7c9e8;
    background: #f7faff
}

.ps-export>span {
    margin-bottom: 8px;
    border-radius: 50%;
    color: #98a2b1
}

.ps-export h3 {
    color: #5c6678
}

.ps-tips {
    padding: 23px 24px
}

.ps-tips>header {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px
}

.ps-tips>header>span {
    background: #fff7e9;
    color: #b97b0e
}

.ps-tips>div {
    display: grid;
    gap: 9px
}

.ps-tips>div p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #dbe5f5;
    border-radius: 9px;
    background: #f6f9ff;
    color: #225aaa;
    font-size: 11px;
    font-weight: 650
}

.ps-tips>div p.green {
    border-color: #d8eadf;
    background: #f5fbf7;
    color: #39825a
}

.ps-tips>div p.gold {
    border-color: #f0e1c5;
    background: #fffaf1;
    color: #a76d0b
}

[dir=rtl] .ps-back i {
    transform: rotate(180deg)
}

[dir=rtl] .ps-section-heading,[dir=rtl] .ps-dashboard-copy,[dir=rtl] .ps-privacy-option {
    text-align: right
}

@media(min-width: 721px) and (max-width:1280px) {
    .rp-shell:has(.ps-dashboard) .rp-aside {
        width:80px;
        padding-inline:14px}

    .rp-shell:has(.ps-dashboard) .rp-content {
        margin-left: 80px
    }

    .rp-shell:has(.ps-dashboard) .rp-nav a {
        justify-content: center;
        padding-inline:0}

    .rp-shell:has(.ps-dashboard) .rp-nav a span,.rp-shell:has(.ps-dashboard) .rp-account,.rp-shell:has(.ps-dashboard) .rp-logout span {
        display: none
    }

    .rp-shell:has(.ps-dashboard) .rp-logout {
        justify-content: center;
        padding-inline:0}

    .rp-shell:has(.ps-dashboard) .rp-nav img {
        width: 30px;
        height: 30px
    }

    [dir=rtl] .rp-shell:has(.ps-dashboard) .rp-content {
        margin-left: 0;
        margin-right: 80px
    }
}

@media(max-width: 900px) {
    .ps-columns {
        grid-template-columns:1fr
    }

    .ps-privacy-grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width: 720px) {
    .rp-shell:has(.ps-dashboard) .rp-content {
        padding-bottom:96px
    }

    .ps-back {
        margin-bottom: 14px
    }

    .ps-dashboard {
        align-items: center;
        flex-direction: column;
        gap: 18px;
        padding: 22px 18px
    }

    .ps-score {
        flex-basis: auto
    }

    .ps-dashboard-copy {
        text-align: center
    }

    .ps-badges {
        justify-content: center
    }

    .ps-columns,.ps-right {
        gap: 16px
    }

    .ps-section-heading {
        padding: 18px 17px
    }

    .ps-section-heading>i {
        display: block
    }

    .ps-section-body {
        padding: 0 17px 18px;
        max-height: 1400px;
        opacity: 1;
        transition: max-height .24s cubic-bezier(.16,1,.3,1),opacity .18s
    }

    .ps-card.collapsed .ps-section-body {
        max-height: 0;
        padding-bottom: 0;
        opacity: 0
    }

    .ps-card.collapsed .ps-section-heading>i {
        transform: rotate(-90deg)
    }

    .ps-tips {
        padding: 19px 17px
    }
}

@media(max-width: 440px) {
    .ps-privacy-grid {
        grid-template-columns:1fr
    }

    .ps-dashboard-copy h2 {
        font-size: 18px
    }

    .ps-score-ring {
        width: 126px;
        height: 126px
    }

    .ps-passwordless,.ps-auth {
        padding: 14px
    }
}

@media(prefers-reduced-motion:reduce) {
    .ps-switch>span,.ps-switch>span:after,.ps-section-body {
        transition: none
    }
}

/* Payment history: parity with the React /payment-history route. */
.rp-shell:has(.payment-history-card) .rp-content {
    padding-inline:0}

.rp-shell:has(.payment-history-card) .rp-wrap {
    max-width: 1632px;
    margin-top: 0;
    padding-top: 0
}

.rp-shell:has(.payment-history-card) .rp-title {
    min-height: 34px;
    margin: 25.5px 0 34px;
    font-size: 28px;
    line-height: 34px
}

.payment-history-card {
    margin-bottom: 17px;
    padding: 25.5px;
    border: 1px solid rgba(243,244,246,.8);
    border-radius: 8.5px;
    background: rgba(255,255,255,.8);
    box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);
    backdrop-filter: blur(21.25px)
}

.payment-history-card>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12.75px;
    margin-bottom: 21.25px
}

.payment-history-card>header>div {
    display: flex;
    align-items: center;
    gap: 8.5px
}

.payment-history-heading-icon {
    display: block;
    width: 21.25px;
    height: 21.25px
}

.payment-history-card h2 {
    margin: 0;
    color: #1f2937;
    font-size: 21.25px;
    line-height: 29.75px;
    font-weight: 700
}

.payment-history-card>header>span {
    padding: 4.25px 10.625px;
    border-radius: 8.5px;
    background: rgba(0,51,160,.1);
    color: var(--color-primary);
    font-size: 12.75px;
    line-height: 17px;
    font-weight: 600
}

.payment-history-list {
    display: grid;
    gap: 12.75px
}

.payment-history-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12.75px;
    min-height: 76.5px;
    padding: 17px;
    border: 1px solid #f3f4f6;
    border-radius: 8.5px;
    background: rgba(249,250,251,.6)
}

.payment-history-main {
    display: flex;
    align-items: flex-start;
    gap: 12.75px
}

.payment-history-card-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 6.375px;
    background: rgba(0,51,160,.1)
}

.payment-history-card-icon img {
    width: 17px;
    height: 17px
}

.payment-history-main p {
    margin: 0;
    color: #1f2937;
    font-size: 14.875px;
    line-height: 21.25px;
    font-weight: 600
}

.payment-history-meta {
    display: flex;
    align-items: center;
    color: #6b7280;
    font-size: 12.75px;
    line-height: 17px
}

.payment-history-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4.25px
}

.payment-history-meta span img {
    width: 12.75px;
    height: 12.75px
}

.payment-history-meta>i {
    padding: 0 8.5px;
    color: #d1d5db;
    font-style: normal
}

.payment-history-actions {
    display: flex;
    align-items: center;
    gap: 8.5px
}

.payment-history-actions>span {
    color: #9ca3af;
    font-size: 12.75px;
    line-height: 17px
}

.payment-history-actions>button {
    display: inline-flex;
    align-items: center;
    gap: 6.375px;
    padding: 6.375px 12.75px;
    border: 1px solid #e5e7eb;
    border-radius: 8.5px;
    background: #fff;
    color: #374151;
    font-size: 12.75px;
    line-height: 17px;
    font-weight: 600;
    transition: background-color .18s
}

.payment-history-actions>button img {
    width: 14.875px;
    height: 14.875px
}

.payment-history-actions>button:hover {
    background: #f3f4f6
}

.payment-history-actions>button:focus-visible {
    outline: 3px solid rgba(0,51,160,.18);
    outline-offset: 2px
}

[dir=rtl] .payment-history-row,[dir=rtl] .payment-history-card>header {
    direction: rtl
}

@media(max-width: 720px) {
    .rp-shell:has(.payment-history-card) .rp-content {
        padding-inline:17px;
        padding-bottom: 98px
    }

    .rp-shell:has(.payment-history-card) .rp-wrap {
        padding-top: 0
    }

    .rp-shell:has(.payment-history-card) .rp-title {
        margin: 13px 0 21.25px;
        font-size: 25.5px;
        line-height: 34px
    }

    .payment-history-card {
        padding: 21.25px
    }

    .payment-history-card h2 {
        font-size: 19.125px;
        line-height: 29.75px
    }

    .payment-history-row {
        align-items: stretch;
        flex-direction: column;
        min-height: 0;
        gap: 12.75px
    }

    .payment-history-actions {
        justify-content: flex-start
    }

    .payment-history-actions>span {
        margin-inline-start:46.75px}
}

@media(max-width: 390px) {
    .payment-history-card {
        padding:21.25px
    }

    .payment-history-card>header>span {
        padding-inline:10.625px;font-size: 12.75px
    }

    .payment-history-card h2 {
        font-size: 19.125px
    }

    .payment-history-row {
        padding: 17px
    }

    .payment-history-actions>span {
        margin-inline-start:0}

    .payment-history-actions {
        justify-content: flex-start
    }
}

@media(prefers-reduced-motion:reduce) {
    .payment-history-actions>button {
        transition: none
    }
}

/* Email address parity */
.email-back {
    margin-bottom: 28px
}

.email-layout {
    display: grid;
    grid-template-columns: minmax(320px,2fr) minmax(480px,3fr);
    gap: 24px;
    align-items: stretch
}

.email-hero {
    position: relative;
    min-height: 656px;
    padding: 32px;
    overflow: hidden;
    border-radius: 12px;
    color: #f8faff;
    background: linear-gradient(145deg,#1d43ad 0%,#0b2f91 55%,#12349b 100%);
    box-shadow: 0 12px 28px rgba(18,54,148,.18);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.email-orb {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.055)
}

.email-orb-top {
    width: 190px;
    height: 190px;
    inset-block-start: -52px;
    inset-inline-end: -38px
}

.email-orb-bottom {
    width: 220px;
    height: 220px;
    inset-block-end: -74px;
    inset-inline-start: -55px
}

.email-hero-copy,.email-hero-bottom {
    position: relative;
    z-index: 1
}

.email-icon {
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.1);
    font-size: 37px
}

.email-hero h2 {
    margin: 0 0 8px;
    font-size: 21px
}

.email-hero p {
    margin: 0;
    color: rgba(255,255,255,.64);
    font-size: 14px
}

.email-hero-address {
    padding: 15px 17px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.email-hero-status {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 700
}

.email-hero-status.verified {
    color: #47ae6a
}

.email-hero-status.pending {
    color: #e5b851
}

.email-main {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.email-card {
    padding: 26px 25px;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(43,48,66,.065)
}

.email-card-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px
}

.email-card-heading>span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    background: #f0f3fa;
    color: #1e43a5;
    font-size: 19px
}

.email-card h3 {
    margin: 0;
    font-size: 19px
}

.email-card-heading p,.email-preferences>p {
    margin: 3px 0 0;
    color: #778195;
    font-size: 12px
}

.email-label {
    display: block;
    margin-bottom: 9px;
    color: #303848;
    font-size: 14px;
    font-weight: 600
}

.email-current {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 51px;
    padding: 0 15px 0 49px;
    border: 2px solid #e4e7ed;
    border-radius: 8px;
    background: #fafbfc
}

.email-current>i,.email-edit-wrap>i {
    position: absolute;
    inset-inline-start: 16px;
    color: #9aa4b2
}

.email-current>span {
    flex: 1;
    color: #263041;
    font-size: 16px
}

.email-current em {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-style: normal
}

.email-current em.verified {
    color: #4d9b61
}

.email-current em.pending {
    color: #b18420
}

.email-change,.email-save,.email-cancel {
    min-height: 49px;
    border: 0;
    border-radius: 8px;
    font-weight: 800
}

.email-change {
    width: 100%;
    margin-top: 20px;
    color: #fff;
    background: #1b42b1;
    box-shadow: 0 6px 15px rgba(27,66,177,.18)
}

.email-change:hover,.email-save:hover {
    background: #12358f
}

.email-edit-wrap {
    position: relative
}

.email-edit-wrap>input {
    width: 100%;
    height: 51px;
    padding: 0 16px 0 49px;
    border: 2px solid #dfe4ec;
    border-radius: 8px;
    outline: none
}

.email-edit-wrap>input:focus {
    border-color: #1b54d2;
    box-shadow: 0 0 0 3px rgba(27,84,210,.12)
}

.email-error {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 0;
    color: #b4232c;
    font-size: 12px
}

.email-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 20px
}

.email-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.email-cancel {
    color: #4b5565;
    background: #eef1f5
}

.email-save {
    color: #fff;
    background: #1b42b1
}

.email-save:disabled {
    cursor: not-allowed;
    opacity: .45
}

.email-verification {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 15px;
    border: 1px solid #eed59b;
    border-radius: 8px;
    color: #8a6517;
    background: #fffbeb
}

.email-verification>i {
    font-size: 19px
}

.email-verification b {
    font-size: 13px
}

.email-verification p {
    margin: 5px 0 8px;
    font-size: 12px;
    line-height: 1.55
}

.email-verification button {
    padding: 0;
    border: 0;
    color: #8a6517;
    background: transparent;
    font-size: 12px;
    font-weight: 800
}

.email-preferences {
    padding-bottom: 10px
}

.email-preferences>p {
    margin-bottom: 11px
}

.email-pref-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 0;
    border-top: 1px solid #edf0f4
}

.email-pref-row:first-of-type {
    border-top: 0
}

.email-pref-row>div {
    min-width: 0
}

.email-pref-row b,.email-pref-row span {
    display: block
}

.email-pref-row b {
    font-size: 14px
}

.email-pref-row span {
    margin-top: 2px;
    color: #6e7889;
    font-size: 12px
}

.email-switch {
    position: relative;
    width: 44px;
    height: 25px;
    flex: 0 0 44px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: #d5dae3;
    cursor: pointer;
    transition: background .2s ease
}

.email-switch i {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #fdfefe;
    box-shadow: 0 1px 4px rgba(15,23,42,.25);
    transition: transform .2s cubic-bezier(.22,1,.36,1)
}

.email-switch.checked {
    background: #1d4bb7
}

.email-switch.checked i {
    transform: translateX(19px)
}

[dir=rtl] .email-switch.checked i {
    transform: translateX(-19px)
}

.email-switch:focus-visible {
    outline: 2px solid #115ee8;
    outline-offset: 3px
}

.email-note {
    padding: 17px;
    border: 1px solid #cbd9f3;
    border-radius: 8px;
    color: #174394;
    background: #f3f7ff;
    font-size: 13px;
    line-height: 1.5
}

@media(max-width: 950px) {
    .email-layout {
        grid-template-columns:1fr
    }

    .email-hero {
        min-height: 300px
    }

    .email-main {
        gap: 18px
    }
}

@media(max-width: 600px) {
    .email-back {
        margin-bottom:18px
    }

    .email-hero {
        min-height: 270px;
        padding: 24px
    }

    .email-icon {
        width: 64px;
        height: 64px;
        font-size: 29px
    }

    .email-card {
        padding: 21px 18px
    }

    .email-current {
        padding-inline-start:43px}

    .email-layout {
        gap: 18px
    }
}

@media(prefers-reduced-motion:reduce) {
    .email-switch,.email-switch i {
        transition: none
    }
}

.email-current {
    padding-block:0;padding-inline:49px 15px}

.email-edit-wrap>input {
    padding-block:0;padding-inline:49px 16px}

/* Shipment tab palette shared with the React dashboard2 source. */
.dc-status-tab,.shipment-filter {
    --shipment-tab-color: var(--color-primary);
    --shipment-tab-tint: rgba(0,51,160,.10);
    --shipment-tab-ring: rgba(0,51,160,.38);
}

.dc-status-pickup,.shipment-filter-ready {
    --shipment-tab-color: var(--color-accent-gold);
    --shipment-tab-tint: rgba(203,160,82,.13);
    --shipment-tab-ring: rgba(203,160,82,.42);
}

.dc-status-transit,.shipment-filter-transit {
    --shipment-tab-color: #7c3aed;
    --shipment-tab-tint: rgba(124,58,237,.10);
    --shipment-tab-ring: rgba(124,58,237,.38);
}

.dc-status-delivered,.shipment-filter-delivered {
    --shipment-tab-color: var(--color-success);
    --shipment-tab-tint: rgba(0,154,68,.10);
    --shipment-tab-ring: rgba(0,154,68,.36);
}

.dc-status-tab.active {
    color: var(--shipment-tab-color);
    border: 1px solid var(--color-border);
    background: #fdfefe;
    box-shadow: 0 6px 16px -8px rgba(15,23,42,.25);
}

.dc-status-tab.active span {
    color: var(--shipment-tab-color);
    background: var(--shipment-tab-tint);
}

.dc-status-tab:focus-visible,.shipment-filter:focus-visible {
    outline: 2px solid var(--shipment-tab-ring);
    outline-offset: 2px;
}

.shipment-filter.active {
    color: var(--shipment-tab-color);
    border-color: var(--color-border);
    background: #fdfefe;
    box-shadow: 0 6px 16px -8px rgba(15,23,42,.25);
}

.shipment-filter.active .count {
    color: var(--shipment-tab-color);
    background: var(--shipment-tab-tint);
}

/* The selected status and its content panel share one semantic color. */
.dc-ship-panel,.shipment-results {
    --shipment-panel-color: var(--color-primary);
    border-top-color: var(--shipment-panel-color);
    transition: border-color 200ms cubic-bezier(.16,1,.3,1);
}

.dc-ship-panel[data-shipment-tone="pickup"], .shipment-results[data-shipment-tone="ready"] {
    --shipment-panel-color: var(--color-accent-gold)
}

.dc-ship-panel[data-shipment-tone="transit"], .shipment-results[data-shipment-tone="transit"] {
    --shipment-panel-color: #7c3aed
}

.dc-ship-panel[data-shipment-tone="delivered"], .shipment-results[data-shipment-tone="delivered"] {
    --shipment-panel-color: var(--color-success)
}

.shipment-results {
    padding: 12px 12px 0;
    border-top-width: 3px;
    border-top-style: solid;
    border-radius: 12px;
    background: #f4f6fa;
    box-shadow: 0 12px 25px rgba(23,41,68,.04);
}

@media(max-width: 720px) {
    .shipment-results {
        padding:9px 8px 0
    }
}

@media(prefers-reduced-motion:reduce) {
    .dc-ship-panel,.shipment-results {
        transition: none
    }
}

/* Fade the physical-office ticket artwork; keep the P.O. Box artwork crisp. */
.dc-ticket-art[src="assets/physicalOfficecard.png"] {
    opacity: .3;
}

.dc-ticket-art[src="assets/poboxCard.png"] {
    opacity: 1;
}

/* Shared page canvas. */
body {
    background-color: var(--color-canvas);
}


/* source: css/branches-mobile.css */
.clear-branch-search { display: grid; place-items: center; top: 50%; transform: translateY(-50%); line-height: 1; }
.clear-branch-search i { position: static; inset: auto; display: block; margin: 0; padding: 0; transform: none; color: inherit; line-height: 1; }

/* Leaflet controls and markers use high stacking values, so keep app navigation above them. */
.rp-mobile-nav { z-index: 2000 !important; }

@media (max-width: 720px) {
  .branches-layout { display: flex; flex-direction: column; gap: 12px; }
  .branch-sidebar { display: contents; padding: 0; }
  .branch-stats { order: 1; width: 100%; }
  .branch-mobile-toggle { order: 2; display: flex; width: 100%; padding: 4px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #1725540a; }
  .branch-mobile-toggle button { display: flex; align-items: center; justify-content: center; gap: 7px; flex: 1; height: 38px; border: 0; border-radius: 8px; background: transparent; color: #64748b; font-size: 12px; font-weight: 800; transition: background-color .2s, color .2s; }
  .branch-mobile-toggle button.active { background: #115ee8; color: #fff; box-shadow: 0 3px 8px #115ee82e; }
  .branch-map-wrap { order: 3; width: 100%; border-radius: 12px; }
  .branch-finder { order: 4; width: 100%; padding-bottom: 80px; }
  .branch-view-list .branch-map-wrap, .branch-view-map .branch-finder { display: none; }
  .branch-view-map .branch-map-wrap { display: block; }
  .branch-map { height: calc(100vh - 330px); min-height: 430px; }
  .map-key { bottom: 13px; }
  .branch-finder .branch-search { margin-top: 0; }
}


/* source: css/dashboard.css */
/* Dashboard 2 parity layer. Bootstrap remains the base; these rules only tune the dashboard. */
html:has(body[data-static-page="dashboard2"]) {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

html:has(body[data-static-page="dashboard2"])::-webkit-scrollbar {
  width: 6px;
}

html:has(body[data-static-page="dashboard2"])::-webkit-scrollbar-track {
  background: transparent;
}

html:has(body[data-static-page="dashboard2"])::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(100, 116, 139, .22);
}

body[data-static-page="dashboard2"] {
  background:
    radial-gradient(circle at 9% 2%, rgba(174, 192, 239, .78), transparent 34%),
    radial-gradient(circle at 86% 88%, rgba(255, 215, 197, .72), transparent 31%),
    var(--color-canvas);
  background-attachment: fixed;
  color: var(--color-text);
  line-height: 1.625;
}

html[dir="rtl"] body[data-static-page="dashboard2"],
html[dir="rtl"] body[data-static-page="dashboard2"] :where(h1, h2, h3, h4, p, span, small, b, strong, a, button) {
  font-family: Alexandria, sans-serif;
  font-size-adjust: .48;
  text-align: right;
}

@supports not (font-size-adjust: .48) {
  html[dir="rtl"] body[data-static-page="dashboard2"],
  html[dir="rtl"] body[data-static-page="dashboard2"] :where(h1, h2, h3, h4, p, span, small, b, strong, a, button) {
    font-size: 1.05em;
  }
}

body[data-static-page="dashboard2"] .rp-shell {
  position: relative;
  min-height: 100vh;
}

body[data-static-page="dashboard2"] .rp-header {
  height: 68px;
  max-width: none;
}

body[data-static-page="dashboard2"] .rp-h-actions {
  gap: 6.375px;
  font-size: 12.75px;
  font-weight: 700;
}

body[data-static-page="dashboard2"] .rp-h-actions > button,
body[data-static-page="dashboard2"] .rp-h-actions .notification-bell {
  min-height: 38.25px;
  padding-inline: 12.75px;
  border-radius: 8px;
  transition: background-color 200ms cubic-bezier(.4, 0, .2, 1), color 200ms cubic-bezier(.4, 0, .2, 1), transform 140ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .rp-h-actions > button:hover,
body[data-static-page="dashboard2"] .rp-h-actions .notification-bell:hover,
body[data-static-page="dashboard2"] .rp-h-actions .notification-bell[aria-expanded="true"] {
  background: rgba(255, 255, 255, .4);
}

body[data-static-page="dashboard2"] .rp-h-actions > button:active,
body[data-static-page="dashboard2"] .rp-h-actions .notification-bell:active {
  transform: scale(.96);
}

body[data-static-page="dashboard2"] .rp-h-actions .rp-language {
  display: flex;
  align-items: center;
  gap: 8.5px;
  height: 38.25px;
}

body[data-static-page="dashboard2"] .rp-h-actions .rp-action-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

body[data-static-page="dashboard2"] .rp-h-actions .lang-label {
  color: var(--color-text);
  font-family: Inter, "Plus Jakarta Sans", Alexandria, sans-serif !important;
  font-size: 12.5px;
  font-size-adjust: none;
  font-weight: 700;
  line-height: 20.3125px;
}

body[data-static-page="dashboard2"] .rp-h-actions .notification-bell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 41.5px;
  height: 38.25px;
  padding: 0 12.75px;
}

body[data-static-page="dashboard2"] .rp-notification-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

body[data-static-page="dashboard2"] .rp-h-actions .notification-bell b {
  position: absolute;
  top: -6.375px;
  right: -8.5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  padding: 0;
  border: 0;
  border-radius: 9999px;
  background: var(--color-accent-coral);
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  font-size: 9px;
  font-size-adjust: none;
  font-weight: 800;
  line-height: 14.625px;
}

body[data-static-page="dashboard2"] .rp-h-actions .notification-bell .rp-action-icon {
  transition: transform 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .rp-h-actions .notification-bell:hover .rp-action-icon {
  transform: rotate(12deg);
}

body[data-static-page="dashboard2"] .rp-h-actions .rp-user {
  display: flex;
  align-items: center;
  height: 38.25px;
  margin-inline-start: 4.25px;
  padding-inline-start: 4.25px;
  padding-inline-end: 10.625px;
  gap: 10.625px;
}

body[data-static-page="dashboard2"] .rp-user-avatar {
  position: relative;
  display: block;
  width: 29.75px;
  height: 29.75px;
  flex: 0 0 29.75px;
}

body[data-static-page="dashboard2"] .rp-user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29.75px;
  height: 29.75px;
  border-radius: 8px;
  background: linear-gradient(to right bottom, var(--color-primary), var(--color-primary-deep));
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
}

body[data-static-page="dashboard2"] .rp-user-icon img {
  width: 17px;
  height: 17px;
}

body[data-static-page="dashboard2"] .rp-user-online {
  position: absolute;
  right: -2.125px;
  bottom: -2.125px;
  width: 8.5px;
  height: 8.5px;
  border-radius: 9999px;
  background: var(--color-success);
  box-shadow: 0 0 0 2px #fff;
}

body[data-static-page="dashboard2"] .rp-user-name {
  max-width: 140px;
  overflow: hidden;
  color: var(--color-text);
  font-family: Alexandria, sans-serif !important;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 20.3125px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-static-page="dashboard2"] .rp-logo {
  width: 151.25px;
  height: 51px;
}

body[data-static-page="dashboard2"] .dc-greeting {
  min-height: 55.25px;
  margin: 0 0 25.5px;
}

body[data-static-page="dashboard2"] .dc-greeting p {
  margin-bottom: 0;
  color: #64748b;
  font-size: 12.75px;
  font-weight: 400;
  line-height: 20.75px;
  text-transform: none;
}

body[data-static-page="dashboard2"] .dc-greeting h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

body[data-static-page="dashboard2"] .dc-plan {
  gap: 10.625px;
  min-height: 36px;
  padding: 6.375px 10.625px 6.375px 12.75px;
  border-color: var(--color-border);
  border-radius: 8px;
  color: #64748b;
  font-size: 10px;
  font-weight: 400;
  line-height: 16.25px;
  text-transform: none;
  transition: border-color 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-plan b {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 21.125px;
}

body[data-static-page="dashboard2"] .dc-plan-crown {
  width: 14.875px;
  height: 14.875px;
  flex: 0 0 14.875px;
}

body[data-static-page="dashboard2"] .dc-plan-divider {
  width: 1px;
  height: 12.75px;
  flex: 0 0 1px;
  background: var(--color-border);
}

body[data-static-page="dashboard2"] .dc-plan-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.25px;
  height: 21.25px;
  flex: 0 0 21.25px;
  border-radius: 50%;
  background: rgba(15, 23, 42, .04);
  transition: background-color 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-plan-arrow img {
  width: 12.75px;
  height: 12.75px;
  transition: filter 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-plan:hover {
  border-color: rgba(15, 23, 42, .2);
}

body[data-static-page="dashboard2"] .dc-plan:hover .dc-plan-arrow {
  background: var(--color-primary);
}

body[data-static-page="dashboard2"] .dc-plan:hover .dc-plan-arrow img {
  filter: brightness(0) invert(1);
}

body[data-static-page="dashboard2"] .dc-hero-grid {
  gap: 17px;
  margin-bottom: 25.5px;
}

body[data-static-page="dashboard2"] .dc-ticket {
  height: 224.625px;
  border-radius: 12px;
  transition: transform 300ms cubic-bezier(.4, 0, .2, 1), box-shadow 300ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-ticket:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px -16px rgba(15, 23, 42, .25), inset 0 1px 0 rgba(255, 255, 255, .85);
}

body[data-static-page="dashboard2"] .dc-ticket-spine {
  flex-basis: 68px;
  padding-block: 17px;
}

body[data-static-page="dashboard2"] .dc-ticket-perforation {
  flex-basis: 12.75px;
}

body[data-static-page="dashboard2"] .dc-ticket-content {
  padding: 21.25px;
}

body[data-static-page="dashboard2"] .dc-ticket-spine b {
  max-height: 154px;
  overflow: hidden;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: 0 !important;
  line-height: 16px;
  white-space: nowrap;
  font-weight: 900;
}

body[data-static-page="dashboard2"] .dc-ticket-copy {
  padding-inline-end: 68px;
}

body[data-static-page="dashboard2"] .dc-ticket-meta {
  max-width: calc(100% - 4px);
  gap: 8.5px;
  margin-bottom: 8.5px;
  min-height: 27.625px;
}

body[data-static-page="dashboard2"] .dc-ticket-date {
  font-family: Alexandria, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-ticket-status {
  min-height: 20.5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-ticket-mails {
  font-family: Alexandria, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 14.625px;
}

body[data-static-page="dashboard2"] .dc-ticket-mails b {
  font-family: Inter, "Plus Jakarta Sans", sans-serif;
  font-size: 10px;
  font-weight: 900;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-ticket-id {
  display: block;
  width: max-content;
  max-width: 100%;
  height: 44px;
  margin-right: 0;
  margin-left: auto;
  color: var(--color-text);
  direction: ltr;
  font-family: "JetBrains Mono", "SF Mono", "Courier New", monospace;
  font-size: 44px;
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  letter-spacing: 0 !important;
  line-height: 44px;
  text-align: left;
  white-space: nowrap;
  unicode-bidi: isolate;
  animation: dc-ticket-in .45s both;
}

html[lang="en"] body[data-static-page="dashboard2"] .dc-ticket-id {
  margin-right: auto;
  margin-left: 0;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-ticket-art {
  inset-inline-end: 17px;
  transform: translateY(-50%);
}

body[data-static-page="dashboard2"] .dc-ticket-location {
  margin-top: 8.5px;
  font-family: Alexandria, sans-serif;
  font-size: 10px;
  line-height: 17.875px;
}

body[data-static-page="dashboard2"] .dc-ticket-location b {
  font-size: 11px;
  font-weight: 500;
}

body[data-static-page="dashboard2"] .dc-ticket-footer {
  gap: 6.375px;
}

body[data-static-page="dashboard2"] .dc-ticket-action {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  transition: background-color 200ms cubic-bezier(.4, 0, .2, 1), transform 140ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .dc-ticket-action:active,
body[data-static-page="dashboard2"] .dc-ticket-manage:active {
  transform: scale(.95);
}

body[data-static-page="dashboard2"] .dc-ticket-manage {
  min-height: 29.75px;
  padding: 6.375px 12.75px 6.375px 14.875px;
  font-family: Alexandria, sans-serif;
  font-size: 12.75px;
  line-height: 17px;
  text-transform: none;
}

body[data-static-page="dashboard2"] .dc-grid {
  grid-template-columns: minmax(0, 1fr) 370px;
  gap: 25.5px;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-static-page="dashboard2"] .dc-grid > div {
  grid-column: span 1;
  padding-bottom: 25.5px;
}

body[data-static-page="dashboard2"] .dc-grid > aside {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
  gap: 25.5px;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-grid > div {
  grid-column: span 3;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-grid > aside {
  grid-column: span 1;
}

body[data-static-page="dashboard2"] .dc-side-section {
  margin-bottom: 0;
}

body[data-static-page="dashboard2"] .dc-title-row {
  min-height: 29.75px;
  margin-bottom: 12.75px;
}

body[data-static-page="dashboard2"] .dc-title-row h2 {
  font-size: 19.125px;
  font-weight: 700;
  line-height: 29.75px;
}

body[data-static-page="dashboard2"] .dc-title-heading {
  display: flex;
  align-items: center;
  gap: 8.5px;
}

body[data-static-page="dashboard2"] .dc-title-heading > i {
  display: inline-grid;
  width: 21.25px;
  height: 21.25px;
  flex: 0 0 21.25px;
  place-items: center;
  color: var(--color-primary);
  font-size: 21.25px;
  line-height: 1;
}

body[data-static-page="dashboard2"] .dc-title-heading > i::before {
  content: none;
}

body[data-static-page="dashboard2"] .dc-title-heading > .bi-box-seam {
  background: url('../assets/icon-package-primary.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-title-heading > .bi-calendar-check {
  background: url('../assets/icon-calendar-gold.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-title-heading > .bi-megaphone {
  background: url('../assets/icon-megaphone-gold.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-title-heading > .bi-lightning-charge {
  background: url('../assets/icon-lightning-gold.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-title-heading > i.is-gold {
  color: var(--color-accent-gold);
}

body[data-static-page="dashboard2"] .dc-status-tabs {
  gap: 8.5px;
  margin-bottom: 10.625px;
}

body[data-static-page="dashboard2"] .dc-status-tab {
  gap: 8.5px;
  min-height: 48.75px;
  padding: 8.5px 8.5px 8.5px 12.75px;
  border-radius: 10px;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  transition: color 200ms cubic-bezier(.4, 0, .2, 1), background-color 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1), transform 200ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .dc-status-tab:not(.active):hover {
  background: rgba(15, 23, 42, .05);
  color: var(--color-text);
  transform: translateY(-1px);
}

body[data-static-page="dashboard2"] .dc-status-tab span {
  min-width: 23px;
  height: 23px;
  font-size: 11px;
}

body[data-static-page="dashboard2"] .dc-status-icon {
  width: 23px;
  height: 23px;
}

body[data-static-page="dashboard2"] .dc-status-tab.active {
  background: #fff;
}

body[data-static-page="dashboard2"] .dc-status-tab:not(.active) {
  background: rgba(15, 23, 42, .03);
}

body[data-static-page="dashboard2"] .dc-ship-panel {
  padding: 12.75px;
  border-top-width: 2px;
  border-radius: 10px;
}

body[data-static-page="dashboard2"] .dc-direction-tabs {
  gap: 8.5px;
  margin-bottom: 12.75px;
}

body[data-static-page="dashboard2"] .dc-direction {
  display: inline-flex;
  align-items: center;
  gap: 6.375px;
  min-height: 31.75px;
  padding-block: 4.25px;
  padding-inline: 10.625px 6.375px;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  transition: color 200ms cubic-bezier(.4, 0, .2, 1), background-color 200ms cubic-bezier(.4, 0, .2, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-direction-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: currentColor;
}

body[data-static-page="dashboard2"] .dc-direction-label {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

body[data-static-page="dashboard2"] .dc-direction-count {
  display: inline-grid;
  place-items: center;
  min-width: 23px;
  min-height: 23px;
  padding: 2px 6px;
  background: rgba(15, 23, 42, .055);
}

body[data-static-page="dashboard2"] .dc-direction.active .dc-direction-count {
  background: rgba(255, 255, 255, .14);
}

body[data-static-page="dashboard2"] .dc-direction:not(.active):not(:disabled):hover {
  border-color: rgba(15, 23, 42, .2);
  color: var(--color-text);
}

body[data-static-page="dashboard2"] .dc-direction:disabled {
  cursor: not-allowed;
  opacity: .45;
}

body[data-static-page="dashboard2"] .dc-shipment {
  height: 144px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 12.75px;
  border-radius: 17px;
  transition: border-color 200ms cubic-bezier(.4, 0, .2, 1), box-shadow 200ms cubic-bezier(.4, 0, .2, 1), transform 200ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] #dashboardShipments {
  display: grid;
  gap: 10.625px;
}

body[data-static-page="dashboard2"] .dc-shipment-top {
  height: 42.5px;
  align-items: center;
  gap: 8.5px;
  margin-bottom: 8.5px;
}

body[data-static-page="dashboard2"] .dc-shipment-img {
  width: 42.5px;
  height: 42.5px;
}

body[data-static-page="dashboard2"] .dc-ship-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body[data-static-page="dashboard2"] .dc-track {
  font-size: 12px;
  letter-spacing: normal;
  line-height: 17px;
}

body[data-static-page="dashboard2"] .dc-ship-meta {
  margin-top: 2.125px;
  font-size: 10px;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-timeline {
  position: relative;
  height: 31.25px;
  margin: 0 0 8.5px;
}

body[data-static-page="dashboard2"] .dc-timeline::before,
body[data-static-page="dashboard2"] .dc-timeline::after {
  position: absolute;
  z-index: 0;
  top: 7.5px;
  height: 2px;
  border-radius: 999px;
  content: "";
  pointer-events: none;
}

body[data-static-page="dashboard2"] .dc-timeline::before {
  inset-inline: 8.33333%;
  background: rgba(226, 232, 240, .78);
}

body[data-static-page="dashboard2"] .dc-timeline::after {
  inset-inline-start: 8.33333%;
  width: var(--dc-progress, 0%);
  background: rgba(15, 23, 42, .7);
  transition: width 500ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .dc-timeline-trigger {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  appearance: none;
}

body[data-static-page="dashboard2"] .dc-timeline-trigger:hover {
  background: rgba(17, 94, 232, .025);
}

body[data-static-page="dashboard2"] .dc-timeline-trigger:focus-visible {
  outline: 2px solid rgba(17, 94, 232, .55);
  outline-offset: 4px;
}

body[data-static-page="dashboard2"] .dc-timeline-step {
  z-index: 1;
  line-height: 10px;
}

body[data-static-page="dashboard2"] .dc-timeline-step:not(:last-child)::before {
  content: none;
}

body[data-static-page="dashboard2"] .dc-timeline-step b {
  display: grid;
  width: 17px;
  height: 17px;
  margin-bottom: 4px;
  border: 2px solid var(--color-border);
  background: #fff;
  place-items: center;
}

body[data-static-page="dashboard2"] .dc-timeline-step.done b,
body[data-static-page="dashboard2"] .dc-timeline-step.current b {
  border-color: var(--color-text);
  background: var(--color-text);
}

body[data-static-page="dashboard2"] .dc-timeline-step.done b img {
  display: block;
  width: 12px;
  height: 12px;
}

body[data-static-page="dashboard2"] .dc-timeline-step.current b {
  box-shadow: 0 0 0 2px rgba(17, 94, 232, .18);
}

body[data-static-page="dashboard2"] .dc-timeline-step.current b i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  animation: dc-timeline-pulse 1.8s ease-in-out infinite;
}

body[data-static-page="dashboard2"] .dc-timeline-step em {
  display: block;
  overflow: hidden;
  padding-inline: 2px;
  color: rgba(71, 85, 105, .7);
  font-style: normal;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-static-page="dashboard2"] .dc-timeline-step.done em {
  color: rgba(15, 23, 42, .8);
}

body[data-static-page="dashboard2"] .dc-timeline-step.current em {
  color: var(--color-text);
  font-weight: 700;
}

@keyframes dc-timeline-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: .55; }
}

body[data-static-page="dashboard2"] .dc-ship-bottom {
  height: 25.75px;
  padding-top: 8.5px;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-ship-bottom {
  justify-content: flex-end;
}

body[data-static-page="dashboard2"] .dc-ship-bottom button {
  display: flex;
  align-items: center;
  gap: 4.25px;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-ship-bottom button i {
  width: 12.75px;
  height: 12.75px;
  flex: 0 0 12.75px;
  background: url('../assets/icon-arrow-muted.svg') center / contain no-repeat;
  transform: rotate(180deg);
  transition: transform 200ms cubic-bezier(.4, 0, .2, 1), background-image 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-ship-bottom button i::before {
  content: none;
}

body[data-static-page="dashboard2"] .dc-shipment:hover .dc-ship-bottom button i {
  background-image: url('../assets/icon-arrow-primary.svg');
  transform: translateX(2.125px) rotate(180deg);
}

body[data-static-page="dashboard2"] .dc-ship-panel {
  --shipment-panel-color: var(--color-primary);
  --shipment-panel-tint: rgba(0, 51, 160, .03);
  border: 1px solid var(--color-border);
  border-top: 2px solid var(--shipment-panel-color);
  background-color: var(--shipment-panel-tint);
  transition: border-color 200ms cubic-bezier(.16, 1, .3, 1), background-color 200ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .dc-ship-panel[data-shipment-tone="pickup"] {
  --shipment-panel-color: var(--color-accent-gold);
  --shipment-panel-tint: rgba(203, 160, 82, .03);
}

body[data-static-page="dashboard2"] .dc-ship-panel[data-shipment-tone="transit"] {
  --shipment-panel-color: #7c3aed;
  --shipment-panel-tint: rgba(124, 58, 237, .03);
}

body[data-static-page="dashboard2"] .dc-ship-panel[data-shipment-tone="delivered"] {
  --shipment-panel-color: var(--color-success);
  --shipment-panel-tint: rgba(0, 154, 68, .03);
}

body[data-static-page="dashboard2"] .dc-ship-panel > .dc-view-all {
  height: 44.5px;
  margin-top: 12.75px;
  padding: 12.75px;
}

body[data-static-page="dashboard2"] .dc-view-all-updates {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  text-align: center;
}

body[data-static-page="dashboard2"] .dc-view-all-updates .dc-updates-arrow {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  object-fit: contain;
}

body[data-static-page="dashboard2"] .dc-shipment:hover {
  border-color: #cbd5e1;
  box-shadow: 0 10px 24px -16px rgba(15, 23, 42, .25);
  transform: translateY(-1px);
}

body[data-static-page="dashboard2"] .dc-appointment {
  height: 73.25px;
  min-height: 73.25px;
  padding: 14.875px 17px;
  gap: 14.875px;
  text-align: start;
  transition: background-color 200ms cubic-bezier(.4, 0, .2, 1), transform 200ms cubic-bezier(.16, 1, .3, 1);
}

body[data-static-page="dashboard2"] .dc-appointment-icon {
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 8px;
}

body[data-static-page="dashboard2"] .dc-appointment-main b {
  font-size: 14.875px;
  font-weight: 700;
  line-height: 18.59375px;
}

body[data-static-page="dashboard2"] .dc-appointment-main span {
  margin-top: 4.25px;
  font-size: 11px;
  line-height: 17.875px;
}

body[data-static-page="dashboard2"] .dc-appointment-meta {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8.5px;
  color: var(--color-text-muted);
  white-space: nowrap;
}

body[data-static-page="dashboard2"] .dc-appointment-meta > span {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6.375px;
  margin-top: 0;
  white-space: nowrap;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment-meta,
html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment-meta > span {
  white-space: normal;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment-meta > span {
  flex: 0 1 auto;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment {
  height: auto;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointments {
  height: auto;
}

body[data-static-page="dashboard2"] .dc-appointment-date {
  font-weight: 600;
}

body[data-static-page="dashboard2"] .dc-appointment-time {
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

body[data-static-page="dashboard2"] .dc-appointment-divider {
  display: block;
  width: 1px;
  height: 12.75px;
  flex: 0 0 1px;
  background: var(--color-border);
}

body[data-static-page="dashboard2"] .dc-appointment-meta i:not(.dc-appointment-divider) {
  display: inline-grid;
  width: 14.875px;
  height: 14.875px;
  flex: 0 0 14.875px;
  color: var(--color-accent-gold);
  font-size: 14.875px;
  line-height: 14.875px;
  place-items: center;
}

body[data-static-page="dashboard2"] .dc-appointment-date i {
  background: url('../assets/icon-calendar-date-gold.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-appointment-time i {
  background: url('../assets/icon-clock-duotone-muted-70.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-appointment-date i::before,
body[data-static-page="dashboard2"] .dc-appointment-time i::before {
  content: none;
}

body[data-static-page="dashboard2"] .dc-appointment-icon::before {
  width: 18px;
  height: 18px;
  content: "";
  background: url('../assets/icon-package-gold.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-appointment-arrow {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: url('../assets/icon-arrow-muted-50.svg') center / contain no-repeat;
  transform: rotate(180deg);
  transition: transform 200ms cubic-bezier(.4, 0, .2, 1), background-image 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-appointment-arrow::before {
  content: none;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment:hover .dc-appointment-arrow {
  background-image: url('../assets/icon-arrow-gold.svg');
  transform: translateX(-2.125px) rotate(180deg);
}

body[data-static-page="dashboard2"] .dc-appointments {
  height: 147.5px;
}

body[data-static-page="dashboard2"] .dc-appointment:hover {
  background: rgba(203, 160, 82, .05) !important;
}

body[data-static-page="dashboard2"] .dc-appointment:not(:last-child) {
  border-bottom: 1px solid #e9edf2 !important;
}

body[data-static-page="dashboard2"] .dc-announcement {
  height: 64.75px;
  min-height: 64.75px;
  padding: 12.75px 17px;
  gap: 14.875px;
  transition: background-color 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-announcement-icon {
  width: 38.25px;
  height: 38.25px;
  flex: 0 0 38.25px;
  border-radius: 8px;
}

body[data-static-page="dashboard2"] .dc-announcement-icon::before {
  width: 17px;
  height: 17px;
  content: "";
  background: url('../assets/icon-megaphone-primary.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-announcement b {
  flex: 0 1 auto;
  font-size: 11px;
  font-weight: 400;
  line-height: 17.875px;
}

body[data-static-page="dashboard2"] .dc-announcement-copy,
body[data-static-page="dashboard2"] .dc-announcement-line {
  min-width: 0;
  flex: 1;
}

body[data-static-page="dashboard2"] .dc-announcement-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12.75px;
}

body[data-static-page="dashboard2"] .dc-announcement small {
  font-size: 9px;
  line-height: 14.625px;
}

body[data-static-page="dashboard2"] .dc-announcement .arrow {
  display: block;
  width: 14.875px;
  height: 14.875px;
  flex: 0 0 14.875px;
  background: url('../assets/icon-arrow-muted.svg') center / contain no-repeat;
  transform: rotate(180deg);
  transition: transform 200ms cubic-bezier(.4, 0, .2, 1), background-image 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-announcement .arrow::before {
  content: none;
}

body[data-static-page="dashboard2"] .dc-announcement:hover .arrow {
  background-image: url('../assets/icon-arrow-primary.svg');
  transform: translateX(-2.125px) rotate(180deg);
}

body[data-static-page="dashboard2"] .dc-appointment > :where(.dc-appointment-icon, .dc-appointment-main, .dc-appointment-arrow) {
  position: relative;
  top: -.5px;
}

body[data-static-page="dashboard2"] .dc-announcements {
  height: 195.25px;
}

body[data-static-page="dashboard2"] .dc-announcement:hover {
  background: rgba(0, 51, 160, .05);
}

body[data-static-page="dashboard2"] .dc-action-card,
body[data-static-page="dashboard2"] .dc-nearest-branch {
  transition: transform 200ms cubic-bezier(.16, 1, .3, 1), box-shadow 200ms cubic-bezier(.16, 1, .3, 1), border-color 200ms cubic-bezier(.4, 0, .2, 1);
}

body[data-static-page="dashboard2"] .dc-quick-actions {
  margin-top: 34px;
}

body[data-static-page="dashboard2"] .dc-action-grid {
  gap: 12.75px;
}

body[data-static-page="dashboard2"] .dc-action-card {
  height: 150px;
  min-height: 150px;
  gap: 0;
  padding: 17px;
  border-radius: 10px;
}

body[data-static-page="dashboard2"] .dc-action-card img {
  width: 59.5px;
  height: 59.5px;
  margin-bottom: 10.625px;
}

body[data-static-page="dashboard2"] .dc-action-card b {
  font-size: 13px;
  font-weight: 700;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-action-card small {
  gap: 4.25px;
  margin-top: 6.375px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16.25px;
}

body[data-static-page="dashboard2"] .dc-location-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25.5px;
  margin-top: 34px;
}

body[data-static-page="dashboard2"] .dc-nearest-branch {
  grid-column: span 2;
  height: 315.25px;
  border-radius: 10px;
}

body[data-static-page="dashboard2"] .dc-nearest-branch.dc-live-branch {
  display: grid;
  grid-template-rows: 204px minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
  text-align: start;
}

body[data-static-page="dashboard2"] .dc-nearest-branch.dc-live-branch:hover {
  transform: none;
}

body[data-static-page="dashboard2"] .dc-live-map {
  z-index: 0;
  width: 100%;
  height: 204px;
  direction: ltr;
  background: #e9eef1;
}

body[data-static-page="dashboard2"] .dc-live-branch .leaflet-container {
  font-family: Inter, "Plus Jakarta Sans", Arial, sans-serif;
}

body[data-static-page="dashboard2"] .dc-live-branch .leaflet-control-zoom {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .55);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .14);
}

body[data-static-page="dashboard2"] .dc-live-branch .leaflet-control-zoom a {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  color: #1e293b;
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  font-size-adjust: none !important;
  font-weight: 700;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0;
}

body[data-static-page="dashboard2"] .dc-live-branch .leaflet-control-zoom a:hover,
body[data-static-page="dashboard2"] .dc-live-branch .leaflet-control-zoom a:focus-visible {
  background: #f1f5f9;
  color: var(--color-primary);
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-live-branch .leaflet-tooltip {
  direction: rtl;
  font-family: Alexandria, Arial, sans-serif;
  text-align: right;
}

body[data-static-page="dashboard2"] .dc-map-status {
  top: 12.75px;
  inset-inline-start: 12.75px;
  max-width: 255px;
  padding: 8.5px 10.625px;
  border-radius: 9px;
}

body[data-static-page="dashboard2"] .dc-map-status b {
  font-size: 10px;
}

body[data-static-page="dashboard2"] .dc-map-status small {
  font-size: 8.5px;
}

body[data-static-page="dashboard2"] .dc-location-pulse {
  flex-basis: 27.625px;
  width: 27.625px;
  height: 27.625px;
}

body[data-static-page="dashboard2"] .dc-location-icon {
  display: block;
  width: 15px;
  height: 15px;
  background: currentColor;
  mask: url('../assets/icon-map-pin-green.svg') center / contain no-repeat;
  -webkit-mask: url('../assets/icon-map-pin-green.svg') center / contain no-repeat;
}

body[data-static-page="dashboard2"] .dc-live-branch-details {
  display: flex;
  min-width: 0;
  height: 109.25px;
  padding: 14.875px 19.125px;
  gap: 10.625px;
  border-top: 1px solid rgba(226, 232, 240, .9);
  box-sizing: border-box;
}

body[data-static-page="dashboard2"] .dc-live-branch-copy {
  min-width: 0;
  flex: 1 1 auto;
  text-align: start;
}

body[data-static-page="dashboard2"] .dc-live-branch-copy h3 {
  margin: 3px 0;
  font-size: 17px;
  line-height: 23px;
}

body[data-static-page="dashboard2"] .dc-live-branch-copy p {
  font-size: 9px;
  line-height: 15px;
}

body[data-static-page="dashboard2"] .dc-retry-location,
body[data-static-page="dashboard2"] .dc-live-directions {
  flex: 0 0 auto;
  min-height: 38.25px;
  margin-inline-start: 0;
  padding: 9px 12.75px;
  border-radius: 999px;
  white-space: nowrap;
}

body[data-static-page="dashboard2"] .dc-retry-location:hover {
  border-color: #115ee8;
  background: #f1f6ff;
}

body[data-static-page="dashboard2"] .dc-live-directions:hover {
  background: #0d4ab8;
  box-shadow: 0 6px 16px rgba(17, 94, 232, .2);
}

body[data-static-page="dashboard2"] .dc-retry-location:focus-visible,
body[data-static-page="dashboard2"] .dc-live-directions:focus-visible {
  outline: 2px solid rgba(17, 94, 232, .55);
  outline-offset: 2px;
}

body[data-static-page="dashboard2"] .dc-retry-location img,
body[data-static-page="dashboard2"] .dc-live-direction-arrow {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-live-direction-arrow {
  transform: rotate(180deg);
}

body[data-static-page="dashboard2"] .dc-branch-pin img {
  width: 16px;
  height: 16px;
  transform: rotate(45deg);
}

body[data-static-page="dashboard2"] .dc-address-card {
  height: 315.25px;
  min-height: 315.25px;
  padding: 21.25px;
  border-radius: 12px;
}

body[data-static-page="dashboard2"] .dc-address-heading-icon {
  width: 28px;
  height: 28px;
  padding: 7px;
  border-radius: 50%;
  background: rgba(0, 51, 160, .1);
}

body[data-static-page="dashboard2"] .dc-address-type-icon {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  padding: 7px;
  border-radius: 8px;
  background: #edf3ff;
}

body[data-static-page="dashboard2"] .dc-address-list button:nth-child(2) .dc-address-type-icon {
  background: #fff7e9;
}

body[data-static-page="dashboard2"] .dc-address-list button:nth-child(3) .dc-address-type-icon {
  background: #f5edff;
}

body[data-static-page="dashboard2"] .dc-address-add-icon {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}

body[data-static-page="dashboard2"] .dc-add-address {
  display: grid;
  grid-template-columns: 12px auto 12px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}

body[data-static-page="dashboard2"] .dc-add-address::after {
  content: "";
  width: 12px;
  height: 12px;
}

body[data-static-page="dashboard2"] .dc-add-address:hover .dc-address-add-icon {
  filter: brightness(0) invert(1);
}

html[dir="rtl"] body[data-static-page="dashboard2"] .sr-assistant {
  right: auto;
  left: 25.5px;
  bottom: 25.5px;
}

body[data-static-page="dashboard2"] .sr-assistant-fab {
  width: 102px;
  height: 102px;
  transition: transform 700ms cubic-bezier(0, 0, .2, 1), opacity 700ms cubic-bezier(0, 0, .2, 1);
}

body[data-static-page="dashboard2"] .sr-assistant-fab:hover {
  transform: scale(1.3);
}

body[data-static-page="dashboard2"] .sr-assistant-fab:active {
  transform: scale(.95);
}

@media (min-width: 1280px) {
  body[data-static-page="dashboard2"] .rp-aside {
    width: 272px;
  }

  body[data-static-page="dashboard2"] .rp-content {
    margin-left: 272px;
    margin-right: 0;
    padding: 0 0 43px;
  }

  html[dir="rtl"] body[data-static-page="dashboard2"] .rp-content {
    margin-left: 0;
    margin-right: 272px;
  }

  body[data-static-page="dashboard2"] .rp-wrap {
    width: calc(100% - 68px);
    max-width: 1564px;
    margin-top: 0;
    margin-inline: auto;
    padding-top: 25.5px;
  }

  body[data-static-page="dashboard2"] .rp-header {
    width: calc(100% - 68px);
    max-width: 1564px;
    margin-inline: auto;
  }
}

@media (min-width: 721px) and (max-width: 1279px) {
  body[data-static-page="dashboard2"] .rp-content {
    padding-inline: 34px;
  }

  body[data-static-page="dashboard2"] .rp-wrap {
    padding-top: 25.5px;
  }

  body[data-static-page="dashboard2"] .dc-grid {
    grid-template-columns: 1fr;
  }

  body[data-static-page="dashboard2"] .dc-location-grid {
    grid-template-columns: 1fr;
  }

  body[data-static-page="dashboard2"] .dc-nearest-branch {
    grid-column: auto;
  }
}

@media (max-width: 720px) {
  body[data-static-page="dashboard2"] {
    background:
      radial-gradient(circle at 12% 0%, rgba(174, 192, 239, .6), transparent 38%),
      radial-gradient(circle at 90% 78%, rgba(255, 215, 197, .55), transparent 34%),
      var(--color-canvas);
  }

  body[data-static-page="dashboard2"] .rp-header {
    height: 56px;
  }

  body[data-static-page="dashboard2"] .rp-content {
    padding-inline: 17px;
  }

  body[data-static-page="dashboard2"] .rp-wrap {
    margin-top: 0;
    padding-top: 17px;
  }

  body[data-static-page="dashboard2"] .dc-location-grid {
    grid-template-columns: 1fr;
  }

  body[data-static-page="dashboard2"] .dc-nearest-branch {
    grid-column: auto;
  }

  body[data-static-page="dashboard2"] .dc-greeting {
    min-height: 48px;
    margin-bottom: 17px;
  }

  body[data-static-page="dashboard2"] .dc-greeting h1 {
    font-size: 24px;
    line-height: 30px;
    overflow-wrap: normal;
    white-space: nowrap;
  }

  body[data-static-page="dashboard2"] .dc-greeting p {
    font-size: 11px;
    line-height: 18px;
  }

  body[data-static-page="dashboard2"] .dc-hero-grid {
    gap: 12px;
    margin-bottom: 21px;
  }

  body[data-static-page="dashboard2"] .dc-ticket {
    height: 226px;
  }

  body[data-static-page="dashboard2"] .dc-ticket-spine {
    flex-basis: 50px;
  }

  body[data-static-page="dashboard2"] .dc-ticket-perforation {
    flex-basis: 9px;
  }

  body[data-static-page="dashboard2"] .dc-ticket-content {
    padding: 14px 12px;
  }

  body[data-static-page="dashboard2"] .dc-ticket-copy {
    padding-inline-end: 0;
  }

  body[data-static-page="dashboard2"] .dc-ticket-id {
    height: 44px;
    margin-inline: auto;
    font-size: 44px;
    letter-spacing: 0 !important;
    line-height: 44px;
  }

  html[lang="en"] body[data-static-page="dashboard2"] .dc-ticket-id {
    margin-right: auto;
    margin-left: 0;
  }

  body[data-static-page="dashboard2"] .dc-status-tab {
    min-height: 42px;
    padding: 8px 11px;
    font-size: 11px;
  }

  body[data-static-page="dashboard2"] .dc-title-heading > i {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 20px;
  }

  body[data-static-page="dashboard2"] .rp-h-actions .rp-user {
    display: none;
  }

  body[data-static-page="dashboard2"] .rp-h-actions > button:first-child {
    display: flex;
    width: auto;
    padding-inline: 8px;
    gap: 6px;
  }

  body[data-static-page="dashboard2"] .rp-h-actions .lang-label {
    display: inline;
  }

  body[data-static-page="dashboard2"] .rp-mobile-nav {
    right: 24px;
    bottom: 14px;
    left: 24px;
    height: 76px;
    padding: 9px 8px;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 30px;
    box-shadow: 0 14px 36px -18px rgba(15, 23, 42, .28);
  }

  body[data-static-page="dashboard2"] .dc-appointment,
  body[data-static-page="dashboard2"] .dc-announcement {
    height: auto;
    min-height: 64px;
  }

  html[dir="rtl"] body[data-static-page="dashboard2"] .sr-assistant {
    right: auto;
    left: 12px;
    bottom: 112px;
  }

  body[data-static-page="dashboard2"] .sr-assistant-fab {
    width: 80px;
    height: 80px;
  }

  body[data-static-page="dashboard2"] .dc-nearest-branch.dc-live-branch {
    height: auto;
    min-height: 392px;
    grid-template-rows: 240px auto;
  }

  body[data-static-page="dashboard2"] .dc-live-map {
    height: 240px;
  }

  body[data-static-page="dashboard2"] .dc-live-branch-details {
    height: auto;
    min-height: 150px;
    align-items: center;
    flex-wrap: wrap;
    padding: 14px;
  }

  body[data-static-page="dashboard2"] .dc-live-branch-copy {
    flex-basis: 100%;
  }

  body[data-static-page="dashboard2"] .dc-retry-location,
  body[data-static-page="dashboard2"] .dc-live-directions {
    flex: 1 1 calc(50% - 6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-static-page="dashboard2"] *,
  body[data-static-page="dashboard2"] *::before,
  body[data-static-page="dashboard2"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Live dashboard2 parity for the appointment and announcement headings. */
body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-row h2 {
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-heading {
  gap: 8px;
}

body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-row h2 > i,
body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-heading > i {
  display: inline-grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin: 0;
  place-items: center;
  font-size: 20px;
  line-height: 20px;
}

body[data-static-page="dashboard2"] img.dc-appointment-arrow {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: none;
  object-fit: contain;
  transform: none;
}

body[data-static-page="dashboard2"] .dc-announcement img.arrow.dc-ph-row-arrow {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: none;
  object-fit: contain;
  transform: none;
}

html[dir="ltr"] body[data-static-page="dashboard2"] .dc-appointment:hover img.dc-appointment-arrow,
html[dir="ltr"] body[data-static-page="dashboard2"] .dc-announcement:hover img.arrow.dc-ph-row-arrow {
  background: none;
  transform: translateX(2px);
}

html[dir="rtl"] body[data-static-page="dashboard2"] .dc-appointment:hover img.dc-appointment-arrow,
html[dir="rtl"] body[data-static-page="dashboard2"] .dc-announcement:hover img.arrow.dc-ph-row-arrow {
  background: none;
  transform: translateX(-2px);
}

@media (min-width: 1024px) {
  body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-row {
    min-height: 28px;
  }

  body[data-static-page="dashboard2"] .dc-grid > aside .dc-title-row h2 {
    font-size: 18px;
    line-height: 28px;
  }
}


/* source: css/notifications-exact.css */
/* Exact static mirror of src/pages/Notifications.jsx. */

html::-webkit-scrollbar { width: 6px; }
html::-webkit-scrollbar-track { background: transparent; }
html::-webkit-scrollbar-thumb { border-radius: 3px; background: #cbd5e1; }

html body[data-app-page="notifications"] {
  min-height: 100vh;
  padding-bottom: 0;
  font-size: 17px;
  line-height: 1.625;
}

body[data-app-page="notifications"] .rp-content {
  min-height: 100vh;
  padding: 0 0 34px !important;
}

body[data-app-page="notifications"] .rp-header {
  width: 100%;
  max-width: 1632px;
  height: 68px;
  margin: 0 auto;
  padding: 0 34px;
}

body[data-app-page="notifications"] .rp-header-brand {
  display: flex;
  align-items: center;
  gap: 12.75px;
  min-width: 0;
}

body[data-app-page="notifications"] .rp-shell .rp-header-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.25px;
  height: 38.25px;
  flex: 0 0 38.25px;
  margin-inline-start: -8.5px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
}

body[data-app-page="notifications"] .rp-header-back .rp-back-icon { width: 18px; height: 18px; }
body[data-app-page="notifications"] .rp-header-brand > a { display: flex; align-items: center; }
body[data-app-page="notifications"] .rp-logo { width: auto; height: 51px; object-fit: contain; }

body[data-app-page="notifications"] .rp-h-actions { gap: 6.375px; }
body[data-app-page="notifications"] .rp-h-actions .rp-language {
  display: flex;
  align-items: center;
  gap: 8.5px;
  width: auto;
  height: 38.25px;
  padding: 0 12.75px;
  border-radius: 8px;
}

body[data-app-page="notifications"] .rp-h-actions .rp-user {
  display: flex;
  align-items: center;
  gap: 10.625px;
  width: auto;
  height: 38.25px;
  margin-inline-start: 4.25px;
  padding: 0 10.625px 0 4.25px;
  border-radius: 8px;
}

html[dir="rtl"] body[data-app-page="notifications"] .rp-h-actions .rp-user { padding: 0 4.25px 0 10.625px; }
body[data-app-page="notifications"] .rp-h-actions .rp-action-icon { width: 16px; height: 16px; flex: 0 0 16px; }
body[data-app-page="notifications"] .rp-h-actions .lang-label,
body[data-app-page="notifications"] .rp-h-actions .rp-user-name { font-size: 12.5px; font-weight: 700; line-height: 20.3125px; }
body[data-app-page="notifications"] .rp-user-avatar,
body[data-app-page="notifications"] .rp-user-icon { width: 29.75px; height: 29.75px; flex: 0 0 29.75px; }
body[data-app-page="notifications"] .rp-user-icon img { width: 17px; height: 17px; }

body[data-app-page="notifications"] .rp-wrap {
  width: 100%;
  max-width: 1632px;
  margin: 0 auto;
  padding: 0 34px;
}

body[data-app-page="notifications"] .notification-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 25.5px 0 0;
}

body[data-app-page="notifications"] .notification-page-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10.625px;
  width: 100%;
  height: 36px;
  margin: 0;
}

body[data-app-page="notifications"] .notification-title-rail {
  display: block;
  width: 3px;
  height: 29.75px;
  flex: 0 0 3px;
  border-radius: 9999px;
  background: linear-gradient(to bottom, var(--color-primary), var(--color-accent-gold));
}

body[data-app-page="notifications"] .notification-page-heading h1 {
  overflow: hidden;
  margin: 0;
  color: var(--color-text);
  font-family: Alexandria, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app-page="notifications"] .notification-mark-all {
  display: inline-flex;
  align-items: center;
  gap: 6.375px;
  min-height: 36px;
  margin-inline-start: auto;
  padding: 8.5px 12.75px;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  background: #fff;
  color: var(--color-text);
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  transition: border-color 150ms ease;
}

body[data-app-page="notifications"] .notification-mark-all:hover { border-color: rgba(15, 23, 42, .2); }
body[data-app-page="notifications"] .notification-mark-icon { width: 14.875px; height: 14.875px; flex: 0 0 14.875px; }
body[data-app-page="notifications"] .notification-mark-short { display: none; }

body[data-app-page="notifications"] .notification-page-content { padding: 25.5px 0; }

body[data-app-page="notifications"] .notification-filters {
  display: flex;
  align-items: center;
  gap: 8.5px;
  height: 36px;
  margin: 0 -4.25px 21.25px;
  padding: 0 4.25px;
  overflow-x: auto;
  scrollbar-width: none;
}

body[data-app-page="notifications"] .notification-filters::-webkit-scrollbar { display: none; }

body[data-app-page="notifications"] .notification-filters button {
  display: inline-flex;
  align-items: center;
  gap: 6.375px;
  min-height: 36px;
  padding: 6.375px 12.75px;
  border: 1px solid var(--color-border);
  border-radius: 9999px;
  background: #fff;
  color: var(--color-text-muted);
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
  transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

body[data-app-page="notifications"] .notification-filters button:hover {
  border-color: rgba(15, 23, 42, .2);
  color: var(--color-text);
}

body[data-app-page="notifications"] .notification-filters button.active {
  min-height: 34px;
  border: 0;
  background: var(--color-text);
  color: #fff;
}

body[data-app-page="notifications"] .notification-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 21.25px;
  padding: 2.125px 6.375px;
  border-radius: 9999px;
  background: var(--color-canvas);
  color: var(--color-text-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  line-height: 17px;
}

body[data-app-page="notifications"] .notification-filter-label {
  display: block;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

body[data-app-page="notifications"] .notification-filters button.active .notification-filter-count {
  background: rgba(255, 255, 255, .15);
  color: #fff;
}

body[data-app-page="notifications"] .notification-groups {
  display: grid;
  gap: 25.5px;
}

body[data-app-page="notifications"] .notification-group > header {
  display: flex;
  align-items: center;
  gap: 12.75px;
  height: 17.875px;
  margin: 0 0 10.625px;
}

body[data-app-page="notifications"] .notification-group > header h2,
body[data-app-page="notifications"] .notification-group > header b {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 17.875px;
}

body[data-app-page="notifications"] .notification-group > header h2 { text-transform: uppercase; }
body[data-app-page="notifications"] .notification-group > header span { height: 1px; flex: 1; background: var(--color-border); }
body[data-app-page="notifications"] .notification-group > header b { font-variant-numeric: tabular-nums; font-weight: 400; }

body[data-app-page="notifications"] .notification-group-items {
  display: grid;
  gap: 10.625px;
}

body[data-app-page="notifications"] .notification-page-item {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: #fff;
  color: var(--color-text);
  font-size: 17px;
  line-height: 27.625px;
  text-align: start;
  box-shadow: none;
  transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

body[data-app-page="notifications"] .notification-page-item.unread {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
}

body[data-app-page="notifications"] .notification-page-item:hover { border-color: rgba(15, 23, 42, .15); }
body[data-app-page="notifications"] .notification-page-item.unread:hover { border-color: rgba(0, 51, 160, .3); }

body[data-app-page="notifications"] .notification-accent {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 3px;
  background: var(--color-primary);
}

body[data-app-page="notifications"] .notification-accent.transit { background: var(--color-warning); }
body[data-app-page="notifications"] .notification-accent.delivered { background: var(--color-success); }
body[data-app-page="notifications"] .notification-accent.neutral { background: var(--color-text-muted); }

body[data-app-page="notifications"] .notification-card-content {
  display: flex;
  align-items: flex-start;
  gap: 14.875px;
  min-height: 106.59375px;
  padding: 17px;
}

body[data-app-page="notifications"] .notification-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .05);
  color: var(--color-primary);
}

body[data-app-page="notifications"] .notification-icon.transit { background: rgba(245, 158, 11, .1); color: var(--color-warning); }
body[data-app-page="notifications"] .notification-icon.delivered { background: rgba(0, 154, 68, .1); color: var(--color-success); }
body[data-app-page="notifications"] .notification-icon.neutral { background: rgba(15, 23, 42, .05); color: var(--color-text-muted); }
body[data-app-page="notifications"] .notification-item-icon { width: 18px; height: 18px; }

body[data-app-page="notifications"] .notification-copy {
  display: block;
  min-width: 0;
  flex: 1;
  color: var(--color-text);
  font-size: 17px;
  line-height: 27.625px;
}

body[data-app-page="notifications"] .notification-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12.75px;
  height: 21.25px;
  color: var(--color-text);
}

body[data-app-page="notifications"] .notification-title-row h3 {
  margin: 0;
  color: var(--color-text);
  font-size: 14.875px;
  font-weight: 700;
  line-height: 21.25px;
}

body[data-app-page="notifications"] .notification-title-row > i {
  display: block;
  width: 6.375px;
  height: 6.375px;
  flex: 0 0 6.375px;
  margin-top: 6.375px;
  border-radius: 9999px;
  background: var(--color-primary);
}

body[data-app-page="notifications"] .notification-message {
  display: flow-root;
  height: 20.71875px;
  margin-top: 4.25px;
  overflow: hidden;
  color: var(--color-text-muted);
  font-size: 12.75px;
  line-height: 20.71875px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app-page="notifications"] .notification-copy time {
  display: block;
  height: 17.875px;
  margin-top: 8.5px;
  color: rgba(71, 85, 105, .7);
  font-size: 11px;
  line-height: 17.875px;
}

body[data-app-page="notifications"] .notification-empty {
  padding: 51px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

body[data-app-page="notifications"] .notification-empty > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
  margin: 0 auto 12.75px;
  border-radius: 10px;
  background: rgba(0, 51, 160, .05);
  color: var(--color-primary);
}

body[data-app-page="notifications"] .notification-empty-icon { width: 21.25px; height: 21.25px; }
body[data-app-page="notifications"] .notification-empty h2 { margin: 0; font-size: 14.875px; font-weight: 600; }
body[data-app-page="notifications"] .notification-empty p { margin: 4.25px 0 0; color: var(--color-text-muted); font-size: 12.75px; }

@media (max-width: 1279px) and (min-width: 721px) {
  body[data-app-page="notifications"] .rp-aside { width: 80px; }
  body[data-app-page="notifications"] .rp-content { margin-right: 80px; }
}

@media (max-width: 720px) {
  body[data-app-page="notifications"] { font-size: 16px; line-height: 1.625; }
  body[data-app-page="notifications"] .rp-content { margin: 0; padding-bottom: 112px !important; }
  body[data-app-page="notifications"] .rp-header { width: 100%; height: 59.5px; padding: 0 17px; }
  body[data-app-page="notifications"] .rp-header-brand { gap: 12.75px; }
  body[data-app-page="notifications"] .rp-shell .rp-header-back { width: 38.25px; height: 38.25px; flex-basis: 38.25px; border-radius: 8px; }
  body[data-app-page="notifications"] .rp-logo { width: auto; height: 51px; max-width: none; }
  body[data-app-page="notifications"] .rp-h-actions { gap: 4.25px; }
  body[data-app-page="notifications"] .rp-h-actions .rp-language { width: auto; min-width: 0; height: 38.25px; padding: 0 10.625px; }
  body[data-app-page="notifications"] .rp-h-actions .rp-user { display: none; }
  body[data-app-page="notifications"] .rp-wrap { padding: 0 17px; }
  body[data-app-page="notifications"] .notification-page { padding-top: 21.25px; }
  body[data-app-page="notifications"] .notification-page-heading { height: 36px; }
  body[data-app-page="notifications"] .notification-title-rail { display: none; }
  body[data-app-page="notifications"] .notification-page-heading h1 { font-size: 25.5px; line-height: 34px; }
  body[data-app-page="notifications"] .notification-mark-all { min-height: 36px; padding: 8.5px 12.75px; font-size: 12.75px; line-height: 17px; }
  body[data-app-page="notifications"] .notification-mark-wide { display: none; }
  body[data-app-page="notifications"] .notification-mark-short { display: inline; }
  body[data-app-page="notifications"] .notification-page-content { padding: 21.25px 0; }
  body[data-app-page="notifications"] .notification-filters { height: 36px; margin-bottom: 21.25px; }
  body[data-app-page="notifications"] .notification-filters button { min-height: 36px; padding: 6.375px 12.75px; font-size: 12.75px; line-height: 17px; }
  body[data-app-page="notifications"] .notification-filters button.active { min-height: 34px; }
  body[data-app-page="notifications"] .notification-filter-count { min-width: 0; height: 21.25px; padding: 2.125px 6.375px; }
  body[data-app-page="notifications"] .notification-groups { gap: 25.5px; }
  body[data-app-page="notifications"] .notification-group > header { gap: 12.75px; height: 17.875px; margin-bottom: 10.625px; }
  body[data-app-page="notifications"] .notification-group > header h2,
  body[data-app-page="notifications"] .notification-group > header b { font-size: 11px; line-height: 17.875px; }
  body[data-app-page="notifications"] .notification-group-items { gap: 10.625px; }
  body[data-app-page="notifications"] .notification-card-content { gap: 14.875px; min-height: 106.59375px; padding: 17px; }
  body[data-app-page="notifications"] .notification-icon { width: 42.5px; height: 42.5px; flex-basis: 42.5px; }
  body[data-app-page="notifications"] .notification-title-row { height: 21.25px; gap: 12.75px; }
  body[data-app-page="notifications"] .notification-title-row h3 { font-size: 14.875px; line-height: 21.25px; }
  body[data-app-page="notifications"] .notification-message { height: auto; max-height: 41.4375px; font-size: 12.75px; line-height: 20.71875px; white-space: normal; }
  body[data-app-page="notifications"] .notification-copy time { height: 17.875px; margin-top: 8.5px; font-size: 11px; line-height: 17.875px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-page="notifications"] .notification-page-item,
  body[data-app-page="notifications"] .notification-mark-all,
  body[data-app-page="notifications"] .notification-filters button { transition: none; }
}


/* source: css/profile-exact.css */
body[data-app-page="profile"] .pf-top-bar {
  margin-bottom: 16px;
}

body[data-app-page="profile"] .pf-account-bar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px;
  background: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  font-size: 13px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

body[data-app-page="profile"] .pf-account-label {
  color: var(--color-text-muted);
  font-weight: 500;
}

body[data-app-page="profile"] .pf-account-pill {
  color: var(--color-primary);
  font-weight: 700;
  padding: 2px 10px;
  background: rgba(0, 51, 160, 0.08);
  border-radius: 999px;
}

body[data-app-page="profile"] .pf-account-switch {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-primary);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.15s;
}

body[data-app-page="profile"] .pf-account-switch:hover {
  color: var(--color-primary-deep);
}

body[data-app-page="profile"] .pf-layout {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

body[data-app-page="profile"] .pf-side {
  position: sticky;
  top: 96px;
}

body[data-app-page="profile"] .pf-card {
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #ffffff;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}

body[data-app-page="profile"] .pf-card:hover {
  border-color: rgba(0, 51, 160, 0.25);
  box-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.1);
}

body[data-app-page="profile"] .pf-hero {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(155deg, var(--color-primary-deep) 0%, var(--color-primary) 100%);
  color: #fff;
  box-shadow: 0 10px 30px -10px rgba(0, 51, 160, 0.35);
}

body[data-app-page="profile"] .pf-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% -10%, rgba(203, 160, 82, 0.22), transparent 55%),
              radial-gradient(circle at -10% 110%, rgba(58, 122, 240, 0.45), transparent 55%);
  pointer-events: none;
}

body[data-app-page="profile"] .pf-gold-line {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 20px;
  left: 20px;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(203, 160, 82, 0.8), transparent);
}

body[data-app-page="profile"] .pf-identity {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 24px 20px;
  text-align: center;
}

body[data-app-page="profile"] .pf-avatar {
  position: relative;
  display: grid;
  width: 90px;
  height: 90px;
  flex: 0 0 90px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.06));
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.02em;
  backdrop-filter: blur(8px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

body[data-app-page="profile"] .pf-online-dot {
  position: absolute;
  inset-inline-end: 2px;
  bottom: 2px;
  width: 18px;
  height: 18px;
  border: 3px solid var(--color-primary-deep);
  border-radius: 50%;
  background: var(--color-success);
  box-shadow: 0 0 8px rgba(0, 154, 68, 0.6);
}

body[data-app-page="profile"] .pf-identity h2 {
  margin: 14px 0 0;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

body[data-app-page="profile"] .pf-email {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 1.4;
  word-break: break-all;
}

body[data-app-page="profile"] .pf-id-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 20px 20px;
}

body[data-app-page="profile"] .pf-id-box {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(4px);
  color: #fff;
  transition: background-color 0.15s, border-color 0.15s;
}

body[data-app-page="profile"] .pf-id-box[role="button"] {
  cursor: pointer;
}

body[data-app-page="profile"] .pf-id-box[role="button"]:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.25);
}

body[data-app-page="profile"] .pf-id-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

body[data-app-page="profile"] .pf-id-header img {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  opacity: 0.85;
}

body[data-app-page="profile"] .pf-id-box small {
  display: block;
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body[data-app-page="profile"] .pf-id-box b {
  display: block;
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
}

body[data-app-page="profile"] .pf-mono {
  font-family: var(--font-mono);
  font-size: 11.5px;
}

body[data-app-page="profile"] .pf-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}

body[data-app-page="profile"] .pf-id-box-mobile,
body[data-app-page="profile"] .pf-id-box-email {
  grid-column: 1 / -1;
  width: 100%;
}

body[data-app-page="profile"] .pf-id-box-email b {
  font-size: 12.5px;
  word-break: break-all;
  white-space: normal;
}

/* Box Number Card under Profile Hero */
body[data-app-page="profile"] .pf-mailbox-card {
  margin-top: 16px;
  padding: 18px 20px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
}

body[data-app-page="profile"] .pf-mb-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

body[data-app-page="profile"] .pf-mb-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 10px;
  background: transparent;
}

body[data-app-page="profile"] .pf-mb-icon img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

body[data-app-page="profile"] .pf-mb-meta {
  flex: 1;
  min-width: 0;
}

body[data-app-page="profile"] .pf-mb-label {
  display: block;
  color: var(--color-text-muted);
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

body[data-app-page="profile"] .pf-mb-number {
  display: block;
  margin-top: 2px;
  color: var(--color-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

body[data-app-page="profile"] .pf-open-box-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 40px;
  margin-top: 14px;
  padding: 8px 16px;
  border: none;
  border-radius: 8px;
  background: var(--color-primary);
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, transform 0.15s;
}

body[data-app-page="profile"] .pf-open-box-btn:hover {
  background: var(--color-primary-deep);
}

body[data-app-page="profile"] .pf-open-box-btn img {
  width: 15px;
  height: 15px;
}

body[data-app-page="profile"] .pf-section {
  margin-bottom: 24px;
}

body[data-app-page="profile"] .pf-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

body[data-app-page="profile"] .pf-section-label {
  margin: 0;
  color: var(--color-text);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body[data-app-page="profile"] .pf-services-heading {
  display: flex;
  align-items: center;
  gap: 10px;
}

body[data-app-page="profile"] .pf-star-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
}

body[data-app-page="profile"] .pf-star-icon img {
  width: 18px;
  height: 18px;
}

body[data-app-page="profile"] .pf-section-sub {
  margin: 2px 0 0;
  color: var(--color-text-muted);
  font-size: 12px;
}

body[data-app-page="profile"] .pf-manage-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 4px 8px;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.15s;
}

body[data-app-page="profile"] .pf-manage-link:hover {
  background: rgba(0, 51, 160, 0.06);
}

body[data-app-page="profile"] .pf-manage-link img {
  width: 12px;
  height: 12px;
}

body[data-app-page="profile"] .pf-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body[data-app-page="profile"] .pf-overview-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px;
  cursor: pointer;
}

body[data-app-page="profile"] .pf-stat-icon-wrap {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 12px;
  background: transparent;
}

body[data-app-page="profile"] .pf-stat-icon-wrap img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

body[data-app-page="profile"] .pf-stat-number {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1;
}

body[data-app-page="profile"] .pf-stat-name {
  display: block;
  margin-top: 4px;
  color: var(--color-text);
  font-size: 14.5px;
  font-weight: 600;
}

body[data-app-page="profile"] .pf-stat-meta {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 11.5px;
}

body[data-app-page="profile"] .pf-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body[data-app-page="profile"] .pf-service-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px;
  cursor: pointer;
}

body[data-app-page="profile"] .pf-svc-icon-wrap {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 12px;
  background: transparent;
}

body[data-app-page="profile"] .pf-svc-icon-wrap img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

body[data-app-page="profile"] .pf-svc-label {
  display: block;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

body[data-app-page="profile"] .pf-svc-id {
  display: block;
  margin-top: 2px;
  color: var(--color-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

body[data-app-page="profile"] .pf-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

body[data-app-page="profile"] .pf-status-badge.active {
  background: rgba(0, 154, 68, 0.1);
  color: var(--color-success);
}

body[data-app-page="profile"] .pf-status-badge i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

body[data-app-page="profile"] .pf-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body[data-app-page="profile"] .pf-setting-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 10px 16px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: #ffffff;
  color: var(--color-text);
  text-align: start;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s, background-color 0.15s;
}

body[data-app-page="profile"] .pf-setting-card:nth-child(5) {
  grid-column: 1 / -1;
}

body[data-app-page="profile"] .pf-setting-card:hover {
  background: #fbfdff;
  border-color: rgba(0, 51, 160, 0.25);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

body[data-app-page="profile"] .pf-setting-leading {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 8px;
  background: transparent;
}

body[data-app-page="profile"] .pf-setting-leading img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

body[data-app-page="profile"] .pf-setting-content {
  flex: 1;
  min-width: 0;
}

body[data-app-page="profile"] .pf-setting-content strong {
  display: block;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

body[data-app-page="profile"] .pf-setting-arrow {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  opacity: 0.55;
  transition: transform 0.2s, opacity 0.2s;
}

html[dir="ltr"] body[data-app-page="profile"] .pf-setting-arrow {
  transform: rotate(180deg);
}

body[data-app-page="profile"] .pf-setting-card:hover .pf-setting-arrow {
  opacity: 1;
}

html[dir="rtl"] body[data-app-page="profile"] .pf-setting-card:hover .pf-setting-arrow {
  transform: translateX(-3px);
}

html[dir="ltr"] body[data-app-page="profile"] .pf-setting-card:hover .pf-setting-arrow {
  transform: rotate(180deg) translateX(3px);
}

body[data-app-page="profile"] .pf-logout-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}

body[data-app-page="profile"] .pf-logout-main {
  display: inline-flex;
  width: auto;
  min-width: 140px;
  height: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 8px 24px;
  border: 1px solid rgba(200, 16, 46, 0.25);
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-danger);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, transform 0.15s;
}

body[data-app-page="profile"] .pf-logout-main:hover {
  background: rgba(200, 16, 46, 0.05);
  border-color: var(--color-danger);
}

body[data-app-page="profile"] .pf-logout-main img {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

body[data-app-page="profile"] .pf-qr-modal .rp-modal-card {
  width: min(92vw, 420px);
  text-align: center;
}

body[data-app-page="profile"] .pf-qr-preview {
  display: grid;
  width: 220px;
  height: 220px;
  margin: 18px auto;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-canvas);
}

body[data-app-page="profile"] .pf-qr-preview img {
  width: 160px;
  height: 160px;
  object-fit: contain;
}

body[data-app-page="profile"] .pf-qr-sub {
  margin: 6px 0 18px;
  color: var(--color-text-muted);
  font-size: 13px;
}

@media (max-width: 1023px) {
  body[data-app-page="profile"] .pf-layout {
    display: block;
    padding-bottom: 96px;
  }
  body[data-app-page="profile"] .pf-side {
    position: static;
    margin-bottom: 24px;
  }
  body[data-app-page="profile"] .pf-overview-grid,
  body[data-app-page="profile"] .pf-services-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body[data-app-page="profile"] .pf-settings-grid {
    grid-template-columns: 1fr;
  }
  body[data-app-page="profile"] .pf-setting-card:nth-child(5) {
    grid-column: auto;
  }
}


/* source: css/register-services.css */
* { box-sizing: border-box; }
html { background: var(--color-canvas); -webkit-text-size-adjust: 100%; }
body { margin: 0; min-width: 320px; background: var(--color-canvas); color: var(--color-text); font-family: Inter, sans-serif; }
html[dir="rtl"] body { font-family: Alexandria, sans-serif; }
html[dir="rtl"] * { letter-spacing: 0 !important; }
button, input { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

.svc-page { position: relative; isolation: isolate; min-height: 100svh; overflow-x: clip; padding-bottom: 128px; }
.svc-aurora { position: fixed; z-index: -2; inset: 0; background: radial-gradient(ellipse 46% 54% at 50% 7%,rgba(247,249,255,.98) 0%,rgba(247,249,255,.35) 70%,transparent 100%),radial-gradient(ellipse 58% 72% at 91% 29%,rgba(89,126,205,.58) 0%,rgba(111,143,211,.31) 60%,transparent 100%),radial-gradient(ellipse 45% 58% at 8% 82%,rgba(230,202,150,.48) 0%,rgba(240,223,189,.27) 65%,transparent 100%),radial-gradient(ellipse 39% 44% at 88% 92%,rgba(227,164,154,.38) 0%,transparent 72%),linear-gradient(120deg,#b9c9ec 0%,#eef2fb 34%,#f7f8fc 51%,#b9caeb 100%); pointer-events: none; }
.svc-aurora::before,.svc-aurora::after { content: none; }

.svc-header { position: relative; z-index: 5; min-height: 64px; }
.svc-header-inner { width: min(1584px,calc(100% - 48px)); min-height: 64px; margin: auto; padding: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.svc-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--color-text); text-decoration: none; }
.svc-brand img { width: auto; height: 48px; object-fit: contain; }
.svc-back { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.7); border-radius: 12px; background: rgba(255,255,255,.62); color: var(--color-text); box-shadow: 0 3px 12px rgba(15,23,42,.07); }
.svc-route-row { position: relative; z-index: 5; width: min(1584px,calc(100% - 48px)); margin: 0 auto; padding: 26px 8px 0; display: flex; align-items: center; gap: 20px; }
.svc-route-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
.svc-route-title i { display: block; width: 3px; height: 30px; flex: 0 0 3px; border-radius: 99px; background: linear-gradient(var(--color-primary),var(--color-accent-gold)); }
.svc-route-title h1 { overflow: hidden; margin: 0; color: var(--color-text); font: 700 28px/1.2 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
[dir="rtl"] .svc-route-title h1 { font-family: Alexandria,sans-serif; letter-spacing: 0; }
.svc-language { position: fixed; z-index: 8; top: 18px; right: 24px; display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 8px 12px; border: 1px solid rgba(226,232,240,.82); border-radius: 7px; background: rgba(255,255,255,.82); color: var(--color-text); box-shadow: 0 4px 12px rgba(15,23,42,.03); backdrop-filter: blur(8px); font-size: 12px; font-weight: 700; line-height: 1; }
[dir="rtl"] .svc-language { right: auto; left: 24px; }
.svc-language:hover { border-color: rgba(203,160,82,.5); background: rgba(255,255,255,.96); }
.svc-language i { color: var(--color-accent-gold); font-size: 14px; }
.svc-language small { color: rgba(71,85,105,.6); font: 700 10px/1 "JetBrains Mono",monospace; letter-spacing: .18em; }
[dir="rtl"] .svc-language small { letter-spacing: .18em !important; }

.svc-container { width: min(1408px,100%); margin: auto; padding: 39px clamp(16px,4vw,32px); }
.svc-panel { width: min(642px,100%); margin: auto; }
.svc-stepper { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 29px; }
.svc-stepper i { display: block; width: 20px; height: 6px; border-radius: 99px; background: rgba(0,51,160,.3); }
.svc-stepper i:nth-child(2) { width: 32px; background: linear-gradient(90deg,var(--color-primary),var(--color-accent-gold)); }
.svc-stepper i:nth-child(3) { width: 16px; background: rgba(15,23,42,.1); }
.svc-intro { margin-bottom: 36px; text-align: center; }
.svc-intro h1 { margin: 0 0 9px; color: var(--color-primary); font: 700 32px/1.2 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing: -.04em; }
[dir="rtl"] .svc-intro h1 { font-family: Alexandria,sans-serif; }
.svc-intro p { margin: 0; color: var(--color-text-muted); font-size: 16px; }

.svc-options { display: grid; gap: 12px; margin-bottom: 25px; }
.svc-option-wrap { display: grid; }
.svc-option { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; width: 100%; min-height: 104px; padding: 20px 22px; border: 1px solid rgba(255,255,255,.72); border-radius: 14px; background: rgba(235,241,255,.72); backdrop-filter: blur(22px) saturate(125%); color: var(--color-text); text-align: start; transition: transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s,background .2s; }
.svc-option:hover { border-color: rgba(15,23,42,.3); transform: scale(1.01); }
.svc-option.selected { border-color: rgba(0,51,160,.42); border-bottom-color: transparent; border-radius: 24px 24px 0 0; background: rgba(249,251,255,.82); box-shadow: 0 8px 24px -18px rgba(15,23,42,.35); }
.svc-option-icon { display: grid; place-items: center; flex: 0 0 60px; width: 60px; height: 60px; border-radius: 12px; color: white; font-size: 23px; opacity: .88; transition: transform .2s,box-shadow .2s; }
.svc-option-icon.virtual { background: linear-gradient(135deg,#e7ad35,#f3c85e); }
.svc-option-icon.physical { background: linear-gradient(160deg,#0d4ab8,#115ee8 45%,#3a7af0); }
.svc-option.selected .svc-option-icon { opacity: 1; transform: scale(1.05); }
.svc-option.selected .svc-option-icon.virtual { box-shadow: 0 0 20px rgba(212,160,23,.55); }
.svc-option.selected .svc-option-icon.physical { box-shadow: 0 0 20px rgba(17,94,232,.55); }
.svc-option-name { flex: 1; min-width: 0; font-size: 16px; font-weight: 600; }
.svc-price { flex: 0 0 auto; text-align: end; }
.svc-price b { display: block; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.svc-price small { display: block; margin-top: 2px; color: var(--color-text-muted); font-size: 11px; }
.svc-check { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border: 2px solid rgba(15,23,42,.38); border-radius: 50%; background: rgba(255,255,255,.92); color: transparent; font-size: 12px; transition: .2s; }
.svc-option.selected .svc-check { border-color: var(--color-primary); background: var(--color-primary); color: white; }

.svc-option-details { margin-top: -1px; padding: 16px 20px 20px; border: 1px solid rgba(0,51,160,.4); border-top: 0; border-radius: 0 0 24px 24px; background: rgba(255,255,255,.82); backdrop-filter: blur(28px) saturate(150%); box-shadow: 0 18px 50px -16px rgba(15,23,42,.22); transform-origin: top center; animation: svc-reveal .22s cubic-bezier(.16,1,.3,1); }
.svc-detail-group + .svc-detail-group { margin-top: 16px; }
.svc-label { display: block; margin-bottom: 8px; color: var(--color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.svc-duration { display: inline-flex; gap: 2px; padding: 4px; border: 1px solid rgba(15,23,42,.15); border-radius: 16px; background: rgba(255,255,255,.7); box-shadow: 0 4px 12px rgba(15,23,42,.05); }
.svc-duration button { padding: 6px 14px; border: 0; border-radius: 12px; background: transparent; color: var(--color-text-muted); font-size: 13px; font-weight: 600; }
.svc-duration button.active { background: linear-gradient(145deg,var(--color-primary),var(--color-primary-deep)); color: white; box-shadow: 0 3px 10px rgba(0,51,160,.22); }
.svc-existing { display: flex; gap: 12px; }
.svc-radio { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1; min-height: 46px; border: 1px solid var(--color-border); border-radius: 16px; background: white; color: var(--color-text-muted); font-size: 13px; font-weight: 600; }
.svc-radio i { display: grid; place-items: center; width: 16px; height: 16px; border: 1px solid rgba(15,23,42,.3); border-radius: 50%; background: white; }
.svc-radio.active { border-color: rgba(0,51,160,.5); background: rgba(0,51,160,.05); color: var(--color-text); }
.svc-radio.active i { border-color: var(--color-primary); }
.svc-radio.active i::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); }
.svc-box-input { width: 100%; min-height: 50px; margin-top: 12px; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 6px; background: rgba(255,255,255,.9); color: var(--color-text); outline: 0; }
.svc-box-input:focus { border-color: var(--color-accent-gold-soft); box-shadow: 0 0 0 3px rgba(203,160,82,.16); }
.svc-help { margin: 8px 0 0; color: rgba(71,85,105,.85); font-size: 11px; line-height: 1.45; }

.svc-primary { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 60px; padding: 14px 24px; border: 0; border-radius: 11px; background: linear-gradient(100deg,#2456b8,#2144a0); color: white; font-weight: 700; box-shadow: 0 0 0 4px rgba(17,94,232,.07),0 12px 28px -12px rgba(0,51,160,.42); transition: filter .2s,transform .18s; }
.svc-primary:hover:not(:disabled) { filter: brightness(1.1); }
.svc-primary:active:not(:disabled) { transform: scale(.985); }
.svc-primary:disabled { opacity: .62; cursor: not-allowed; box-shadow: 0 0 0 4px rgba(17,94,232,.05),0 10px 24px -14px rgba(0,51,160,.32); }
.svc-primary .amount { opacity: .8; font-variant-numeric: tabular-nums; }

.svc-card { padding: 20px; border: 1px solid rgba(255,255,255,.7); border-radius: 24px; background: rgba(255,255,255,.8); backdrop-filter: blur(28px) saturate(150%); box-shadow: 0 18px 50px -16px rgba(15,23,42,.22); }
.svc-eyebrow { margin: 0 0 12px; color: var(--color-text-muted); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.svc-summary-list { display: grid; gap: 12px; }
.svc-summary-row,.svc-total { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.svc-summary-row h3 { margin: 0; font-size: 14px; font-weight: 600; }
.svc-summary-row p { margin: 3px 0 0; color: var(--color-text-muted); font-size: 12px; }
.svc-summary-row strong { font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.svc-rule { height: 1px; margin: 16px 0; background: var(--color-border); }
.svc-total span { font-size: 14px; font-weight: 500; }
.svc-total strong { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.svc-payment-label { margin: 0 0 8px; color: var(--color-text-muted); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.svc-methods { display: grid; gap: 8px; margin-bottom: 20px; }
.svc-method { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 68px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 16px; background: rgba(255,255,255,.66); color: var(--color-text); text-align: start; transition: .2s; }
.svc-method:hover { transform: scale(1.01); }
.svc-method.active { border-color: rgba(0,51,160,.3); background: rgba(255,255,255,.84); box-shadow: 0 0 0 2px rgba(0,51,160,.2); }
.svc-method > i { color: var(--color-text-muted); font-size: 20px; }
.svc-method-copy { flex: 1; }
.svc-method-copy b { display: block; font-size: 14px; }
.svc-method-copy small { display: block; margin-top: 2px; color: var(--color-text-muted); font-size: 12px; }
.svc-method-check { display: grid; place-items: center; width: 20px; height: 20px; border: 2px solid rgba(15,23,42,.4); border-radius: 50%; color: transparent; font-size: 11px; }
.svc-method.active .svc-method-check { border-color: var(--color-primary); background: var(--color-primary); color: white; }
.svc-back-link { display: block; width: 100%; margin-top: 8px; padding: 10px; border: 0; background: transparent; color: var(--color-text-muted); font-size: 14px; }
.svc-spinner { width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.45); border-top-color: white; border-radius: 50%; animation: svc-spin .75s linear infinite; }

.svc-success { padding: 24px; text-align: center; }
.svc-success-icon { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 16px; background: rgba(5,150,105,.1); color: var(--color-success); font-size: 27px; }
.svc-success h2 { margin: 0; font-size: 18px; font-weight: 700; }
.svc-success > p { max-width: 470px; margin: 8px auto 0; color: var(--color-text-muted); font-size: 13px; line-height: 1.55; }
.svc-success-details { margin-top: 20px; padding: 12px 16px; border: 1px solid rgba(226,232,240,.7); border-radius: 16px; background: rgba(255,255,255,.7); text-align: start; }
.svc-success-details .svc-eyebrow { margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.svc-detail-row { display: flex; justify-content: space-between; gap: 14px; padding: 5px 0; color: var(--color-text-muted); font-size: 12px; }
.svc-detail-row b { color: var(--color-text); font-weight: 600; text-align: end; }
.svc-success .svc-primary { margin-top: 16px; min-height: 52px; }

.svc-floating { position: fixed; z-index: 20; inset-inline-end: 22px; bottom: 22px; display: grid; place-items: center; width: 64px; height: 64px; padding: 0; border: 0; background: transparent; filter: drop-shadow(0 14px 14px rgba(17,94,232,.28)); }
.svc-floating img { display: block; width: 100%; height: 100%; object-fit: contain; }

@keyframes svc-reveal { from { opacity: 0; transform: translateY(-8px) scaleY(.96); } to { opacity: 1; transform: translateY(0) scaleY(1); } }
@keyframes svc-spin { to { transform: rotate(360deg); } }

@media (max-width: 640px) {
  .svc-page { padding-bottom: 96px; }
  .svc-header-inner { width: calc(100% - 32px); padding-inline: 0; }
  .svc-language { top: 14px; right: 16px; }
  [dir="rtl"] .svc-language { right: auto; left: 16px; }
  .svc-brand img { height: 42px; }
  .svc-route-title h1 { font-size: 24px; }
  .svc-container { padding: 24px 16px; }
  .svc-intro { margin-bottom: 25px; }
  .svc-intro h1 { font-size: 24px; }
  .svc-intro p { font-size: 14px; }
  .svc-option { gap: 12px; padding: 16px; border-radius: 20px; }
  .svc-option.selected { border-radius: 20px 20px 0 0; }
  .svc-option-icon { flex-basis: 48px; width: 48px; height: 48px; border-radius: 14px; font-size: 21px; }
  .svc-option-name { font-size: 14px; }
  .svc-price b { font-size: 12px; }
  .svc-option-details { padding: 16px 16px 16px; border-radius: 0 0 20px 20px; }
  .svc-duration { display: flex; width: 100%; }
  .svc-duration button { flex: 1; padding-inline: 8px; }
  .svc-card { border-radius: 20px; padding: 18px; }
  .svc-floating { inset-inline-end: 16px; bottom: 16px; width: 54px; height: 54px; }
  .svc-route-row { width: calc(100% - 32px); padding-inline: 0; }
}

@media (min-width: 1024px) {
  .svc-route-row { padding-top: 24px; }
  .svc-route-title i { display: block; }
  .svc-route-title h1 { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}


/* source: css/corporate-details.css */
/* Route-scoped parity styles for register-corporate-details.html. */
.corp-page {
  --corp-warning: var(--color-warning, var(--color-warning));
  --corp-danger: var(--color-danger, var(--color-danger));
  --corp-surface: #ffffff;
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow-x: clip;
  padding-bottom: 80px;
  color: var(--color-text);
  background: var(--color-canvas);
  font-family: Inter, "Plus Jakarta Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.corp-page *,
.corp-page *::before,
.corp-page *::after { box-sizing: border-box; }
.corp-page button,
.corp-page input,
.corp-page select,
.corp-page textarea { font: inherit; }
.corp-page button { cursor: pointer; }
.corp-page button:focus-visible,
.corp-page input:focus-visible,
.corp-page select:focus-visible,
.corp-page textarea:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.corp-page[data-dir="rtl"] { font-family: Alexandria, Arial, sans-serif; font-size: 106.25%; line-height: 1.625; text-align: right; }
.corp-page[data-dir="rtl"] .corp-progress-copy em,
.corp-page[data-dir="rtl"] .corp-kicker,
.corp-page[data-dir="rtl"] .corp-field-label,
.corp-page[data-dir="rtl"] .corp-identity-head span,
.corp-page[data-dir="rtl"] .corp-identity-grid small,
.corp-page[data-dir="rtl"] .corp-step-num,
.corp-page[data-dir="rtl"] .corp-mobile-step-badge { letter-spacing: 0; }

.corp-icon { display: block; width: 1em; height: 1em; flex: 0 0 auto; }
.corp-grid,
.corp-ambient { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.corp-grid {
  opacity: .4;
  background-image: linear-gradient(rgba(0, 51, 160, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 51, 160, .03) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, rgba(0, 0, 0, .55), transparent 80%);
  mask-image: radial-gradient(ellipse at 50% 30%, rgba(0, 0, 0, .55), transparent 80%);
}
.corp-ambient { filter: blur(120px); opacity: .45; }
.corp-ambient-blue { inset: -18vw auto auto -18vw; width: min(55vw, 720px); height: min(55vw, 720px); border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(26, 77, 184, .5), rgba(0, 51, 160, .25) 45%, transparent 74%); }
.corp-ambient-gold { inset: auto -18vw -18vw auto; width: min(55vw, 720px); height: min(55vw, 720px); border-radius: 50%; background: radial-gradient(circle at 70% 70%, rgba(203, 160, 82, .32), rgba(255, 107, 74, .18) 42%, transparent 74%); }

/* Header & Route Title */
.corp-header { position: sticky; top: 0; z-index: 50; height: 60px; transition: box-shadow .2s ease; }
.corp-header::before { position: absolute; inset: 0; content: ""; opacity: 0; border-bottom: 1px solid rgba(226, 232, 240, .8); background: rgba(248, 250, 252, .96); -webkit-backdrop-filter: blur(24px) saturate(160%); backdrop-filter: blur(24px) saturate(160%); transition: opacity .2s ease; }
.corp-header.is-scrolled::before { opacity: 1; }
.corp-header-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 96rem; height: 100%; margin: 0 auto; padding-inline: 16px; }
.corp-header-start { display: flex; align-items: center; gap: 12px; min-width: 0; }
.corp-back { display: grid; width: 36px; height: 36px; margin-inline-start: -8px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.8); border-radius: 8px; color: var(--color-text); background: rgba(255,255,255,.75); box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.corp-back .corp-icon { width: 18px; height: 18px; }
.corp-back:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 4px 16px rgba(0,51,160,.12); }
.corp-logo { display: flex; align-items: center; min-width: 0; padding: 0; border: 0; background: transparent; }
.corp-logo img { display: block; width: auto; height: 44px; max-width: 170px; object-fit: contain; }
.corp-route-title { position: relative; z-index: 1; width: 100%; max-width: 96rem; margin: 0 auto; padding: 14px 16px 0; }
.corp-route-title > div { display: flex; align-items: center; gap: 10px; }
.corp-route-title i { display: none; width: 3px; height: 26px; border-radius: 999px; background: linear-gradient(180deg, var(--color-primary), var(--color-accent-gold)); }
.corp-route-title h1 { overflow: hidden; margin: 0; color: var(--color-text); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.corp-page[data-dir="rtl"] .corp-route-title h1 { font-family: Alexandria, Arial, sans-serif; letter-spacing: 0; }

.corp-header-actions { display: flex; align-items: center; gap: 8px; }
.corp-language button { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 6px; color: var(--color-text); background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 12px; font-weight: 700; transition: border-color .2s ease, transform .2s ease; }
.corp-language button:hover { border-color: rgba(203,160,82,.7); transform: translateY(-1px); }
.corp-language .corp-icon { width: 14px; height: 14px; color: var(--color-accent-gold); }
.corp-language-tag { color: rgba(71,85,105,.6); font-family: "JetBrains Mono", monospace; font-size: 10px; font-weight: 700; letter-spacing: .18em; }

/* Main Container */
.corp-container { position: relative; z-index: 1; width: 100%; max-width: 58rem; margin: 0 auto; padding: 18px 16px 0; }

/* Hero Kicker */
.corp-hero { margin-bottom: 20px; }
.corp-kicker { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; padding: 4px 10px; border: 1px solid rgba(203,160,82,.3); border-radius: 999px; color: var(--color-accent-gold); background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; animation: corp-breathe 2.8s ease-in-out infinite; }
.corp-kicker .corp-icon { width: 12px; height: 12px; }
.corp-hero h1 { margin: 0 0 8px; color: var(--color-primary); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; }
.corp-hero p { max-width: 72ch; margin: 0; color: var(--color-text-muted); font-size: 13.5px; line-height: 1.6; }

/* Desktop Stepper (Visible on >= 769px) */
.corp-stepper-wrap { display: none; margin-bottom: 24px; }
.corp-stepper { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 18px; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; background: rgba(255,255,255,.85); box-shadow: 0 4px 20px -8px rgba(15,23,42,.06); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.corp-step-item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1; min-width: 0; padding: 4px; border: 0; background: transparent; color: var(--color-text-muted); text-align: center; transition: color .2s ease; }
.corp-step-indicator { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; background: #fff; color: var(--color-text-muted); font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; transition: all .2s ease; }
.corp-step-indicator .corp-icon { width: 16px; height: 16px; }
.corp-step-label { font-size: 11.5px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.corp-step-item.is-current { color: var(--color-primary); }
.corp-step-item.is-current .corp-step-indicator { border-color: var(--color-primary); background: var(--color-primary); color: #fff; box-shadow: 0 4px 14px rgba(0,51,160,.35); }
.corp-step-item.is-complete .corp-step-indicator { border-color: var(--color-success); background: var(--color-success); color: #fff; }
.corp-step-item.is-complete { color: var(--color-text); }
.corp-step-divider { flex: 1; height: 2px; margin-inline: -6px; margin-bottom: 20px; background: var(--color-border); transition: background .2s ease; }
.corp-step-divider.is-filled { background: var(--color-success); }

/* Mobile Stepper Card (Visible on <= 768px) */
.corp-mobile-stepper { display: block; margin-bottom: 20px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.8); border-radius: 10px; background: rgba(255,255,255,.85); box-shadow: 0 2px 12px rgba(15,23,42,.04); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.corp-mobile-stepper-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.corp-mobile-stepper-info { display: flex; align-items: center; gap: 8px; min-width: 0; }
.corp-mobile-step-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: rgba(0,51,160,.08); color: var(--color-primary); font-size: 10.5px; font-weight: 700; }
.corp-mobile-step-title { overflow: hidden; font-size: 13px; font-weight: 700; color: var(--color-text); text-overflow: ellipsis; white-space: nowrap; }
.corp-mobile-step-percent { color: var(--color-text-muted); font-size: 12px; font-weight: 700; }
.corp-mobile-progress-track { width: 100%; height: 5px; border-radius: 999px; background: rgba(15,23,42,.08); overflow: hidden; margin-bottom: 10px; }
.corp-mobile-progress-fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent-gold)); transition: width .3s ease; }
.corp-mobile-dots-row { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
.corp-mobile-dot { flex: 1; height: 26px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 6px; background: #fff; color: var(--color-text-muted); font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 700; transition: all .15s ease; padding: 0; }
.corp-mobile-dot.is-current { border-color: var(--color-primary); background: var(--color-primary); color: #fff; box-shadow: 0 2px 6px rgba(0,51,160,.25); }
.corp-mobile-dot.is-complete { border-color: var(--color-success); background: var(--color-success); color: #fff; }

/* Main Card Containers */
.corp-form { display: grid; gap: 16px; }
.corp-card { position: relative; overflow: hidden; padding: 18px; border: 1px solid rgba(255,255,255,.8); border-radius: 10px; background: rgba(255,255,255,.88); box-shadow: 0 16px 40px -12px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9); -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%); }
.corp-card-content { position: relative; z-index: 1; }
.corp-card-bloom { position: absolute; width: 160px; height: 160px; border-radius: 50%; filter: blur(44px); pointer-events: none; }
.corp-company-bloom { inset: -64px -48px auto auto; background: rgba(0,51,160,.08); }
.corp-owner-bloom { inset: auto auto -64px -48px; background: rgba(203,160,82,.1); }
.corp-doc-bloom { inset: -40px auto auto -40px; background: rgba(0,154,68,.06); }

.corp-card-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; }
.corp-heading-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid rgba(0,51,160,.2); border-radius: 8px; background: #fff; box-shadow: 0 6px 18px -10px rgba(0,51,160,.35); }
.corp-heading-icon .corp-icon { width: 18px; height: 18px; }
.corp-heading-icon-blue { color: var(--color-primary); }
.corp-heading-icon-gold { border-color: rgba(203,160,82,.3); color: var(--color-accent-gold); box-shadow: 0 6px 18px -10px rgba(203,160,82,.4); }
.corp-heading-icon-green { border-color: rgba(0,154,68,.3); color: var(--color-success); box-shadow: 0 6px 18px -10px rgba(0,154,68,.4); }
.corp-card-heading h2 { margin: 0; color: var(--color-text); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 16.5px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.corp-card-heading p { margin: 2px 0 0; color: var(--color-text-muted); font-size: 12.5px; line-height: 1.45; }

/* Subsections & Callouts */
.corp-subcard { margin-top: 14px; padding: 14px; border: 1px solid var(--color-border); border-radius: 8px; background: rgba(248,250,252,.75); }
.corp-subcard-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.corp-subcard-head h3 { margin: 0; font-size: 13px; font-weight: 700; color: var(--color-text); display: flex; align-items: center; gap: 6px; }
.corp-subcard-head h3 .corp-icon { width: 15px; height: 15px; color: var(--color-primary); }
.corp-subcard-head p { margin: 2px 0 0; font-size: 11.5px; color: var(--color-text-muted); }

/* Field Stacks & Grids */
.corp-field-stack { display: grid; gap: 12px; }
.corp-field-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.corp-field { display: grid; gap: 5px; min-width: 0; color: var(--color-text); }
.corp-field-label { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: var(--color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.corp-field-label-left { display: flex; align-items: center; gap: 6px; }
.corp-field-required { color: var(--corp-danger); font-size: 13px; }
.corp-field-optional { color: rgba(71,85,105,.55); font-size: 10px; font-weight: 500; text-transform: none; letter-spacing: 0; }
.corp-label-icon { width: 14px; height: 14px; color: var(--color-accent-gold); }
.corp-field input,
.corp-field select,
.corp-field textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 8px; color: var(--color-text); background: rgba(255,255,255,.95); box-shadow: none; outline: 0; font-size: 15px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.corp-field select { appearance: auto; background: #fff; }
.corp-field input::placeholder,
.corp-field textarea::placeholder { color: rgba(71,85,105,.45); font-size: 13.5px; }
.corp-field input:focus,
.corp-field select:focus,
.corp-field textarea:focus { border-color: var(--color-accent-gold-soft); background: #fff; box-shadow: 0 0 0 2px rgba(203,160,82,.2); }

.corp-mono-field input,
.corp-mono { font-family: "JetBrains Mono", "SF Mono", monospace; font-variant-numeric: tabular-nums; letter-spacing: .04em; }

/* Notice Callouts */
.corp-notice { display: flex; gap: 10px; padding: 12px 14px; border: 1px solid rgba(0,51,160,.2); border-radius: 8px; background: rgba(239,246,255,.75); color: var(--color-primary-deep); font-size: 12.5px; line-height: 1.5; }
.corp-notice .corp-icon { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; color: var(--color-primary); }
.corp-notice-gold { border-color: rgba(203,160,82,.3); background: rgba(254,249,240,.8); color: #785210; }
.corp-notice-gold .corp-icon { color: var(--color-accent-gold); }

/* Dynamic Repeatable List (Signatories & Partners) */
.corp-repeatable-list { display: grid; gap: 8px; margin-bottom: 8px; }
.corp-repeatable-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.02); transition: transform .15s ease, border-color .15s ease; }
.corp-repeatable-main { display: flex; align-items: center; gap: 8px; min-width: 0; }
.corp-repeatable-avatar { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 50%; color: var(--color-primary); background: rgba(0,51,160,.08); font-size: 11px; font-weight: 700; }
.corp-repeatable-avatar-gold { color: var(--color-accent-gold); background: rgba(203,160,82,.12); }
.corp-repeatable-info { display: grid; min-width: 0; }
.corp-repeatable-info strong { overflow: hidden; font-size: 12.5px; font-weight: 700; color: var(--color-text); text-overflow: ellipsis; white-space: nowrap; }
.corp-repeatable-info small { color: var(--color-text-muted); font-size: 11px; }
.corp-repeatable-actions { display: flex; align-items: center; gap: 5px; }
.corp-btn-icon-subtle { display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid var(--color-border); border-radius: 6px; background: rgba(248,250,252,.9); color: var(--color-text-muted); transition: all .15s ease; }
.corp-btn-icon-subtle:hover { border-color: var(--color-primary); color: var(--color-primary); background: #fff; }
.corp-btn-icon-subtle.is-danger:hover { border-color: var(--corp-danger); color: var(--corp-danger); background: #fff5f5; }
.corp-btn-icon-subtle .corp-icon { width: 14px; height: 14px; }

.corp-btn-add { display: inline-flex; align-items: center; gap: 5px; min-height: 38px; padding: 6px 12px; border: 1px dashed var(--color-primary); border-radius: 6px; background: rgba(239,246,255,.6); color: var(--color-primary); font-size: 12px; font-weight: 700; transition: all .15s ease; }
.corp-btn-add:hover { background: rgba(0,51,160,.1); border-style: solid; }
.corp-btn-add .corp-icon { width: 13px; height: 13px; }

/* Inline Entity Editor */
.corp-entity-editor { padding: 12px; margin-top: 8px; border: 1px solid rgba(0,51,160,.25); border-radius: 8px; background: #fff; box-shadow: 0 4px 16px rgba(0,51,160,.06); }
.corp-entity-editor-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.corp-entity-editor-head strong { font-size: 12px; color: var(--color-primary); font-weight: 700; }
.corp-entity-editor-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 10px; }

/* Document Upload Component */
.corp-doc-section { display: grid; gap: 12px; }
.corp-doc-item { padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 8px; background: rgba(255,255,255,.85); transition: border-color .2s ease; }
.corp-doc-item.is-complete { border-color: rgba(0,154,68,.35); background: rgba(246,254,249,.85); }
.corp-doc-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.corp-doc-item-title { display: grid; gap: 2px; }
.corp-doc-item-title strong { font-size: 12.5px; font-weight: 700; color: var(--color-text); }
.corp-doc-item-title small { font-size: 11px; color: var(--color-text-muted); }
.corp-doc-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 999px; font-size: 9.5px; font-weight: 700; }
.corp-doc-badge-required { background: #fee2e2; color: #991b1b; }
.corp-doc-badge-complete { background: #d1fae5; color: #065f46; }
.corp-doc-badge-count { background: rgba(0,51,160,.1); color: var(--color-primary); }

.corp-upload-dropzone { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 84px; padding: 12px; border: 2px dashed var(--color-border); border-radius: 8px; background: rgba(248,250,252,.65); text-align: center; cursor: pointer; transition: all .2s ease; }
.corp-upload-dropzone:hover,
.corp-upload-dropzone.is-dragover { border-color: var(--color-primary); background: rgba(239,246,255,.75); }
.corp-upload-dropzone input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.corp-upload-dropzone-icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #fff; color: var(--color-primary); box-shadow: 0 2px 6px rgba(0,0,0,.05); }
.corp-upload-dropzone-icon .corp-icon { width: 16px; height: 16px; }
.corp-upload-dropzone p { margin: 0; font-size: 11.5px; font-weight: 600; color: var(--color-text); }
.corp-upload-dropzone p strong { color: var(--color-primary); }
.corp-upload-dropzone small { font-size: 10px; color: var(--color-text-muted); }

/* Uploaded File Cards */
.corp-uploaded-files-list { display: grid; gap: 6px; margin-top: 8px; }
.corp-file-card { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.02); }
.corp-file-info { display: flex; align-items: center; gap: 8px; min-width: 0; }
.corp-file-thumb { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 6px; color: var(--color-primary); background: rgba(0,51,160,.08); }
.corp-file-thumb .corp-icon { width: 16px; height: 16px; }
.corp-file-meta { display: grid; min-width: 0; gap: 1px; }
.corp-file-meta strong { overflow: hidden; font-size: 12px; font-weight: 700; color: var(--color-text); text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }
.corp-file-meta small { font-size: 10.5px; color: var(--color-text-muted); }
.corp-file-actions { display: flex; align-items: center; gap: 4px; margin-inline-start: auto; }
.corp-btn-file-action { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; padding: 3px 7px; border: 1px solid var(--color-border); border-radius: 6px; background: rgba(248,250,252,.9); color: var(--color-text); font-size: 10.5px; font-weight: 600; transition: all .15s ease; }
.corp-btn-file-action:hover { border-color: var(--color-primary); color: var(--color-primary); background: #fff; }
.corp-btn-file-action.is-remove:hover { border-color: var(--corp-danger); color: var(--corp-danger); background: #fff5f5; }
.corp-btn-file-action .corp-icon { width: 11px; height: 11px; }

/* My Identity (هويتي) Verification Component */
.corp-identity-card-box { padding: 18px 14px; border: 1px solid rgba(0,51,160,.2); border-radius: 10px; background: rgba(255,255,255,.92); box-shadow: 0 4px 16px rgba(0,51,160,.04); }
.corp-verify-prompt-wrap { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 8px 4px; }
.corp-verify-icon-wrap { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 50%; background: linear-gradient(135deg, rgba(0,51,160,.12), rgba(203,160,82,.15)); color: var(--color-primary); }
.corp-verify-icon-wrap .corp-icon { width: 28px; height: 28px; }
.corp-verify-btn-main { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 22rem; min-height: 46px; padding: 10px 18px; border: 0; border-radius: 8px; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep)); color: #fff; font-size: 13px; font-weight: 700; box-shadow: 0 4px 14px rgba(0,51,160,.3); transition: transform .15s ease, filter .15s ease; }
.corp-verify-btn-main:hover { filter: brightness(1.1); }
.corp-verify-btn-main .corp-icon { width: 16px; height: 16px; }

.corp-verify-spinner-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 0; }
.corp-verify-spinner { width: 38px; height: 38px; border: 3px solid rgba(0,51,160,.15); border-top-color: var(--color-primary); border-radius: 50%; animation: corp-spin 0.8s linear infinite; }
.corp-verify-countdown { font-family: "JetBrains Mono", monospace; font-size: 17px; font-weight: 700; color: var(--color-primary); }

/* Review Summary */
.corp-review-section { display: grid; gap: 12px; }
.corp-review-group { padding: 14px 16px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.02); }
.corp-review-group-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--color-border); }
.corp-review-group-head h3 { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--color-text); display: flex; align-items: center; gap: 6px; }
.corp-review-group-head h3 .corp-icon { width: 15px; height: 15px; color: var(--color-primary); }
.corp-btn-edit-step { display: inline-flex; align-items: center; gap: 3px; min-height: 28px; padding: 2px 7px; border: 1px solid var(--color-border); border-radius: 6px; background: rgba(248,250,252,.9); color: var(--color-primary); font-size: 11px; font-weight: 700; transition: all .15s ease; }
.corp-btn-edit-step:hover { border-color: var(--color-primary); background: #fff; }
.corp-btn-edit-step .corp-icon { width: 11px; height: 11px; }

.corp-review-grid { display: grid; grid-template-columns: 1fr; gap: 8px; font-size: 12.5px; }
.corp-review-field { display: grid; gap: 1px; }
.corp-review-field small { font-size: 10px; color: var(--color-text-muted); font-weight: 600; text-transform: uppercase; }
.corp-review-field strong { font-size: 12px; color: var(--color-text); font-weight: 600; }

.corp-confirm-checkbox-wrap { display: flex; align-items: flex-start; gap: 8px; padding: 12px 14px; border: 1px solid rgba(0,51,160,.2); border-radius: 8px; background: rgba(239,246,255,.6); margin-top: 6px; cursor: pointer; }
.corp-confirm-checkbox-wrap input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; flex: 0 0 18px; accent-color: var(--color-primary); cursor: pointer; }
.corp-confirm-checkbox-wrap span { font-size: 12px; font-weight: 600; color: var(--color-text); line-height: 1.5; }

/* Navigation Buttons Bar (Back / Next / Submit) */
.corp-form-actions { display: flex; flex-direction: column-reverse; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--color-border); }
.corp-btn-back { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 46px; padding: 10px 16px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; color: var(--color-text); font-size: 13px; font-weight: 700; transition: all .15s ease; }
.corp-btn-back:hover { border-color: var(--color-text-muted); background: rgba(248,250,252,.9); }
.corp-btn-back .corp-icon { width: 14px; height: 14px; }

.corp-btn-next,
.corp-submit { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 11px 20px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep)); box-shadow: 0 0 0 3px rgba(0,51,160,.12), 0 6px 18px -4px rgba(0,51,160,.4); font-size: 13.5px; font-weight: 700; letter-spacing: .02em; transition: filter .2s ease, transform .14s cubic-bezier(.22,1,.36,1), opacity .2s ease; }
.corp-btn-next:hover:not(:disabled),
.corp-submit:hover:not(:disabled) { filter: brightness(1.1); }
.corp-btn-next:active:not(:disabled),
.corp-submit:active:not(:disabled) { transform: scale(.98); }
.corp-btn-next:disabled,
.corp-submit:disabled { opacity: .35; cursor: not-allowed; box-shadow: none; }
.corp-btn-next .corp-icon,
.corp-submit .corp-icon { width: 15px; height: 15px; }

/* Post-Submission Lifecycle Views */
.corp-result-card { padding: 28px 16px; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; box-shadow: 0 16px 40px -12px rgba(15,23,42,.1); text-align: center; }
.corp-result-icon-large { display: grid; width: 64px; height: 64px; margin: 0 auto 16px; place-items: center; border-radius: 50%; font-size: 28px; }
.corp-result-icon-pending { background: #fef3c7; color: #b45309; }
.corp-result-icon-success { background: #d1fae5; color: #047857; }
.corp-result-icon-alert { background: #fee2e2; color: #b91c1c; }
.corp-result-card h2 { margin: 0 0 8px; font-size: 19px; font-weight: 700; color: var(--color-text); }
.corp-result-card p { max-width: 54ch; margin: 0 auto 18px; color: var(--color-text-muted); font-size: 13px; line-height: 1.6; }

.corp-result-ref-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(0,51,160,.08); color: var(--color-primary); font-family: "JetBrains Mono", monospace; font-size: 11.5px; font-weight: 700; margin-bottom: 18px; }


.corp-mailbox-alloc-grid { display: grid; grid-template-columns: 1fr; gap: 10px; max-width: 32rem; margin: 0 auto 22px; text-align: start; }
.corp-mailbox-alloc-card { padding: 14px; border: 1px solid var(--color-border); border-radius: 8px; background: rgba(248,250,252,.9); }
.corp-mailbox-alloc-card small { color: var(--color-text-muted); font-size: 10.5px; font-weight: 700; text-transform: uppercase; }
.corp-mailbox-alloc-card strong { display: block; font-size: 15px; color: var(--color-primary); margin-top: 3px; }

.corp-result-correction-list { max-width: 32rem; margin: 0 auto 18px; text-align: start; display: grid; gap: 8px; }
.corp-correction-item { padding: 10px 12px; border: 1px solid rgba(200,16,46,.3); border-radius: 8px; background: #fff5f5; }
.corp-correction-item strong { display: block; color: var(--corp-danger); font-size: 12px; margin-bottom: 2px; }
.corp-correction-item p { margin: 0; font-size: 11px; color: #7f1d1d; }

.corp-result-actions-wrap { display: flex; flex-direction: column; gap: 8px; max-width: 24rem; margin: 0 auto; }

/* In-Dialog File Preview Modal & Confirm Modal (Bottom Sheet on Mobile) */
.corp-modal-layer { position: fixed; inset: 0; z-index: 300; display: flex; align-items: flex-end; justify-content: center; padding: 0; }
.corp-modal-scrim { position: absolute; inset: 0; background: rgba(15,23,42,.6); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.corp-modal-dialog { position: relative; z-index: 1; width: 100%; max-width: 34rem; max-height: 85vh; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px 16px 0 0; background: #fff; box-shadow: 0 -10px 40px rgba(0,0,0,.2); }
.corp-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--color-border); }
.corp-modal-header h3 { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--color-text); }
.corp-modal-close { display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 0; border-radius: 6px; background: transparent; color: var(--color-text-muted); }
.corp-modal-body { padding: 16px; overflow-y: auto; flex: 1; }
/* Clean & Uncluttered Corporate Application Details & Status Styles */
.corp-clean-page { background: var(--color-canvas); color: var(--color-text); }
.corp-clean-container { max-width: 58rem; margin: 0 auto; padding: 20px 16px 80px; }

/* 1. Status Banner Card */
.corp-clean-status-card {
  margin-bottom: 20px;
  padding: 22px 24px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}
.corp-clean-status-card.is-alert { border-color: rgba(245, 158, 11, 0.4); background: #fffdfa; }
.corp-clean-status-card.is-danger { border-color: rgba(200, 16, 46, 0.3); background: #fffafa; }
.corp-clean-status-card.is-muted { border-color: var(--color-border); background: #fbfcfd; }

.corp-clean-status-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.corp-clean-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
}
.corp-clean-badge .corp-icon { width: 13px; height: 13px; }
.corp-badge-blue { background: #eff6ff; color: #1d4ed8; border: 1px solid #dbeafe; }
.corp-badge-amber { background: #fffbeb; color: #b45309; border: 1px solid #fef3c7; }
.corp-badge-red { background: #fef2f2; color: #b91c1c; border: 1px solid #fee2e2; }
.corp-badge-slate { background: #f1f5f9; color: var(--color-text-muted); border: 1px solid var(--color-border); }

.corp-pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: #2563eb; animation: corp-breathe 2s infinite; }

.corp-clean-ref-pill {
  font-size: 12px;
  color: var(--color-text-muted);
}
.corp-clean-ref-pill strong {
  margin-inline-start: 4px;
  color: var(--color-text);
  font-weight: 700;
}

.corp-clean-title {
  margin: 0 0 6px;
  color: var(--color-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}
.corp-clean-desc {
  max-width: 68ch;
  margin: 0 0 16px;
  color: var(--color-text-muted);
  font-size: 13px;
  line-height: 1.6;
}

.corp-clean-meta-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-canvas);
}
.corp-meta-item small {
  display: block;
  color: var(--color-text-muted);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.corp-meta-item strong {
  display: block;
  color: var(--color-text);
  font-size: 13px;
}
.corp-verified-inline {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--color-success);
  font-size: 11px;
  font-weight: 600;
}
.corp-verified-inline .corp-icon { width: 12px; height: 12px; }

.corp-clean-status-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(226, 232, 240, 0.7);
}

.corp-btn-solid-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: var(--color-primary);
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}
.corp-btn-solid-primary:hover { background: var(--color-primary-deep); }
.corp-btn-solid-primary .corp-icon { width: 14px; height: 14px; }

.corp-btn-solid-danger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border: 0;
  border-radius: 6px;
  background: var(--corp-danger);
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.15s ease;
}
.corp-btn-solid-danger:hover { background: #991b1b; }
.corp-btn-solid-danger .corp-icon { width: 14px; height: 14px; }

.corp-btn-quiet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: #ffffff;
  color: var(--color-text) !important;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.15s ease;
}
.corp-btn-quiet:hover { border-color: rgba(71, 85, 105, 0.4); background: var(--color-canvas); }
.corp-btn-quiet .corp-icon { width: 13px; height: 13px; color: var(--color-text-muted); }

.corp-btn-quiet-danger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid rgba(200, 16, 46, 0.25);
  border-radius: 6px;
  background: #ffffff;
  color: var(--corp-danger) !important;
  font-size: 12.5px;
  font-weight: 600;
  transition: all 0.15s ease;
}
.corp-btn-quiet-danger:hover { background: #fef2f2; border-color: var(--corp-danger); }
.corp-btn-quiet-danger .corp-icon { width: 13px; height: 13px; }

/* Feedback & Rejection Callouts */
.corp-clean-feedback-box {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 8px;
  background: #fffbeb;
}
.corp-feedback-item strong { display: flex; align-items: center; gap: 6px; color: #92400e; font-size: 12.5px; margin-bottom: 2px; }
.corp-feedback-item strong .corp-icon { width: 13px; height: 13px; }
.corp-feedback-item p { margin: 0; color: #78350f; font-size: 12px; line-height: 1.5; padding-inline-start: 19px; }

.corp-clean-rejection-box {
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(200, 16, 46, 0.25);
  border-radius: 8px;
  background: #fef2f2;
}
.corp-clean-rejection-box strong { display: flex; align-items: center; gap: 6px; color: #991b1b; font-size: 12.5px; margin-bottom: 4px; }
.corp-clean-rejection-box strong .corp-icon { width: 14px; height: 14px; }
.corp-clean-rejection-box p { margin: 0; color: #7f1d1d; font-size: 12px; line-height: 1.55; }

/* 2. Application Details Sections */
.corp-clean-details-grid { display: grid; gap: 16px; }

.corp-clean-section-card {
  padding: 18px 20px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #ffffff;
}

.corp-clean-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.corp-clean-card-header h3 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text);
  font-size: 15px;
  font-weight: 700;
}
.corp-clean-card-header h3 .corp-icon { width: 16px; height: 16px; color: var(--color-primary); }

.corp-clean-edit-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.corp-clean-edit-link:hover { text-decoration: underline; }
.corp-clean-edit-link .corp-icon { width: 12px; height: 12px; }

.corp-count-pill {
  padding: 2px 7px;
  border-radius: 999px;
  background: #f1f5f9;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
}

.corp-clean-kv-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.corp-clean-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 640px) {
  .corp-clean-form-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.corp-form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.corp-form-field label {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--color-text-muted);
}
.corp-req {
  color: #dc2626;
}
.corp-clean-input {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1.5px solid #cbd5e1;
  border-radius: 7px;
  background: #ffffff;
  color: var(--color-text);
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
  transition: all 0.18s ease;
}
.corp-clean-input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
}
.corp-clean-input:disabled,
.corp-clean-input[readonly] {
  background: var(--color-canvas);
  color: #64748b;
  border-color: var(--color-border);
  cursor: not-allowed;
  user-select: none;
}
.corp-clean-bottom-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
@media (max-width: 640px) {
  .corp-clean-bottom-actions {
    justify-content: center;
  }
  .corp-clean-bottom-actions button {
    width: 100%;
    max-width: 320px;
  }
}
.corp-kv-item small {
  display: block;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 2px;
}
.corp-kv-item strong {
  display: block;
  color: var(--color-text);
  font-size: 13px;
  line-height: 1.4;
}

.corp-clean-sub-block {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed var(--color-border);
}
.corp-sub-label {
  display: block;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 6px;
}
.corp-clean-tags-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.corp-person-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-canvas);
  font-size: 12px;
}
.corp-person-tag strong { color: var(--color-text); font-weight: 600; }
.corp-person-tag span { color: var(--color-text-muted); font-size: 11.5px; }
.corp-person-tag small { color: var(--color-text-muted); }
.corp-share-badge {
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(0, 51, 160, 0.08);
  color: var(--color-primary);
  font-weight: 700;
  font-size: 11px;
}

/* 3. Documents List */
.corp-clean-docs-list { display: grid; gap: 8px; }
.corp-clean-doc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #ffffff;
  transition: all 0.15s ease;
}
.corp-clean-doc-row.is-warning { border-color: rgba(245, 158, 11, 0.5); background: #fffdf5; }
.corp-doc-lead {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.corp-doc-lead-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 6px;
  background: #f1f5f9;
  color: var(--color-primary);
  flex-shrink: 0;
}
.corp-doc-lead-icon .corp-icon { width: 18px; height: 18px; }
.corp-doc-lead div {
  min-width: 0;
  flex: 1;
}
.corp-doc-lead strong {
  display: block;
  font-size: 13.5px;
  color: var(--color-text);
  font-weight: 600;
  line-height: 1.4;
  word-break: break-word;
}
.corp-doc-subline { display: block; font-size: 11px; color: var(--color-text-muted); margin-top: 1px; }
.corp-doc-warning-text { display: block; font-size: 11.5px; color: #b45309; margin-top: 3px; }
.corp-doc-warning-text .corp-icon { width: 11px; height: 11px; vertical-align: -1px; margin-inline-end: 3px; }

.corp-doc-trail {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-inline-start: 8px;
}
.corp-doc-status-ok {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-success);
  font-size: 11.5px;
  font-weight: 600;
}
.corp-doc-status-ok .corp-icon { width: 12px; height: 12px; }

.corp-btn-replace-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px solid rgba(245, 158, 11, 0.5);
  border-radius: 6px;
  background: #fffbeb;
  color: #b45309;
  font-size: 11.5px;
  font-weight: 600;
  transition: all 0.15s ease;
}
.corp-btn-replace-pill:hover { background: #fef3c7; }
.corp-btn-replace-pill .corp-icon { width: 12px; height: 12px; }

/* Horizontal Application Timeline (Top Component) */
.corp-clean-timeline-card {
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #ffffff;
}

.corp-timeline-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.corp-timeline-card-header h3 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text);
  font-size: 14.5px;
  font-weight: 700;
}
.corp-timeline-card-header h3 .corp-icon { width: 16px; height: 16px; color: var(--color-primary); }

.corp-timeline-status-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.corp-timeline-status-tag.tag-blue { background: #eff6ff; color: #1d4ed8; border: 1px solid #dbeafe; }
.corp-timeline-status-tag.tag-warn { background: #fffbeb; color: #b45309; border: 1px solid #fef3c7; }
.corp-timeline-status-tag.tag-danger { background: #fef2f2; color: #b91c1c; border: 1px solid #fee2e2; }

/* Horizontal Track with no-overlap flex layout */
.corp-horizontal-timeline-track {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 8px 4px 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.corp-ht-step {
  flex: 1 1 0;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.corp-ht-indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  margin-bottom: 6px;
}

.corp-ht-marker {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f1f5f9;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 700;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
  box-sizing: border-box;
  overflow: visible;
  transition: all 0.2s ease;
}
.corp-ht-marker .corp-icon {
  width: 16px;
  height: 16px;
  max-width: 100%;
  max-height: 100%;
  display: block;
  flex-shrink: 0;
  overflow: visible;
}

.corp-ht-step.is-done .corp-ht-marker {
  background: #dcfce7;
  color: #15803d;
  border-color: #ffffff;
}
.corp-ht-step.is-active .corp-ht-marker {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 51, 160, 0.18);
}
.corp-ht-step.is-active.is-warn .corp-ht-marker {
  background: var(--color-warning);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.22);
}
.corp-ht-step.is-active.is-danger .corp-ht-marker {
  background: var(--corp-danger);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(200, 16, 46, 0.22);
}
.corp-ht-step.is-active.is-muted .corp-ht-marker {
  background: var(--color-text-muted);
  color: #ffffff;
}

.corp-ht-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 50%;
  width: 100%;
  height: 2px;
  background: var(--color-border);
  z-index: 1;
}
.corp-ht-step.is-done .corp-ht-line {
  background: #86efac;
}

.corp-ht-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding-inline: 4px;
}
.corp-ht-title {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.35;
  white-space: normal;
  word-break: break-word;
}
.corp-ht-sub {
  display: block;
  font-size: 11px;
  color: var(--color-text-muted);
  line-height: 1.3;
  margin-top: 2px;
  white-space: normal;
  word-break: break-word;
}

/* PACI Authentication Details Box */
.corp-clean-paci-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 154, 68, 0.25);
  border-radius: 8px;
  background: rgba(0, 154, 68, 0.04);
  color: #065f46;
  margin-bottom: 14px;
}
.corp-clean-paci-box .corp-icon { width: 22px; height: 22px; color: var(--color-success); flex-shrink: 0; }
.corp-clean-paci-box strong { display: block; font-size: 12.5px; }
.corp-clean-paci-box small { display: block; color: var(--color-text-muted); font-size: 11px; }

/* Floating Bottom Status Switcher (For Demo/Testing) */
.corp-floating-preview-bar {
  position: fixed;
  bottom: 16px;
  inset-inline-end: 16px;
  z-index: 100;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.corp-preview-bar-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
}
.corp-preview-bar-label .corp-icon { width: 12px; height: 12px; color: var(--color-accent-gold); }
.corp-preview-btn-group { display: flex; align-items: center; gap: 4px; }
.corp-preview-pill {
  padding: 3px 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 600;
  transition: all 0.15s ease;
}
.corp-preview-pill:hover { color: var(--color-text); background: #f1f5f9; }
.corp-preview-pill.is-selected { background: var(--color-primary); color: #ffffff; }

/* Cancel Modal Dialog */
.corp-cancel-radio-group { display: grid; gap: 6px; }
.corp-radio-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
  font-size: 12.5px;
  color: var(--color-text);
}
.corp-radio-option:hover { background: var(--color-canvas); }
.corp-radio-option input[type="radio"] { accent-color: var(--color-primary); }

.corp-modal-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 20px 14px;
  border: 2px dashed var(--color-border);
  border-radius: 8px;
  background: var(--color-canvas);
  cursor: pointer;
  text-align: center;
}
.corp-modal-dropzone:hover { border-color: var(--color-primary); background: #f0f6ff; }
.corp-modal-drop-icon { width: 26px; height: 26px; color: var(--color-primary); }
.corp-modal-dropzone strong { font-size: 12.5px; color: var(--color-text); }
.corp-modal-dropzone small { font-size: 11px; color: var(--color-text-muted); }

/* Corporate Profile Page (personal-data.html counterpart) Section Dividers & Document Rows */
.pd-section-divider {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #edf0f3;
  color: var(--color-primary);
  font-size: 13.5px;
  font-weight: 800;
}
.pd-section-divider:first-of-type {
  margin-top: 0;
}
.pd-section-divider i,
.pd-section-divider .corp-icon {
  font-size: 15px;
  width: 15px;
  height: 15px;
  color: var(--color-primary);
}

.pd-docs-container {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  width: 100%;
}
@media (min-width: 640px) {
  .pd-docs-container {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.pd-doc-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-canvas);
  transition: all 0.2s ease;
  min-width: 0;
  box-sizing: border-box;
}
.pd-doc-card:hover {
  border-color: #cbd5e1;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}
.pd-doc-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}
.pd-doc-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 8px;
  background: #fee2e2;
  color: #dc2626;
  font-size: 17px;
}
.pd-doc-meta {
  min-width: 0;
  flex: 1 1 auto;
}
.pd-doc-meta strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.35;
  word-break: break-word;
}
.pd-doc-meta small {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-top: 3px;
  word-break: break-all;
}
.pd-doc-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.pd-doc-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: 99px;
  background: #dcfce7;
  color: #15803d;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.pd-doc-status-badge.is-staged {
  background: #fef3c7;
  color: #b45309;
}
.pd-doc-replace-btn {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  min-height: 34px;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  background: #ffffff;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.18s ease;
}
.pd-doc-replace-btn:hover {
  background: #edf3ff;
  border-color: var(--color-primary);
}
.pd-doc-replace-btn:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}
.pd-form-card.is-editing .pd-doc-replace-btn {
  display: inline-flex;
}
.pd-form-card.is-editing .pd-doc-status-badge:not(.is-staged) {
  display: none;
}
.pd-doc-file-input {
  display: none;
}

@media (max-width: 480px) {
  .pd-doc-card {
    flex-wrap: wrap;
    padding: 10px 12px;
  }
  .pd-doc-main {
    flex: 1 1 100%;
  }
  .pd-doc-actions {
    width: 100%;
    justify-content: flex-end;
    margin-top: 4px;
    padding-top: 6px;
    border-top: 1px dashed #edf0f3;
  }
  .pd-doc-replace-btn {
    width: 100%;
  }
}

/* SweetAlert Success Box */
.corp-swal-overlay {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.corp-swal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.65);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  animation: corpSwalFadeIn 0.2s ease-out;
}
.corp-swal-modal {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 440px;
  background: #ffffff;
  border-radius: 16px;
  padding: 32px 24px 28px;
  text-align: center;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05);
  animation: corpSwalScaleIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.corp-swal-icon-success {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.corp-swal-icon-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #ecfdf5;
  border: 3px solid #10b981;
  display: grid;
  place-items: center;
  color: #059669;
  animation: corpSwalPulse 0.5s ease-out;
}
.corp-swal-icon-circle .corp-icon {
  width: 36px;
  height: 36px;
  stroke-width: 2.5;
}
.corp-swal-title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.35;
}
.corp-swal-text {
  margin: 0 0 18px;
  font-size: 13.5px;
  color: var(--color-text-muted);
  line-height: 1.6;
}
.corp-swal-ref {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 8px;
  background: var(--color-canvas);
  border: 1px dashed #cbd5e1;
  font-size: 12.5px;
  color: var(--color-text-muted);
  margin-bottom: 24px;
}
.corp-swal-ref strong {
  color: var(--color-primary);
  font-weight: 700;
}
.corp-swal-actions {
  display: flex;
  justify-content: center;
}
.corp-swal-confirm-btn {
  min-width: 150px;
  height: 42px;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
}

@keyframes corpSwalFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes corpSwalScaleIn {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes corpSwalPulse {
  0% { transform: scale(0.6); opacity: 0; }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); opacity: 1; }
}

/* Keyframe Animations */
@keyframes corp-breathe { 0%, 100% { box-shadow: 0 0 0 0 rgba(203,160,82,0); } 50% { box-shadow: 0 0 0 4px rgba(203,160,82,.18); } }
@keyframes corp-bar-tone { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }
@keyframes corp-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Media Queries for Tablet & Desktop (> 768px) */
@media (min-width: 769px) {
  .corp-stepper-wrap { display: block; }
  .corp-mobile-stepper { display: none; }
  .corp-header { height: 64px; }
  .corp-header-inner { padding-inline: 24px; }
  .corp-route-title { padding: 20px 24px 0; }
  .corp-route-title h1 { font-size: 26px; }
  .corp-container { padding-inline: 24px; }
  .corp-hero h1 { font-size: 32px; }
  .corp-card { padding: 28px; }
  .corp-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corp-review-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .corp-mailbox-alloc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corp-form-actions { flex-direction: row; }
  .corp-btn-back,
  .corp-btn-next,
  .corp-submit { width: auto; }
  .corp-result-actions-wrap { flex-direction: row; max-width: none; justify-content: center; }
  .corp-modal-layer { align-items: center; padding: 16px; }
  .corp-modal-dialog { border-radius: 12px; }

  .corp-clean-container { padding-inline: 24px; }
  .corp-clean-status-card { padding: 26px 28px; }
  .corp-clean-timeline-card { padding: 22px 28px; }
  .corp-clean-title { font-size: 22px; }
  .corp-clean-kv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corp-clean-docs-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corp-ht-title { font-size: 13px; }
  .corp-ht-sub { font-size: 11.5px; }
}

@media (min-width: 1024px) {
  .corp-header-inner { padding-inline: 32px; }
  .corp-route-title { padding: 24px 32px 0; }
  .corp-route-title i { display: block; }
  .corp-container { max-width: 62rem; padding-inline: 32px; }
  .corp-clean-container { max-width: 58rem; padding-inline: 32px; }
  .corp-hero h1 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .corp-page *,
  .corp-page *::before,
  .corp-page *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}


/* source: css/corporate-review.css */
/* Route-scoped parity styles for register-corporate-review.html. */
[data-static-route="corporate-review"] {
  padding-bottom: 48px;
}

[data-static-route="corporate-review"] .corp-review-ambient {
  position: fixed;
  z-index: 0;
  width: min(55vw, 720px);
  height: min(55vw, 720px);
  border-radius: 50%;
  filter: blur(120px);
  opacity: .55;
  pointer-events: none;
  will-change: transform;
}

[data-static-route="corporate-review"] .corp-review-ambient-blue {
  top: -18vw;
  left: -18vw;
  background: radial-gradient(circle at 30% 30%, rgba(58, 122, 240, .85) 0%, rgba(0, 51, 160, .55) 40%, rgba(120, 80, 255, .25) 75%, transparent 100%);
  animation: corp-review-blue-drift 18s ease-in-out infinite alternate;
}

[data-static-route="corporate-review"] .corp-review-ambient-gold {
  right: -18vw;
  bottom: -18vw;
  background: radial-gradient(circle at 70% 70%, rgba(203, 160, 82, .65) 0%, rgba(255, 107, 74, .5) 40%, rgba(240, 192, 74, .25) 75%, transparent 100%);
  animation: corp-review-gold-drift 22s ease-in-out infinite alternate;
}

[data-static-route="corporate-review"] .corp-review-header-offset,
[data-static-route="corporate-review"] .corp-review-title-offset {
  position: relative;
  z-index: 1;
}

[data-static-route="corporate-review"] .corp-review-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  padding: 40px 16px;
}

[data-static-route="corporate-review"] .corp-review-card {
  width: 100%;
  padding: 28px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
  text-align: center;
}

[data-static-route="corporate-review"] .corp-review-clock-wrap {
  display: inline-flex;
  margin: 0 auto 20px;
}

[data-static-route="corporate-review"] .corp-review-clock {
  display: grid;
  width: 80px;
  height: 80px;
  place-items: center;
  border-radius: 50%;
  color: var(--color-accent-gold);
  background: rgba(203, 160, 82, .15);
  animation: corp-review-breathe 2.8s ease-in-out infinite;
}

[data-static-route="corporate-review"] .corp-review-clock .corp-icon {
  width: 40px;
  height: 40px;
  stroke-width: 1.6;
}

[data-static-route="corporate-review"] .corp-review-card > h1 {
  margin: 0 0 8px;
  color: var(--color-text);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.333;
}

[data-static-route="corporate-review"][data-dir="rtl"] .corp-review-card > h1 {
  font-family: Alexandria, Arial, sans-serif;
  letter-spacing: 0;
}

[data-static-route="corporate-review"] .corp-review-description {
  max-width: 62ch;
  margin: 0 0 24px;
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.625;
}

[data-static-route="corporate-review"] .corp-review-info {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-canvas);
  text-align: start;
}

[data-static-route="corporate-review"] .corp-review-info-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

[data-static-route="corporate-review"] .corp-review-info-icon {
  display: block;
  flex: 0 0 16px;
  margin-top: 2px;
  color: var(--color-text-muted);
}

[data-static-route="corporate-review"] .corp-review-info-icon .corp-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

[data-static-route="corporate-review"] .corp-review-info-row > div {
  min-width: 0;
}

[data-static-route="corporate-review"] .corp-review-info-row p {
  margin: 0;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

[data-static-route="corporate-review"] .corp-review-info-row small {
  display: block;
  margin-top: 2px;
  overflow-wrap: anywhere;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

[data-static-route="corporate-review"] .corp-review-signin {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 14px 24px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .025em;
  transition: background .2s ease, transform .14s cubic-bezier(.22, 1, .36, 1);
}

[data-static-route="corporate-review"] .corp-review-signin:hover {
  background: rgba(15, 23, 42, .9);
}

[data-static-route="corporate-review"] .corp-review-signin:active {
  transform: scale(.97);
}

[data-static-route="corporate-review"] .corp-review-signin .corp-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

@keyframes corp-review-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
  50% { box-shadow: 0 0 0 4px rgba(212, 175, 55, .18); }
}

@keyframes corp-review-blue-drift {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(4%, 6%, 0) scale(1.08); }
  100% { transform: translate3d(-3%, 3%, 0) scale(.96); }
}

@keyframes corp-review-gold-drift {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-5%, -4%, 0) scale(1.1); }
  100% { transform: translate3d(3%, -2%, 0) scale(.94); }
}

@media (min-width: 640px) {
  [data-static-route="corporate-review"] .corp-review-container {
    max-width: 42rem;
    padding-inline: 24px;
  }

  [data-static-route="corporate-review"] .corp-review-card {
    padding: 36px;
  }
}

@media (min-width: 1024px) {
  [data-static-route="corporate-review"] .corp-review-header-offset,
  [data-static-route="corporate-review"] .corp-review-title-offset {
    margin-inline-start: 80px;
  }

  [data-static-route="corporate-review"] .corp-review-container {
    width: 66.666667%;
    max-width: 80rem;
    padding-inline: 32px;
  }
}

@media (min-width: 1280px) {
  [data-static-route="corporate-review"] .corp-review-header-offset,
  [data-static-route="corporate-review"] .corp-review-title-offset {
    margin-inline-start: 256px;
  }

  [data-static-route="corporate-review"] .corp-review-container {
    max-width: 88rem;
  }
}

@media (min-width: 1536px) {
  [data-static-route="corporate-review"] .corp-review-container {
    max-width: 96rem;
  }
}

@media (max-width: 640px) {
  [data-static-route="corporate-review"] .corp-review-ambient {
    width: 90vw;
    height: 90vw;
    filter: blur(80px);
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-static-route="corporate-review"] .corp-review-ambient,
  [data-static-route="corporate-review"] .corp-review-clock {
    animation: none !important;
  }
}


/* source: css/verify-id.css */
/* Route-local parity styles for the React VerifyCivilId flow. */
[data-static-route="verify-id"].verify-page {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  color: var(--color-text);
  background: var(--color-canvas);
  font-family: Inter, "Plus Jakarta Sans", Arial, sans-serif;
}

[data-static-route="verify-id"].verify-page *,
[data-static-route="verify-id"].verify-page *::before,
[data-static-route="verify-id"].verify-page *::after {
  box-sizing: border-box;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] {
  font-family: Alexandria, Arial, sans-serif;
  line-height: 1.625;
  text-align: right;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] * {
  letter-spacing: 0 !important;
}

[data-static-route="verify-id"] button,
[data-static-route="verify-id"] input {
  font: inherit;
}

[data-static-route="verify-id"] button {
  cursor: pointer;
}

[data-static-route="verify-id"] button:focus-visible,
[data-static-route="verify-id"] input:focus-visible {
  outline: 2px solid rgba(0, 51, 160, .55);
  outline-offset: 3px;
}

[data-static-route="verify-id"] .verify-icon {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}

[data-static-route="verify-id"] .verify-ambient {
  position: fixed;
  z-index: 0;
  width: 55vw;
  height: 55vw;
  max-width: 720px;
  max-height: 720px;
  border-radius: 50%;
  pointer-events: none;
  opacity: .55;
  filter: blur(120px);
  will-change: transform;
}

[data-static-route="verify-id"] .verify-ambient-blue {
  top: -18vw;
  left: -18vw;
  background: radial-gradient(circle at 30% 30%, rgba(58, 122, 240, .85) 0%, rgba(0, 51, 160, .55) 40%, rgba(120, 80, 255, .25) 75%, transparent 100%);
  animation: verify-blob-a 18s ease-in-out infinite alternate;
}

[data-static-route="verify-id"] .verify-ambient-gold {
  right: -18vw;
  bottom: -18vw;
  background: radial-gradient(circle at 70% 70%, rgba(203, 160, 82, .65) 0%, rgba(255, 107, 74, .5) 40%, rgba(240, 192, 74, .25) 75%, transparent 100%);
  animation: verify-blob-b 22s ease-in-out infinite alternate;
}

/* Floating language control, shared by both route states. */
[data-static-route="verify-id"] .verify-language {
  position: fixed;
  z-index: 150;
  top: 16px;
  inset-inline-end: 16px;
}

[data-static-route="verify-id"] .verify-language button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  padding: 8px 12px;
  color: var(--color-text);
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 4px 12px rgba(15, 23, 42, .03);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  transition: border-color .2s ease, background-color .2s ease;
}

[data-static-route="verify-id"] .verify-language button:hover {
  border-color: rgba(203, 160, 82, .5);
  background: rgba(255, 255, 255, .96);
}

[data-static-route="verify-id"] .verify-language .verify-icon {
  width: 14px;
  height: 14px;
  color: var(--color-accent-gold);
  stroke-width: 2.4;
}

[data-static-route="verify-id"] .verify-language-tag {
  color: rgba(71, 85, 105, .6);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em !important;
}

[data-static-route="verify-id"] .verify-entry-header,
[data-static-route="verify-id"] .verify-entry-route-title {
  position: relative;
  z-index: 5;
  width: min(96rem, 100%);
  margin-inline: auto;
}

[data-static-route="verify-id"] .verify-entry-header-inner {
  min-height: 64px;
  padding-inline: 16px;
  display: flex;
  align-items: center;
}

[data-static-route="verify-id"] .verify-entry-header-inner > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

[data-static-route="verify-id"] .verify-entry-back,
[data-static-route="verify-id"] .verify-entry-logo {
  border: 0;
  background: transparent;
}

[data-static-route="verify-id"] .verify-entry-back {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 12px;
  color: var(--color-text);
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 3px 12px rgba(15, 23, 42, .07);
}

[data-static-route="verify-id"] .verify-entry-back .verify-icon { width: 18px; height: 18px; }
[data-static-route="verify-id"] .verify-entry-logo { padding: 0; }
[data-static-route="verify-id"] .verify-entry-logo img { display: block; width: auto; height: 48px; object-fit: contain; }

[data-static-route="verify-id"] .verify-entry-route-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 16px 0;
}

[data-static-route="verify-id"] .verify-entry-route-title i {
  display: none;
  width: 3px;
  height: 28px;
  flex: 0 0 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--color-primary), var(--color-accent-gold));
}

[data-static-route="verify-id"] .verify-entry-route-title h1 {
  margin: 0;
  color: var(--color-text);
  font: 700 24px/1.2 "Plus Jakarta Sans", Inter, sans-serif;
  letter-spacing: -.02em;
}

[data-static-route="verify-id"][data-dir="rtl"] .verify-entry-route-title h1 { font-family: Alexandria, Arial, sans-serif; letter-spacing: 0; }

/* Civil ID entry state. */
[data-static-route="verify-id"].verify-entry-page {
  display: flex;
  height: 100svh;
  overflow: hidden;
  flex-direction: column;
}

[data-static-route="verify-id"] .verify-entry-grid {
  position: fixed;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(rgba(17, 94, 232, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 94, 232, .04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 50% 30%, rgba(0, 0, 0, .5), transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, rgba(0, 0, 0, .5), transparent 80%);
}

[data-static-route="verify-id"] .verify-entry-content {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: calc(100svh - 120px);
  flex: 1;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 8px 20px;
}

[data-static-route="verify-id"] .verify-entry-inner {
  width: 100%;
  max-width: 440px;
}

[data-static-route="verify-id"] .verify-entry-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  text-align: center;
}

[data-static-route="verify-id"] .verify-entry-hero img {
  width: 80px;
  height: 80px;
  margin-bottom: 12px;
  object-fit: contain;
  filter: drop-shadow(0 10px 30px rgba(17, 94, 232, .25));
  animation: verify-idle-float 3.6s ease-in-out infinite;
}

[data-static-route="verify-id"] .verify-entry-hero h1 {
  margin: 0 0 8px;
  color: var(--color-primary);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-entry-hero h1 {
  font-family: Alexandria, Arial, sans-serif;
}

[data-static-route="verify-id"] .verify-entry-hero p {
  max-width: 36ch;
  margin: 0;
  color: var(--color-text-muted);
  font-size: 13.5px;
  line-height: 1.6;
}

[data-static-route="verify-id"] .verify-entry-form {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 8px;
  padding: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 50px -16px rgba(15, 23, 42, .22), inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
}

[data-static-route="verify-id"] .verify-entry-bloom {
  position: absolute;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(48px);
}

[data-static-route="verify-id"] .verify-entry-bloom-gold {
  top: -80px;
  right: -80px;
  background: rgba(203, 160, 82, .15);
}

[data-static-route="verify-id"] .verify-entry-bloom-blue {
  bottom: -96px;
  left: -48px;
  background: rgba(0, 51, 160, .1);
}

[data-static-route="verify-id"] .verify-entry-fields {
  position: relative;
  display: grid;
  gap: 20px;
}

[data-static-route="verify-id"] .verify-entry-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

[data-static-route="verify-id"] .verify-entry-label-row label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

[data-static-route="verify-id"] .verify-entry-label-row label .verify-icon {
  width: 14px;
  height: 14px;
  color: var(--color-accent-gold);
}

[data-static-route="verify-id"] .verify-paci-count {
  border-radius: 3px;
  padding: 2px 6px;
  color: rgba(71, 85, 105, .55);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  transition: color .2s ease;
}

[data-static-route="verify-id"] .verify-paci-count.is-complete {
  color: #059669;
  animation: verify-breathe-glow 2.8s ease-in-out infinite;
}

[data-static-route="verify-id"] .verify-paci-shell {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

[data-static-route="verify-id"] .verify-paci-display {
  display: flex;
  min-height: 56px;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  color: var(--color-primary);
  background: rgba(255, 255, 255, .8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: border-color .2s ease, box-shadow .2s ease;
}

[data-static-route="verify-id"][data-dir="rtl"] .verify-paci-shell,
[data-static-route="verify-id"][data-dir="rtl"] .verify-paci-display,
[data-static-route="verify-id"][data-dir="rtl"] .verify-paci-shell input {
  text-align: right;
}

[data-static-route="verify-id"][data-dir="rtl"] .verify-paci-display {
  justify-content: flex-end;
}

[data-static-route="verify-id"] .verify-paci-shell:focus-within .verify-paci-display {
  border-color: var(--color-accent-gold-soft);
  box-shadow: 0 0 0 2px rgba(203, 160, 82, .25), inset 0 1px 0 rgba(255, 255, 255, .5);
}

[data-static-route="verify-id"] .verify-paci-display,
[data-static-route="verify-id"] .verify-paci-display * {
  font-family: "JetBrains Mono", "SF Mono", monospace;
  font-size: 20px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em !important;
  line-height: 1.2;
}

[data-static-route="verify-id"] .verify-paci-digits {
  display: inline-flex;
}

[data-static-route="verify-id"] .verify-stamp-digit {
  display: inline-block;
  transform-origin: 50% 60%;
}

[data-static-route="verify-id"] .verify-stamp-digit.is-entering {
  animation: verify-stamp-in 480ms cubic-bezier(.16, 1, .3, 1) both;
}

[data-static-route="verify-id"] .verify-paci-caret,
[data-static-route="verify-id"] .verify-paci-placeholder i {
  display: inline-block;
  width: 2px;
  height: 1.1em;
  margin-left: 2px;
  border-radius: 999px;
  background: var(--color-accent-gold);
  vertical-align: middle;
  animation: verify-caret-blink 1s steps(2, start) infinite;
}

[data-static-route="verify-id"] .verify-paci-placeholder {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: rgba(71, 85, 105, .4);
}

[data-static-route="verify-id"] .verify-paci-placeholder i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: auto;
  margin: 0;
}

[data-static-route="verify-id"] .verify-paci-shell input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  cursor: text;
}

[data-static-route="verify-id"] .verify-paci-help {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.625;
}

[data-static-route="verify-id"] .verify-continue {
  position: relative;
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  border: 0;
  border-radius: 6px;
  padding: 16px 24px;
  color: #fff;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep));
  box-shadow: 0 0 0 4px rgba(0, 51, 160, .12), 0 12px 32px -8px rgba(0, 51, 160, .45);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  transition: filter .2s ease, transform 140ms cubic-bezier(.22, 1, .36, 1), opacity .2s ease;
}

[data-static-route="verify-id"] .verify-continue > span,
[data-static-route="verify-id"] .verify-continue > .verify-icon {
  position: relative;
  z-index: 1;
}

[data-static-route="verify-id"] .verify-continue > i {
  position: absolute;
  inset: 0;
  width: 58%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent);
  transform: translateX(-180%) skewX(-20deg);
  transition: transform .7s ease;
}

[data-static-route="verify-id"] .verify-continue:hover:not(:disabled) {
  filter: brightness(1.1);
}

[data-static-route="verify-id"] .verify-continue:hover:not(:disabled) > i {
  transform: translateX(280%) skewX(-20deg);
}

[data-static-route="verify-id"] .verify-continue:active:not(:disabled) {
  transform: scale(.97);
}

[data-static-route="verify-id"] .verify-continue:disabled {
  cursor: not-allowed;
  opacity: .3;
}

/* Mobile ID state and its full-width header. */
[data-static-route="verify-id"].verify-mobile-page {
  min-height: 100svh;
  overflow: hidden;
}

[data-static-route="verify-id"] .verify-mobile-header {
  position: sticky;
  z-index: 50;
  top: 0;
  height: 56px;
}

[data-static-route="verify-id"] .verify-mobile-header > span {
  position: absolute;
  inset: 0;
  border-bottom: 1px solid rgba(226, 232, 240, .7);
  background: rgba(248, 250, 252, .95);
  opacity: 0;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: opacity .3s ease;
}

[data-static-route="verify-id"] .verify-mobile-header.is-scrolled > span {
  opacity: 1;
}

[data-static-route="verify-id"] .verify-mobile-header-inner,
[data-static-route="verify-id"] .verify-mobile-title-inner,
[data-static-route="verify-id"] .verify-mobile-container {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  padding-inline: 16px;
}

[data-static-route="verify-id"] .verify-mobile-header-inner {
  position: relative;
  height: 100%;
}

[data-static-route="verify-id"] .verify-mobile-header-inner > div {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 12px;
}

[data-static-route="verify-id"] .verify-mobile-back {
  display: grid;
  width: 36px;
  height: 36px;
  margin-inline-start: -8px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 10px;
  color: var(--color-text);
  background: rgba(255, 255, 255, .6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

[data-static-route="verify-id"] .verify-mobile-back .verify-icon {
  width: 18px;
  height: 18px;
  stroke-width: 2.25;
}

[data-static-route="verify-id"] .verify-mobile-back:hover {
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 51, 160, .12);
  transform: translateY(-2px);
}

[data-static-route="verify-id"] .verify-mobile-logo {
  display: inline-flex;
  align-items: center;
  border: 0;
  padding: 0;
  background: transparent;
}

[data-static-route="verify-id"] .verify-mobile-logo img {
  width: auto;
  height: 48px;
  object-fit: contain;
}

[data-static-route="verify-id"] .verify-mobile-title {
  position: relative;
  z-index: 2;
}

[data-static-route="verify-id"] .verify-mobile-title-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
}

[data-static-route="verify-id"] .verify-mobile-title-inner > span {
  display: none;
}

[data-static-route="verify-id"] .verify-mobile-title h1 {
  margin: 0;
  color: var(--color-text);
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-mobile-title h1 {
  font-family: Alexandria, Arial, sans-serif;
}

[data-static-route="verify-id"] .verify-mobile-container {
  position: relative;
  z-index: 2;
  padding-top: 32px;
  padding-bottom: 32px;
}

[data-static-route="verify-id"] .verify-mobile-card {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 32, 64, .05), 0 18px 40px -12px rgba(15, 32, 64, .15);
}

[data-static-route="verify-id"] .verify-mobile-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 128px;
  pointer-events: none;
  background: radial-gradient(60% 100% at 50% 0%, rgba(5, 93, 172, .1), rgba(5, 93, 172, 0) 70%);
}

[data-static-route="verify-id"] .verify-mobile-card-content {
  position: relative;
  padding: 24px;
}

[data-static-route="verify-id"] .verify-mobile-hero {
  margin-bottom: 24px;
  text-align: center;
}

[data-static-route="verify-id"] .verify-mobile-stage {
  position: relative;
  display: inline-grid;
  width: 128px;
  height: 128px;
  margin-bottom: 16px;
  place-items: center;
}

[data-static-route="verify-id"] .verify-mobile-halo {
  position: absolute;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: rgba(0, 51, 160, .1);
  filter: blur(24px);
  transition: background-color .5s ease;
}

[data-static-route="verify-id"] .verify-mobile-halo.is-pending {
  background: rgba(0, 51, 160, .15);
}

[data-static-route="verify-id"] .verify-mobile-halo.is-verified {
  background: rgba(52, 211, 153, .15);
}

[data-static-route="verify-id"] .verify-mobile-radar {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(0, 51, 160, .3);
  border-radius: 50%;
  animation: verify-radar-ping 1s cubic-bezier(0, 0, .2, 1) infinite;
}

[data-static-route="verify-id"] .verify-mobile-radar-one {
  width: 96px;
  height: 96px;
}

[data-static-route="verify-id"] .verify-mobile-radar-two {
  width: 112px;
  height: 112px;
  border-color: rgba(0, 51, 160, .2);
  animation-delay: .4s;
}

[data-static-route="verify-id"] .verify-mobile-disc {
  position: relative;
  z-index: 2;
  display: grid;
  width: 80px;
  height: 80px;
  place-items: center;
  border: 1px solid rgba(0, 51, 160, .15);
  border-radius: 10px;
  color: var(--color-primary);
  background: rgba(0, 51, 160, .05);
  transition: background-color .3s ease, border-color .3s ease;
}

[data-static-route="verify-id"] .verify-mobile-disc.is-verified {
  border-color: #a7f3d0;
  color: #10b981;
  background: #ecfdf5;
}

[data-static-route="verify-id"] .verify-mobile-disc img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

[data-static-route="verify-id"] .verify-mobile-stage-check,
[data-static-route="verify-id"] .verify-mobile-loader {
  width: 40px;
  height: 40px;
  stroke-width: 2;
}

[data-static-route="verify-id"] .verify-mobile-loader,
[data-static-route="verify-id"] .verify-mobile-button-loader {
  animation: verify-spin .8s linear infinite;
}

[data-static-route="verify-id"] .verify-mobile-notification {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--color-danger);
}

[data-static-route="verify-id"] .verify-mobile-notification::before {
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  background: rgba(200, 16, 46, .6);
  content: "";
  animation: verify-radar-ping 1s cubic-bezier(0, 0, .2, 1) infinite;
}

[data-static-route="verify-id"] .verify-mobile-hero h2 {
  margin: 0 0 6px;
  color: var(--color-text);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
}

[data-static-route="verify-id"] .verify-mobile-hero p {
  max-width: 24rem;
  margin: 0 auto;
  color: var(--color-text-muted);
  font-size: 14px;
  line-height: 1.625;
}

[data-static-route="verify-id"] .verify-mobile-hero small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: rgba(71, 85, 105, .8);
  font-size: 11px;
  line-height: 1.35;
}

[data-static-route="verify-id"] .verify-mobile-hero small .verify-icon {
  width: 12px;
  height: 12px;
}

[data-static-route="verify-id"] .verify-mobile-steps {
  display: grid;
  gap: 12px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

[data-static-route="verify-id"] .verify-mobile-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 12px;
  background: rgba(248, 250, 252, .4);
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

[data-static-route="verify-id"] .verify-mobile-step > span {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  color: var(--color-text-muted);
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

[data-static-route="verify-id"] .verify-mobile-step > span .verify-icon {
  width: 14px;
  height: 14px;
  stroke-width: 3;
}

[data-static-route="verify-id"] .verify-mobile-step b {
  display: block;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

[data-static-route="verify-id"] .verify-mobile-step small {
  display: block;
  margin-top: 2px;
  color: rgba(71, 85, 105, .8);
  font-size: 11px;
  line-height: 1.35;
}

[data-static-route="verify-id"] .verify-mobile-step.is-active {
  border-color: rgba(0, 51, 160, .3);
  background: rgba(0, 51, 160, .05);
}

[data-static-route="verify-id"] .verify-mobile-step.is-active > span {
  border-color: var(--color-primary);
  color: #fff;
  background: var(--color-primary);
}

[data-static-route="verify-id"] .verify-mobile-step.is-done {
  border-color: #a7f3d0;
  background: rgba(236, 253, 245, .75);
}

[data-static-route="verify-id"] .verify-mobile-step.is-done > span {
  border-color: #10b981;
  color: #fff;
  background: #10b981;
}

[data-static-route="verify-id"] .verify-mobile-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -4px 0 20px;
  border: 1px solid rgba(0, 51, 160, .15);
  border-radius: 8px;
  padding: 10px 14px;
  color: var(--color-text);
  background: rgba(0, 51, 160, .06);
  font-size: 12px;
}

[data-static-route="verify-id"] .verify-mobile-status > span {
  display: flex;
  align-items: center;
  gap: 8px;
}

[data-static-route="verify-id"] .verify-mobile-status i {
  position: relative;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--color-primary);
}

[data-static-route="verify-id"] .verify-mobile-status i::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--color-primary);
  content: "";
  animation: verify-status-ping 1.4s cubic-bezier(0, 0, .2, 1) infinite;
}

[data-static-route="verify-id"] .verify-mobile-status b {
  color: var(--color-text-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

[data-static-route="verify-id"] .verify-mobile-action {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  padding: 14px 24px;
  color: #fff;
  background: var(--color-primary);
  box-shadow: 0 6px 20px -6px rgba(5, 93, 172, .55);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  transition: transform .15s ease, background-color .2s ease, opacity .2s ease;
}

[data-static-route="verify-id"] .verify-mobile-action:hover:not(:disabled) {
  background: var(--color-primary-deep);
}

[data-static-route="verify-id"] .verify-mobile-action:active:not(:disabled) {
  transform: scale(.99);
}

[data-static-route="verify-id"] .verify-mobile-action.is-pending {
  cursor: wait;
  background: rgba(0, 51, 160, .8);
}

[data-static-route="verify-id"] .verify-mobile-action.is-verified {
  cursor: default;
  background: #10b981;
  box-shadow: none;
}

[data-static-route="verify-id"] .verify-mobile-action:disabled {
  opacity: 1;
}

[data-static-route="verify-id"] .verify-mobile-action .verify-icon {
  width: 20px;
  height: 20px;
}

[data-static-route="verify-id"] .verify-mobile-action .verify-mobile-button-loader {
  width: 20px;
  height: 20px;
}

[data-static-route="verify-id"] .verify-mobile-secondary {
  display: flex;
  min-height: 16px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  color: rgba(71, 85, 105, .8);
  font-size: 11px;
}

[data-static-route="verify-id"] .verify-mobile-secondary button {
  border: 0;
  padding: 0;
  color: var(--color-text-muted);
  background: transparent;
  font-size: 11px;
  transition: color .2s ease;
}

[data-static-route="verify-id"] .verify-mobile-secondary button:hover {
  color: var(--color-text);
}

/* Floating Smart Assistant. */
[data-static-route="verify-id"] .verify-assistant-fab {
  position: fixed;
  z-index: 140;
  right: 20px;
  bottom: calc(24px + env(safe-area-inset-bottom));
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border: 0;
  padding: 0;
  opacity: 0;
  background: transparent;
  filter: drop-shadow(0 18px 22px rgba(17, 94, 232, .35));
  pointer-events: none;
  transform: translateY(150%);
  transition: transform .7s ease-out, opacity .7s ease-out;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-assistant-fab {
  right: auto;
  left: 20px;
}

[data-static-route="verify-id"] .verify-assistant-fab.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

[data-static-route="verify-id"] .verify-assistant-fab:hover {
  transform: translateY(0) scale(1.05);
}

[data-static-route="verify-id"] .verify-assistant-fab:active {
  transform: translateY(0) scale(.95);
}

[data-static-route="verify-id"] .verify-assistant-fab img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-static-route="verify-id"] .verify-assistant-layer {
  position: fixed;
  z-index: 260;
  inset: 0;
}

[data-static-route="verify-id"] .verify-chat-scrim {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(15, 23, 42, .5);
}

[data-static-route="verify-id"] .verify-chat-panel {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100dvh;
  max-height: 100dvh;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 16px 50px -16px rgba(0, 0, 0, .35);
  animation: verify-chat-appear .25s ease-out both;
}

[data-static-route="verify-id"] .verify-chat-header {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--color-border);
  padding: 16px 20px;
  background: linear-gradient(90deg, rgba(0, 51, 160, .04), #fff, rgba(203, 160, 82, .06));
}

[data-static-route="verify-id"] .verify-chat-header > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

[data-static-route="verify-id"] .verify-chat-header img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

[data-static-route="verify-id"] .verify-chat-header strong {
  color: var(--color-text);
  font-size: 13.5px;
  font-weight: 700;
}

[data-static-route="verify-id"] .verify-chat-header button {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border: 0;
  border-radius: 8px;
  color: var(--color-text-muted);
  background: transparent;
  transition: background-color .2s ease;
}

[data-static-route="verify-id"] .verify-chat-header button:hover {
  background: rgba(15, 23, 42, .05);
}

[data-static-route="verify-id"] .verify-chat-header button .verify-icon {
  width: 16px;
  height: 16px;
}

[data-static-route="verify-id"] .verify-chat-log {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  padding: 16px;
  background: rgba(248, 250, 252, .4);
}

[data-static-route="verify-id"] .verify-chat-row {
  display: flex;
}

[data-static-route="verify-id"] .verify-chat-row.is-user {
  justify-content: flex-end;
}

[data-static-route="verify-id"] .verify-chat-row.is-assistant {
  justify-content: flex-start;
}

[data-static-route="verify-id"] .verify-chat-bubble {
  max-width: 78%;
  border-radius: 16px;
  padding: 10px 14px;
  font-size: 13.5px;
  line-height: 1.35;
}

[data-static-route="verify-id"] .verify-chat-bubble p {
  margin: 0;
}

[data-static-route="verify-id"] .verify-chat-bubble small {
  display: block;
  margin-top: 4px;
  font-size: 10px;
}

[data-static-route="verify-id"] .verify-chat-bubble.is-user {
  color: #fff;
  background: var(--color-primary);
}

[data-static-route="verify-id"] .verify-chat-bubble.is-user small {
  color: rgba(255, 255, 255, .7);
}

[data-static-route="verify-id"] .verify-chat-bubble.is-assistant {
  border: 1px solid var(--color-border);
  color: var(--color-text);
  background: #fff;
}

[data-static-route="verify-id"] .verify-chat-bubble.is-assistant small {
  color: rgba(71, 85, 105, .7);
}

[data-static-route="verify-id"].verify-page[data-dir="ltr"] .verify-chat-bubble.is-user {
  border-bottom-left-radius: 6px;
}

[data-static-route="verify-id"].verify-page[data-dir="ltr"] .verify-chat-bubble.is-assistant {
  border-bottom-right-radius: 6px;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-chat-bubble.is-user {
  border-bottom-right-radius: 6px;
}

[data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-chat-bubble.is-assistant {
  border-bottom-left-radius: 6px;
}

[data-static-route="verify-id"] .verify-chat-typing {
  display: flex;
  gap: 4px;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 12px 14px;
  background: #fff;
}

[data-static-route="verify-id"] .verify-chat-typing i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(71, 85, 105, .5);
  animation: verify-chat-dot 1s ease-in-out infinite;
}

[data-static-route="verify-id"] .verify-chat-typing i:nth-child(2) {
  animation-delay: .15s;
}

[data-static-route="verify-id"] .verify-chat-typing i:nth-child(3) {
  animation-delay: .3s;
}

[data-static-route="verify-id"] .verify-chat-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 16px 8px;
  background: rgba(248, 250, 252, .4);
}

[data-static-route="verify-id"] .verify-chat-suggestions button {
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: 6px 12px;
  color: var(--color-text-muted);
  background: #fff;
  font-size: 12px;
  transition: border-color .2s ease, color .2s ease;
}

[data-static-route="verify-id"] .verify-chat-suggestions button:hover {
  border-color: rgba(203, 160, 82, .5);
  color: var(--color-text);
}

[data-static-route="verify-id"] .verify-chat-compose {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--color-border);
  padding: 12px;
  background: #fff;
}

[data-static-route="verify-id"] .verify-chat-compose input {
  min-width: 0;
  min-height: 40px;
  flex: 1;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  padding: 10px 14px;
  color: var(--color-text);
  background: var(--color-canvas);
  outline: 0;
}

[data-static-route="verify-id"] .verify-chat-compose input:focus {
  border-color: var(--color-accent-gold-soft);
  box-shadow: 0 0 0 2px rgba(203, 160, 82, .2);
}

[data-static-route="verify-id"] .verify-chat-compose button {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: var(--color-primary);
  transition: background-color .2s ease, opacity .2s ease;
}

[data-static-route="verify-id"] .verify-chat-compose button:hover:not(:disabled) {
  background: var(--color-primary-deep);
}

[data-static-route="verify-id"] .verify-chat-compose button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

[data-static-route="verify-id"] .verify-chat-compose button .verify-icon {
  width: 16px;
  height: 16px;
}

@keyframes verify-blob-a {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(4%, 6%, 0) scale(1.08); }
  100% { transform: translate3d(-3%, 3%, 0) scale(.96); }
}

@keyframes verify-blob-b {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-5%, -4%, 0) scale(1.1); }
  100% { transform: translate3d(3%, -2%, 0) scale(.94); }
}

@keyframes verify-idle-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes verify-stamp-in {
  0% { opacity: 0; transform: translateY(-6px) scale(1.35) rotate(-4deg); filter: blur(1.5px); }
  60% { opacity: 1; filter: blur(0); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); filter: blur(0); }
}

@keyframes verify-caret-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes verify-breathe-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
  50% { box-shadow: 0 0 0 4px rgba(212, 175, 55, .18); }
}

@keyframes verify-radar-ping {
  75%, 100% { opacity: 0; transform: scale(2); }
}

@keyframes verify-spin {
  to { transform: rotate(360deg); }
}

@keyframes verify-status-ping {
  50% { box-shadow: 0 0 0 7px rgba(0, 51, 160, 0); }
  100% { box-shadow: 0 0 0 4px rgba(0, 51, 160, .13); }
}

@keyframes verify-chat-dot {
  0%, 100% { opacity: .55; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-3px); }
}

@keyframes verify-chat-appear {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 640px) {
  [data-static-route="verify-id"] .verify-language {
    top: 20px;
    inset-inline-end: 24px;
  }

  [data-static-route="verify-id"] .verify-entry-header-inner,
  [data-static-route="verify-id"] .verify-entry-route-title { padding-inline: 24px; }

  [data-static-route="verify-id"] .verify-entry-hero img {
    width: 112px;
    height: 112px;
  }

  [data-static-route="verify-id"] .verify-entry-hero h1 {
    font-size: 30px;
  }

  [data-static-route="verify-id"] .verify-paci-display,
  [data-static-route="verify-id"] .verify-paci-display * {
    font-size: 22px;
  }

  [data-static-route="verify-id"] .verify-paci-help {
    font-size: 16px;
  }

  [data-static-route="verify-id"] .verify-mobile-header-inner,
  [data-static-route="verify-id"] .verify-mobile-title-inner,
  [data-static-route="verify-id"] .verify-mobile-container {
    max-width: 672px;
    padding-inline: 24px;
  }

  [data-static-route="verify-id"] .verify-mobile-title h1 {
    font-size: 28px;
  }

  [data-static-route="verify-id"] .verify-mobile-card-content {
    padding: 32px;
  }
}

@media (min-width: 1024px) {
  [data-static-route="verify-id"].verify-entry-page {
    height: auto;
    min-height: 100vh;
  }

  [data-static-route="verify-id"] .verify-entry-content {
    min-height: calc(100vh - 128px);
    padding-top: 24px;
    padding-bottom: 24px;
  }

  [data-static-route="verify-id"] .verify-entry-header-inner,
  [data-static-route="verify-id"] .verify-entry-route-title { padding-inline: 32px; }
  [data-static-route="verify-id"] .verify-entry-route-title { padding-top: 24px; }
  [data-static-route="verify-id"] .verify-entry-route-title i { display: block; }
  [data-static-route="verify-id"] .verify-entry-route-title h1 { font-size: 28px; }

  [data-static-route="verify-id"] .verify-entry-hero {
    margin-bottom: 32px;
  }

  [data-static-route="verify-id"] .verify-entry-hero img {
    width: 128px;
    height: 128px;
    margin-bottom: 16px;
  }

  [data-static-route="verify-id"] .verify-entry-form {
    padding: 28px;
  }

  [data-static-route="verify-id"].verify-mobile-page {
    min-height: 100vh;
  }

  [data-static-route="verify-id"] .verify-mobile-header {
    height: 64px;
  }

  [data-static-route="verify-id"] .verify-mobile-header-inner,
  [data-static-route="verify-id"] .verify-mobile-title-inner,
  [data-static-route="verify-id"] .verify-mobile-container {
    max-width: 1536px;
    padding-inline: 32px;
  }

  [data-static-route="verify-id"] .verify-mobile-title-inner {
    padding-top: 24px;
  }

  [data-static-route="verify-id"] .verify-mobile-title-inner > span {
    display: block;
    width: 3px;
    height: 28px;
    border-radius: 999px;
    background: linear-gradient(to bottom, var(--color-primary), var(--color-accent-gold));
  }

  [data-static-route="verify-id"] .verify-mobile-container {
    padding-top: 32px;
  }

  [data-static-route="verify-id"] .verify-mobile-card {
    width: 50%;
    margin-inline: auto;
  }

  [data-static-route="verify-id"] .verify-assistant-fab {
    right: 24px;
    width: 64px;
    height: 64px;
  }

  [data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-assistant-fab {
    right: auto;
    left: 24px;
  }

  [data-static-route="verify-id"] .verify-assistant-layer {
    pointer-events: none;
  }

  [data-static-route="verify-id"] .verify-chat-scrim {
    display: none;
  }

  [data-static-route="verify-id"] .verify-chat-panel {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 360px;
    height: 560px;
    max-height: 80vh;
    border-radius: 10px;
    pointer-events: auto;
    animation: verify-chat-appear .16s cubic-bezier(.22, 1, .36, 1) both;
  }

  [data-static-route="verify-id"].verify-page[data-dir="rtl"] .verify-chat-panel {
    right: auto;
    left: 24px;
  }
}

@media (max-width: 767px) {
  [data-static-route="verify-id"] input {
    font-size: 16px;
  }

  [data-static-route="verify-id"] .verify-ambient {
    width: 90vw;
    height: 90vw;
    filter: blur(80px);
    opacity: .45;
  }
}

@media (max-width: 380px) {
  [data-static-route="verify-id"] .verify-entry-form {
    padding: 20px;
  }

  [data-static-route="verify-id"] .verify-entry-fields {
    gap: 16px;
  }

  [data-static-route="verify-id"] .verify-paci-display,
  [data-static-route="verify-id"] .verify-paci-display * {
    font-size: 18px;
  }

  [data-static-route="verify-id"] .verify-mobile-card-content {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-static-route="verify-id"] *,
  [data-static-route="verify-id"] *::before,
  [data-static-route="verify-id"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }

  [data-static-route="verify-id"] .verify-mobile-radar {
    display: none;
  }
}


/* source: css/user-info.css */
/* Route-scoped parity styles for register-user-info.html. */
[data-static-route="user-info"] {
  position: relative;
  min-height: 100svh;
  overflow-x: clip;
  padding-bottom: 56px;
  color: var(--color-text);
  background: var(--color-canvas);
  font-family: Inter, "Plus Jakarta Sans", Arial, sans-serif;
}

[data-static-route="user-info"],
[data-static-route="user-info"] * { box-sizing: border-box; }

[data-static-route="user-info"] button,
[data-static-route="user-info"] input,
[data-static-route="user-info"] select { font: inherit; }

[data-static-route="user-info"] button { cursor: pointer; }

[data-static-route="user-info"][data-dir="rtl"] {
  font-family: Alexandria, Arial, sans-serif;
  font-size: 106.25%;
  font-size-adjust: .48;
  line-height: 1.625;
}

@supports not (font-size-adjust: .48) {
  [data-static-route="user-info"][data-dir="rtl"] { font-size: 1.05em; }
}

[data-static-route="user-info"] .user-grid {
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background-image: linear-gradient(rgba(17,94,232,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(17,94,232,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,.5), transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,.5), transparent 80%);
}

[data-static-route="user-info"] .user-ambient {
  position: fixed;
  z-index: 0;
  width: min(55vw, 720px);
  height: min(55vw, 720px);
  border-radius: 50%;
  filter: blur(120px);
  opacity: .55;
  pointer-events: none;
  will-change: transform;
}

[data-static-route="user-info"] .user-ambient-blue {
  top: -18vw;
  left: -18vw;
  background: radial-gradient(circle at 30% 30%, rgba(58,122,240,.85) 0%, rgba(0,51,160,.55) 40%, rgba(120,80,255,.25) 75%, transparent 100%);
  animation: user-blue-drift 18s ease-in-out infinite alternate;
}

[data-static-route="user-info"] .user-ambient-gold {
  right: -18vw;
  bottom: -18vw;
  background: radial-gradient(circle at 70% 70%, rgba(203,160,82,.65) 0%, rgba(255,107,74,.5) 40%, rgba(240,192,74,.25) 75%, transparent 100%);
  animation: user-gold-drift 22s ease-in-out infinite alternate;
}

[data-static-route="user-info"] .user-icon { display: block; width: 1em; height: 1em; }

[data-static-route="user-info"] .user-language {
  position: fixed;
  z-index: 150;
  top: 16px;
  inset-inline-end: 16px;
}

[data-static-route="user-info"] .user-language button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  color: var(--color-text);
  background: rgba(255,255,255,.8);
  box-shadow: 0 4px 12px rgba(15,23,42,.03);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font-size: 12px;
  font-weight: 700;
  transition: border-color .2s ease, transform .2s ease;
}

[data-static-route="user-info"] .user-language button:hover { border-color: rgba(203,160,82,.7); transform: translateY(-1px); }
[data-static-route="user-info"] .user-language .user-icon { width: 14px; height: 14px; color: var(--color-accent-gold); stroke-width: 2.4; }
[data-static-route="user-info"] .user-language-tag { color: rgba(71,85,105,.6); font-family: "JetBrains Mono", monospace; font-size: 10px; font-weight: 700; letter-spacing: .18em; }

[data-static-route="user-info"] .user-header {
  position: sticky;
  z-index: 50;
  top: 0;
  height: 56px;
  transition: box-shadow .3s ease;
}

[data-static-route="user-info"] .user-header::before,
[data-static-route="user-info"] .user-header::after {
  position: absolute;
  pointer-events: none;
  content: "";
  transition: opacity .3s ease;
}

[data-static-route="user-info"] .user-header::before {
  inset: 0;
  opacity: 0;
  background: rgba(248,250,252,.95);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

[data-static-route="user-info"] .user-header::after {
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  opacity: 0;
  background: rgba(226,232,240,.7);
}

[data-static-route="user-info"] .user-header.is-scrolled::before,
[data-static-route="user-info"] .user-header.is-scrolled::after { opacity: 1; }

[data-static-route="user-info"] .user-header-shell,
[data-static-route="user-info"] .user-route-title,
[data-static-route="user-info"] .user-container {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
  padding-inline: 16px;
}

[data-static-route="user-info"] .user-header-shell { position: relative; z-index: 1; height: 100%; }
[data-static-route="user-info"] .user-header-main { display: flex; align-items: center; justify-content: space-between; height: 100%; }
[data-static-route="user-info"] .user-header-start { display: flex; align-items: center; gap: 12px; min-width: 0; }

[data-static-route="user-info"] .user-back {
  display: grid;
  width: 36px;
  height: 36px;
  margin-inline-start: -8px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 8px;
  color: var(--color-text);
  background: rgba(255,255,255,.6);
  box-shadow: 0 4px 14px -7px rgba(15,23,42,.18);
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

[data-static-route="user-info"] .user-back:hover { background: #fff; box-shadow: 0 10px 20px -11px rgba(15,23,42,.28); transform: translateY(-2px); }
[data-static-route="user-info"] .user-back .user-icon { width: 18px; height: 18px; stroke-width: 2.25; transition: transform .2s ease; }
[data-static-route="user-info"][data-dir="ltr"] .user-back:hover .user-icon { transform: translateX(-2px); }
[data-static-route="user-info"][data-dir="rtl"] .user-back:hover .user-icon { transform: translateX(2px); }

[data-static-route="user-info"] .user-logo { display: flex; align-items: center; padding: 0; border: 0; background: transparent; }
[data-static-route="user-info"] .user-logo img { display: block; width: auto; height: 48px; object-fit: contain; }

[data-static-route="user-info"] .user-route-title { position: relative; z-index: 1; padding-top: 20px; }
[data-static-route="user-info"] .user-route-title-inner { display: flex; align-items: center; gap: 10px; min-width: 0; }
[data-static-route="user-info"] .user-route-title-inner > i { display: none; width: 3px; height: 28px; flex: 0 0 3px; border-radius: 999px; background: linear-gradient(180deg, var(--color-primary), var(--color-accent-gold)); }
[data-static-route="user-info"] .user-route-title h1 { overflow: hidden; margin: 0; color: var(--color-text); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
[data-static-route="user-info"][data-dir="rtl"] .user-route-title h1 { font-family: Alexandria, Arial, sans-serif; letter-spacing: 0; }

[data-static-route="user-info"] .user-container { position: relative; z-index: 1; padding-block: 36px; }
[data-static-route="user-info"] .user-step { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
[data-static-route="user-info"] .user-step-copy { display: flex; align-items: center; gap: 12px; min-width: 0; color: rgba(71,85,105,.7); font-family: "Plus Jakarta Sans", Inter, sans-serif; }
[data-static-route="user-info"] .user-step-copy strong { color: var(--color-primary); font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 1; }
[data-static-route="user-info"] .user-step-copy > span { color: rgba(71,85,105,.35); font-size: 14px; }
[data-static-route="user-info"] .user-step-copy b { font-size: 12px; font-weight: 600; }
[data-static-route="user-info"] .user-step-copy em { margin-inline-start: 8px; overflow: hidden; color: rgba(71,85,105,.7); font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .22em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
[data-static-route="user-info"] .user-step-bars { display: flex; flex: 0 0 auto; gap: 6px; }
[data-static-route="user-info"] .user-step-bars i { display: block; width: 20px; height: 6px; border-radius: 999px; background: rgba(0,51,160,.35); }
[data-static-route="user-info"] .user-step-bars i:last-child { width: 40px; background: linear-gradient(90deg, var(--color-primary), var(--color-accent-gold)); background-size: 200% 200%; animation: user-bar-tone 6s ease-in-out infinite; }

[data-static-route="user-info"] .user-hero { display: grid; gap: 24px; align-items: end; margin-bottom: 36px; }
[data-static-route="user-info"] .user-hero h1 { max-width: 680px; margin: 0 0 10px; color: var(--color-primary); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 32px; font-weight: 700; letter-spacing: -.025em; line-height: 1.04; }
[data-static-route="user-info"] .user-hero p { max-width: 52ch; margin: 0; color: var(--color-text-muted); font-size: 15px; line-height: 1.7; }
[data-static-route="user-info"][data-dir="rtl"] .user-hero h1 { font-family: Alexandria, Arial, sans-serif; letter-spacing: 0; }

[data-static-route="user-info"] .user-avatar-wrap { position: relative; display: none; width: 80px; height: 80px; flex: 0 0 80px; padding: 2px; }
[data-static-route="user-info"] .user-avatar-ring { position: relative; z-index: 1; display: grid; width: 76px; height: 76px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep)); background-size: 200% 200%; box-shadow: 0 12px 32px -8px rgba(0,51,160,.45); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -.04em; animation: user-icon-tone 6s ease-in-out infinite; }
[data-static-route="user-info"] .user-avatar-ring::before { position: absolute; z-index: -1; inset: -2px; border-radius: inherit; content: ""; background: conic-gradient(from 0deg, transparent 0deg, rgba(203,160,82,.7) 90deg, transparent 180deg, rgba(0,51,160,.5) 270deg, transparent 360deg); animation: user-avatar-rotate 6s linear infinite; }
[data-static-route="user-info"] .user-avatar-wrap > i { position: absolute; z-index: 2; right: 0; bottom: 0; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; background: var(--color-accent-gold); box-shadow: 0 0 10px rgba(212,160,23,.55); }

[data-static-route="user-info"] .user-completion { margin-bottom: 28px; }
[data-static-route="user-info"] .user-completion-copy { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
[data-static-route="user-info"] .user-completion-copy p { margin: 0; color: rgba(71,85,105,.7); font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
[data-static-route="user-info"] .user-completion-copy b { color: var(--color-primary); font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 700; }
[data-static-route="user-info"] .user-completion-rail { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(15,23,42,.08); }
[data-static-route="user-info"] .user-completion-rail i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--color-primary), var(--color-primary-soft), var(--color-accent-gold)); transition: width .5s ease; }

[data-static-route="user-info"] .user-form { display: grid; width: 100%; gap: 20px; }
[data-static-route="user-info"] .user-card { position: relative; overflow: hidden; padding: 24px; border: 1px solid rgba(255,255,255,.7); border-radius: 6px; background: rgba(255,255,255,.78); box-shadow: 0 18px 50px -16px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.9); -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%); }
[data-static-route="user-info"] .user-card-content { position: relative; z-index: 1; }
[data-static-route="user-info"] .user-card-bloom { position: absolute; width: 144px; height: 144px; border-radius: 50%; filter: blur(48px); pointer-events: none; }
[data-static-route="user-info"] .user-identity-bloom { top: -64px; right: -48px; background: rgba(16,185,129,.1); }
[data-static-route="user-info"] .user-reach-bloom { bottom: -64px; left: -48px; background: rgba(0,51,160,.15); }
[data-static-route="user-info"] .user-pobox-bloom { top: -64px; left: -48px; background: rgba(0,51,160,.1); }

[data-static-route="user-info"] .user-card-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
[data-static-route="user-info"] .user-card-heading > span { min-width: 0; }
[data-static-route="user-info"] .user-card-heading > span:last-child:not(.user-verified-pill) { flex: 1; }
[data-static-route="user-info"] .user-identity-heading { align-items: flex-start; justify-content: space-between; gap: 12px; }
[data-static-route="user-info"] .user-identity-heading > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
[data-static-route="user-info"] .user-heading-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid rgba(0,51,160,.25); border-radius: 6px; background: #fff; box-shadow: 0 8px 22px -12px rgba(0,51,160,.45); }
[data-static-route="user-info"] .user-heading-icon .user-icon { width: 17px; height: 17px; stroke-width: 2.2; }
[data-static-route="user-info"] .user-heading-icon-blue { color: var(--color-primary); }
[data-static-route="user-info"] .user-heading-icon-green { border-color: rgba(16,185,129,.2); color: #059669; box-shadow: 0 8px 22px -12px rgba(16,185,129,.3); }
[data-static-route="user-info"] .user-card-heading h2 { overflow: hidden; margin: 0; color: var(--color-text); font-family: "Plus Jakarta Sans", Inter, sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
[data-static-route="user-info"] .user-card-heading p { margin: 2px 0 0; color: var(--color-text-muted); font-size: 12px; line-height: 1.25; }
[data-static-route="user-info"][data-dir="rtl"] .user-card-heading h2 { font-family: Alexandria, Arial, sans-serif; letter-spacing: 0; }

[data-static-route="user-info"] .user-verified-pill { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 4px 12px; border: 1px solid rgba(110,231,183,.5); border-radius: 999px; color: #047857; background: rgba(209,250,229,.7); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
[data-static-route="user-info"] .user-verified-pill i { width: 6px; height: 6px; border-radius: 50%; background: #10b981; animation: user-dot-pulse 1.6s ease-in-out infinite; }

[data-static-route="user-info"] .user-identity-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
[data-static-route="user-info"] .user-identity-grid > div { min-width: 0; }
[data-static-route="user-info"] .user-identity-grid small { display: block; margin-bottom: 6px; color: var(--color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
[data-static-route="user-info"] .user-identity-grid strong { display: block; overflow: hidden; padding: 12px 16px; border: 1px solid rgba(226,232,240,.6); border-radius: 6px; color: rgba(15,23,42,.8); background: rgba(15,23,42,.02); font-size: 14px; font-weight: 600; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
[data-static-route="user-info"] .user-mono { direction: ltr; font-family: "JetBrains Mono", "SF Mono", monospace; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
[data-static-route="user-info"] .user-identity-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
[data-static-route="user-info"] .user-identity-split .user-dob { font-size: 13px; letter-spacing: 0; }

[data-static-route="user-info"] .user-field-stack { display: grid; gap: 16px; }
[data-static-route="user-info"] .user-field-wrap { min-width: 0; }
[data-static-route="user-info"] .user-field-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: var(--color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
[data-static-route="user-info"] .user-field-label > span:first-child { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
[data-static-route="user-info"] .user-field-label > span:first-child > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-static-route="user-info"] .user-field-label .user-icon { width: 14px; height: 14px; flex: 0 0 14px; color: var(--color-accent-gold); stroke-width: 2.2; }
[data-static-route="user-info"] .user-field-ok { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; color: #059669; font-size: 10px; letter-spacing: 0; text-transform: none; }
[data-static-route="user-info"] .user-field-ok .user-icon { width: 12px; height: 12px; color: #059669; stroke-width: 2.5; }
[data-static-route="user-info"] .user-field-input { width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 6px; color: var(--color-text); background: rgba(255,255,255,.8); outline: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.5); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
[data-static-route="user-info"] .user-field-input::placeholder { color: rgba(71,85,105,.45); }
[data-static-route="user-info"] .user-field-input:focus { border-color: var(--color-accent-gold-soft); background: #fff; box-shadow: 0 0 0 2px rgba(203,160,82,.2); }
[data-static-route="user-info"] .user-field-input.is-valid { border-color: rgba(110,231,183,.7); }
[data-static-route="user-info"] .user-field-input.is-valid:focus { border-color: rgba(52,211,153,.8); box-shadow: 0 0 0 2px rgba(16,185,129,.16); }
[data-static-route="user-info"] .user-field-hint { margin: 6px 0 0; color: rgba(71,85,105,.75); font-size: 11px; line-height: 1.35; }
[data-static-route="user-info"] .user-branch-select { appearance: auto; background: rgba(255,255,255,.9); }

[data-static-route="user-info"] .user-pobox-info { display: flex; align-items: flex-start; gap: 6px; margin: -4px 0 16px; color: rgba(71,85,105,.85); font-size: 12px; line-height: 1.4; }
[data-static-route="user-info"] .user-pobox-info .user-icon { width: 14px; height: 14px; flex: 0 0 14px; margin-top: 1px; color: rgba(0,51,160,.7); }
[data-static-route="user-info"] .user-pobox-choices { display: flex; gap: 12px; margin-bottom: 16px; }
[data-static-route="user-info"] .user-pobox-choices button { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; min-height: 52px; padding: 12px 16px; border: 1px solid var(--color-border); border-radius: 6px; color: var(--color-text-muted); background: rgba(255,255,255,.82); text-align: start; transition: border-color .2s ease, color .2s ease, background .2s ease; }
[data-static-route="user-info"] .user-pobox-choices button:hover { border-color: rgba(0,51,160,.3); }
[data-static-route="user-info"] .user-pobox-choices button.is-selected { border-color: rgba(0,51,160,.5); color: var(--color-text); background: rgba(0,51,160,.05); }
[data-static-route="user-info"] .user-pobox-choices button > i { display: grid; width: 16px; height: 16px; flex: 0 0 16px; padding: 3px; place-items: center; border: 1px solid rgba(15,23,42,.3); border-radius: 50%; background: #fff; }
[data-static-route="user-info"] .user-pobox-choices button.is-selected > i { border-color: var(--color-primary); }
[data-static-route="user-info"] .user-pobox-choices button > i > b { display: block; width: 100%; height: 100%; border-radius: 50%; background: transparent; }
[data-static-route="user-info"] .user-pobox-choices button.is-selected > i > b { background: var(--color-primary); }
[data-static-route="user-info"] .user-pobox-choices button > span { min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.35; }
[data-static-route="user-info"] .user-pobox-expanded { display: grid; gap: 16px; animation: user-pobox-enter .3s cubic-bezier(.16,1,.3,1) both; }
[data-static-route="user-info"] .user-pobox-secondary-grid { display: grid; gap: 16px; }
[data-static-route="user-info"] .user-pobox-number { display: grid; width: 100%; gap: 8px; }
[data-static-route="user-info"] .user-pobox-label { display: flex; align-items: center; width: 100%; color: var(--color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
[data-static-route="user-info"][data-dir="rtl"] .user-pobox-number,
[data-static-route="user-info"][data-dir="rtl"] .user-pobox-label { direction: rtl; }
[data-static-route="user-info"][data-dir="rtl"] .user-pobox-label { justify-content: flex-start; text-align: right !important; }
[data-static-route="user-info"][data-dir="ltr"] .user-pobox-number,
[data-static-route="user-info"][data-dir="ltr"] .user-pobox-label { direction: ltr; }
[data-static-route="user-info"][data-dir="ltr"] .user-pobox-label { justify-content: flex-start; text-align: left !important; }
[data-static-route="user-info"] .user-pobox-shell { position: relative; display: block; width: 100%; min-height: 52px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: 6px; color: var(--color-text); background: rgba(255,255,255,.8); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); text-align: start; transition: border-color .2s ease, box-shadow .2s ease; }
[data-static-route="user-info"] .user-pobox-shell:focus-within { border-color: var(--color-accent-gold-soft); box-shadow: 0 0 0 2px rgba(203,160,82,.2); }
[data-static-route="user-info"] .user-pobox-display { display: flex; align-items: center; min-height: 52px; padding: 12px 16px; color: var(--color-primary); font-family: "JetBrains Mono", "SF Mono", monospace; font-size: 20px; font-weight: 700; letter-spacing: .15em; line-height: 1; }
[data-static-route="user-info"][data-dir="rtl"] .user-pobox-display { justify-content: flex-end; text-align: right !important; }
[data-static-route="user-info"][data-dir="ltr"] .user-pobox-display { justify-content: flex-start; text-align: left !important; }
[data-static-route="user-info"] .user-pobox-placeholder { position: relative; display: inline-flex; color: rgba(71,85,105,.3); }
[data-static-route="user-info"] .user-pobox-placeholder i,
[data-static-route="user-info"] .user-pobox-caret { display: inline-block; width: 2px; height: 1.1em; margin-inline-start: 2px; border-radius: 999px; background: var(--color-accent-gold); animation: user-caret 1s steps(2,start) infinite; vertical-align: middle; }
[data-static-route="user-info"] .user-pobox-placeholder i { position: absolute; inset-block: 0; inset-inline-start: 0; margin: 0; }
[data-static-route="user-info"] .user-stamp-digit { display: inline-block; animation: user-stamp-in 480ms cubic-bezier(.16,1,.3,1) both; transform-origin: 50% 60%; }
[data-static-route="user-info"] .user-pobox-shell input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: text; }
[data-static-route="user-info"][data-dir="rtl"] #user-pobox-input { direction: ltr; text-align: right !important; }
[data-static-route="user-info"][data-dir="ltr"] #user-pobox-input { direction: ltr; text-align: left !important; }
[data-static-route="user-info"] .user-pobox-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
[data-static-route="user-info"] .user-pobox-request { min-height: 48px; padding: 12px 20px; border: 0; border-radius: 6px; color: #fff; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep)); box-shadow: 0 0 0 4px rgba(0,51,160,.1), 0 10px 24px -10px rgba(0,51,160,.48); font-size: 13px; font-weight: 700; letter-spacing: .025em; transition: filter .2s ease, transform .16s ease, opacity .2s ease; }
[data-static-route="user-info"] .user-pobox-request:hover:not(:disabled) { filter: brightness(1.1); }
[data-static-route="user-info"] .user-pobox-request:active:not(:disabled) { transform: scale(.98); }
[data-static-route="user-info"] .user-pobox-request:disabled { opacity: .45; cursor: not-allowed; }
[data-static-route="user-info"] .user-pobox-notice { padding: 12px 16px; border: 1px solid rgba(167,243,208,.7); border-radius: 6px; color: #047857; background: rgba(236,253,245,.7); box-shadow: 0 6px 18px -12px rgba(16,185,129,.35); }
[data-static-route="user-info"] .user-pobox-notice p { margin: 0; font-size: 12.5px; font-weight: 600; line-height: 1.4; }
[data-static-route="user-info"] .user-pobox-notice small { display: block; margin-top: 4px; color: rgba(4,120,87,.72); font-size: 11px; line-height: 1.35; }

[data-static-route="user-info"] .user-submit { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; overflow: hidden; padding: 16px 24px; border: 0; border-radius: 6px; color: #fff; background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep)); box-shadow: 0 0 0 4px rgba(0,51,160,.12), 0 12px 32px -8px rgba(0,51,160,.45); font-size: 14px; font-weight: 700; letter-spacing: .025em; transition: filter .2s ease, transform .14s cubic-bezier(.22,1,.36,1), opacity .2s ease; }
[data-static-route="user-info"] .user-submit > :not(i) { position: relative; z-index: 1; }
[data-static-route="user-info"] .user-submit > .user-icon { width: 16px; height: 16px; stroke-width: 2.6; transition: transform .2s ease; }
[data-static-route="user-info"] .user-submit > i { position: absolute; inset: 0; width: 52%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent); transform: translateX(-210%); transition: transform .7s ease; }
[data-static-route="user-info"] .user-submit:hover:not(:disabled) { filter: brightness(1.1); }
[data-static-route="user-info"] .user-submit:hover:not(:disabled) > i { transform: translateX(310%); }
[data-static-route="user-info"][data-dir="ltr"] .user-submit:hover:not(:disabled) > .user-icon { transform: translateX(2px); }
[data-static-route="user-info"][data-dir="rtl"] .user-submit:hover:not(:disabled) > .user-icon { transform: translateX(-2px); }
[data-static-route="user-info"] .user-submit:active:not(:disabled) { transform: scale(.97); }
[data-static-route="user-info"] .user-submit.is-disabled,
[data-static-route="user-info"] .user-submit:disabled { opacity: .35; cursor: not-allowed; box-shadow: none; }

[data-static-route="user-info"] .user-assistant-fab { position: fixed; z-index: 140; right: 20px; bottom: calc(24px + env(safe-area-inset-bottom)); display: grid; width: 56px; height: 56px; padding: 0; place-items: center; border: 0; opacity: 0; background: transparent; filter: drop-shadow(0 18px 22px rgba(0,51,160,.35)); transform: translateY(150%); transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .7s ease; }
[data-static-route="user-info"][data-dir="rtl"] .user-assistant-fab { right: auto; left: 20px; }
[data-static-route="user-info"] .user-assistant-fab.is-visible { opacity: 1; transform: translateY(0); }
[data-static-route="user-info"] .user-assistant-fab:hover { transform: translateY(0) scale(1.05); }
[data-static-route="user-info"] .user-assistant-fab:active { transform: translateY(0) scale(.95); }
[data-static-route="user-info"] .user-assistant-fab img { display: block; width: 100%; height: 100%; object-fit: contain; }

[data-static-route="user-info"] .user-assistant-layer { position: fixed; z-index: 260; inset: 0; display: flex; align-items: flex-end; justify-content: flex-end; }
[data-static-route="user-info"][data-dir="rtl"] .user-assistant-layer { justify-content: flex-start; }
[data-static-route="user-info"] .user-chat-scrim { position: absolute; inset: 0; padding: 0; border: 0; background: rgba(15,23,42,.5); }
[data-static-route="user-info"] .user-chat-panel { position: relative; z-index: 1; display: flex; width: 100%; height: 100dvh; max-height: 100dvh; flex-direction: column; overflow: hidden; border-radius: 0; color: var(--color-text); background: #fff; box-shadow: 0 18px 50px rgba(15,23,42,.25); }
[data-static-route="user-info"] .user-chat-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--color-border); background: linear-gradient(90deg, rgba(0,51,160,.04), #fff, rgba(203,160,82,.06)); }
[data-static-route="user-info"] .user-chat-header > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
[data-static-route="user-info"] .user-chat-header img { width: 36px; height: 36px; object-fit: contain; }
[data-static-route="user-info"] .user-chat-header strong { color: var(--color-text); font-size: 13.5px; font-weight: 700; }
[data-static-route="user-info"] .user-chat-header button { display: grid; width: 28px; height: 28px; padding: 0; place-items: center; border: 0; border-radius: 6px; color: var(--color-text-muted); background: transparent; }
[data-static-route="user-info"] .user-chat-header button:hover { background: rgba(15,23,42,.05); }
[data-static-route="user-info"] .user-chat-header button .user-icon { width: 16px; height: 16px; }
[data-static-route="user-info"] .user-chat-log { display: flex; flex: 1; flex-direction: column; gap: 12px; overflow-y: auto; padding: 16px; background: rgba(248,250,252,.4); }
[data-static-route="user-info"] .user-chat-row { display: flex; }
[data-static-route="user-info"] .user-chat-row.is-user { justify-content: flex-end; }
[data-static-route="user-info"] .user-chat-row.is-assistant { justify-content: flex-start; }
[data-static-route="user-info"] .user-chat-bubble { max-width: 78%; padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; font-size: 13.5px; line-height: 1.35; }
[data-static-route="user-info"] .user-chat-bubble.is-assistant { border-bottom-right-radius: 8px; }
[data-static-route="user-info"] .user-chat-bubble.is-user { border-color: var(--color-primary); border-bottom-left-radius: 8px; color: #fff; background: var(--color-primary); }
[data-static-route="user-info"][data-dir="rtl"] .user-chat-bubble.is-assistant { border-bottom-right-radius: 10px; border-bottom-left-radius: 8px; }
[data-static-route="user-info"][data-dir="rtl"] .user-chat-bubble.is-user { border-bottom-right-radius: 8px; border-bottom-left-radius: 10px; }
[data-static-route="user-info"] .user-chat-bubble p { margin: 0; }
[data-static-route="user-info"] .user-chat-bubble small { display: block; margin-top: 4px; color: rgba(71,85,105,.7); font-size: 10px; }
[data-static-route="user-info"] .user-chat-bubble.is-user small { color: rgba(255,255,255,.7); }
[data-static-route="user-info"] .user-chat-typing { display: flex; gap: 4px; padding: 12px 14px; border: 1px solid var(--color-border); border-radius: 10px; background: #fff; }
[data-static-route="user-info"] .user-chat-typing i { width: 6px; height: 6px; border-radius: 50%; background: rgba(71,85,105,.5); animation: user-chat-dot 1s ease-in-out infinite; }
[data-static-route="user-info"] .user-chat-typing i:nth-child(2) { animation-delay: .15s; }
[data-static-route="user-info"] .user-chat-typing i:nth-child(3) { animation-delay: .3s; }
[data-static-route="user-info"] .user-chat-suggestions { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 8px; background: rgba(248,250,252,.4); }
[data-static-route="user-info"] .user-chat-suggestions button { padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-text-muted); background: #fff; font-size: 12px; transition: color .2s ease, border-color .2s ease; }
[data-static-route="user-info"] .user-chat-suggestions button:hover { border-color: rgba(203,160,82,.55); color: var(--color-text); }
[data-static-route="user-info"] .user-chat-compose { display: flex; align-items: center; gap: 8px; padding: 12px; border-top: 1px solid var(--color-border); background: #fff; }
[data-static-route="user-info"] .user-chat-compose input { min-width: 0; min-height: 40px; flex: 1; padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 6px; color: var(--color-text); background: var(--color-canvas); outline: 0; }
[data-static-route="user-info"] .user-chat-compose input:focus { border-color: var(--color-accent-gold-soft); box-shadow: 0 0 0 2px rgba(203,160,82,.2); }
[data-static-route="user-info"] .user-chat-compose button { display: grid; width: 40px; height: 40px; flex: 0 0 40px; padding: 0; place-items: center; border: 0; border-radius: 6px; color: #fff; background: var(--color-primary); transition: background .2s ease, opacity .2s ease; }
[data-static-route="user-info"] .user-chat-compose button:hover:not(:disabled) { background: var(--color-primary-deep); }
[data-static-route="user-info"] .user-chat-compose button:disabled { opacity: .5; cursor: not-allowed; }
[data-static-route="user-info"] .user-chat-compose button .user-icon { width: 16px; height: 16px; }

@keyframes user-blue-drift { 0% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(4%,6%,0) scale(1.08); } 100% { transform: translate3d(-3%,3%,0) scale(.96); } }
@keyframes user-gold-drift { 0% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(-5%,-4%,0) scale(1.1); } 100% { transform: translate3d(3%,2%,0) scale(.94); } }
@keyframes user-bar-tone { 0%,100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }
@keyframes user-icon-tone { 0%,100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }
@keyframes user-avatar-rotate { to { transform: rotate(360deg); } }
@keyframes user-dot-pulse { 0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(16,185,129,.2); } 50% { opacity: .65; box-shadow: 0 0 0 5px rgba(16,185,129,0); } }
@keyframes user-pobox-enter { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes user-caret { 0%,49% { opacity: 1; } 50%,100% { opacity: 0; } }
@keyframes user-stamp-in { 0% { opacity: 0; transform: translateY(-6px) scale(1.35) rotate(-4deg); filter: blur(1.5px); } 60% { opacity: 1; filter: blur(0); } 100% { opacity: 1; transform: translateY(0) scale(1) rotate(0); filter: blur(0); } }
@keyframes user-chat-dot { 0%,100% { transform: translateY(0); opacity: .55; } 50% { transform: translateY(-3px); opacity: 1; } }

@media (min-width: 640px) {
  [data-static-route="user-info"] .user-language { top: 20px; inset-inline-end: 24px; }
  [data-static-route="user-info"] .user-header { height: 64px; }
  [data-static-route="user-info"] .user-header-shell,
  [data-static-route="user-info"] .user-route-title,
  [data-static-route="user-info"] .user-container { max-width: 42rem; padding-inline: 24px; }
  [data-static-route="user-info"] .user-route-title { padding-top: 24px; }
  [data-static-route="user-info"] .user-route-title h1 { font-size: 28px; }
  [data-static-route="user-info"] .user-card { padding: 28px; }
  [data-static-route="user-info"] .user-hero h1 { font-size: 40px; }
  [data-static-route="user-info"] .user-pobox-secondary-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  [data-static-route="user-info"] .user-pobox-actions { flex-direction: row; align-items: center; }
}

@media (min-width: 768px) {
  [data-static-route="user-info"] .user-hero { grid-template-columns: minmax(0,1fr) auto; }
  [data-static-route="user-info"] .user-avatar-wrap { display: block; }
  [data-static-route="user-info"] .user-identity-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (min-width: 1024px) {
  [data-static-route="user-info"] .user-header-shell,
  [data-static-route="user-info"] .user-route-title,
  [data-static-route="user-info"] .user-container { max-width: 80rem; padding-inline: 32px; }
  [data-static-route="user-info"] .user-route-title-inner > i { display: block; }
  [data-static-route="user-info"] .user-hero h1 { font-size: 44px; }
  [data-static-route="user-info"] .user-form { width: 83.333333%; margin-inline: auto; }
  [data-static-route="user-info"] .user-assistant-fab { right: 24px; bottom: calc(24px + env(safe-area-inset-bottom)); width: 64px; height: 64px; }
  [data-static-route="user-info"][data-dir="rtl"] .user-assistant-fab { right: auto; left: 24px; }
  [data-static-route="user-info"] .user-assistant-layer { display: block; pointer-events: none; background: transparent; }
  [data-static-route="user-info"] .user-chat-scrim { display: none; }
  [data-static-route="user-info"] .user-chat-panel { position: fixed; right: 24px; bottom: 24px; width: 360px; height: 560px; max-height: 80vh; pointer-events: auto; border-radius: 10px; }
  [data-static-route="user-info"][data-dir="rtl"] .user-chat-panel { right: auto; left: 24px; }
}

@media (min-width: 1280px) {
  [data-static-route="user-info"] .user-header-shell,
  [data-static-route="user-info"] .user-route-title,
  [data-static-route="user-info"] .user-container { max-width: 88rem; }
}

@media (min-width: 1536px) {
  [data-static-route="user-info"] .user-header-shell,
  [data-static-route="user-info"] .user-route-title,
  [data-static-route="user-info"] .user-container { max-width: 96rem; }
}

@media (max-width: 767px) {
  [data-static-route="user-info"] input,
  [data-static-route="user-info"] select { font-size: 16px; }
  [data-static-route="user-info"] .user-ambient { width: 90vw; height: 90vw; filter: blur(80px); opacity: .42; }
}

@media (max-width: 420px) {
  [data-static-route="user-info"] .user-step-copy em { display: none; }
  [data-static-route="user-info"] .user-card { padding: 20px; }
  [data-static-route="user-info"] .user-verified-pill { padding-inline: 9px; }
  [data-static-route="user-info"] .user-pobox-choices button { padding-inline: 11px; gap: 8px; }
  [data-static-route="user-info"] .user-pobox-choices button > span { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  [data-static-route="user-info"] *,
  [data-static-route="user-info"] *::before,
  [data-static-route="user-info"] *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
}


/* source: css/app-pages.css */
/* Published dashboard page parity. Keep this file after static-app.css. */

html { background: var(--color-canvas); }

body[data-app-page] {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  color: var(--color-text);
  background: var(--color-canvas);
  font-size: 16px;
}

body[data-app-page]::before,
body[data-app-page]::after {
     content: "";
    position: fixed;
    z-index: -1;
    width: 55vw;
    height: 55vw;
    max-width: 720px;
    max-height: 720px;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
    opacity: .55;
}

body[data-app-page]::before {
  top: -18vw;
  left: -18vw;
  background: radial-gradient(circle at 30% 30%, rgba(58, 122, 240, .85) 0%, rgba(0, 51, 160, .55) 40%, rgba(120, 80, 255, .25) 75%, transparent 100%);
}

body[data-app-page]::after {
  right: -18vw;
  bottom: -18vw;
  background: radial-gradient(circle at 70% 70%, rgba(203, 160, 82, .65) 0%, rgba(255, 107, 74, .5) 40%, rgba(240, 192, 74, .25) 75%, transparent 100%);
}

html[dir="rtl"] body[data-app-page],
html[dir="rtl"] body[data-app-page] button,
html[dir="rtl"] body[data-app-page] input {
  font-family: Alexandria, Arial, sans-serif;
  font-size-adjust: .48;
  text-align: right;
}

body[data-app-page] .rp-aside { width: 272px; }

body[data-app-page] .rp-content {
  margin-inline-start: 272px;
  padding: 0 0 42px;
}

html[dir="rtl"] body[data-app-page] .rp-content {
  margin-right: 272px;
  margin-left: 0;
}

@media (min-width: 1101px) {
  body[data-app-page] .rp-aside {
    padding: 25.5px 8.5px 12px;
  }

  body[data-app-page] .rp-nav {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    gap: 2.125px;
    overflow-y: auto;
  }

  body[data-app-page] .rp-nav a {
    min-height: 55.25px;
    flex: 0 0 55.25px;
    justify-content: flex-start;
    gap: 8.5px;
    padding: 2.125px 8.5px;
  }

  body[data-app-page] .rp-nav a > img {
    width: 31px;
    height: 31px;
    margin-inline: 10px;
  }

  body[data-app-page] .rp-nav a > span {
    font-size: 14px;
    font-weight: 600;
    line-height: 22.75px;
  }

  body[data-app-page] .rp-nav a.active > span {
    font-weight: 800;
  }

  body[data-app-page] .rp-account {
    min-height: 33.25px;
    flex: 0 0 33.25px;
    gap: 8.5px;
    margin: 0;
    padding: 12.75px 8.5px 4.25px;
  }
}

body[data-app-page] .rp-header,
body[data-app-page] .rp-wrap {
  width: 100%;
  max-width: 1632px;
  margin-inline: auto;
  padding-inline: 34px;
}

body[data-app-page] .rp-header { height: 68px; }

/* The published Payment History header is the width source of truth for every parity page. */
body[data-app-page] .rp-shell > .rp-content > .rp-header {
  width: 100%;
  max-width: 1632px;
}

@media (min-width: 1280px) {
  body[data-app-page] .rp-shell > .rp-aside { width: 272px; }
  body[data-app-page] .rp-shell > .rp-content { margin-left: 272px; margin-right: 0; }
  html[dir="rtl"] body[data-app-page] .rp-shell > .rp-content { margin-left: 0; margin-right: 272px; }
}

body[data-app-page] .rp-mobile-header-back { display: none; }

body[data-app-page] .rp-wrap {
  position: relative;
  margin-top: 0;
}

body[data-app-page] .rp-title {
  min-height: 34px;
  margin: 25.5px 0;
  gap: 9px;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -.7px;
}

body[data-app-page] .rp-title::before {
  width: 3px;
  height: 31px;
}

body[data-app-page] .rp-card {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, .12), inset 0 1px rgba(255, 255, 255, .7);
  backdrop-filter: blur(10px);
}

body[data-app-page] button,
body[data-app-page] a {
  -webkit-tap-highlight-color: transparent;
}

body[data-app-page] button:active,
body[data-app-page] .rp-btn:active,
body[data-app-page] .poa-add:active {
  transform: scale(.98);
  transition-duration: .14s;
}

/* Shipments */
body[data-app-page="shipments"] .shipment-board {
  width: 66.666667%;
  max-width: none;
  margin-inline: auto;
}

body[data-app-page="shipments"] .shipment-search {
  height: 58px;
  margin: 0 0 21px;
}

body[data-app-page="shipments"] .shipment-search input {
  height: 58px;
  padding-inline-start: 52px;
  border-color: #dce4ef;
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
  font-size: 15px;
}

body[data-app-page="shipments"] .shipment-search i { inset-inline-start: 21px; }
body[data-app-page="shipments"] .shipment-search a { inset-inline-end: 24px; font-size: 14px; }

body[data-app-page="shipments"] .shipment-filters {
  min-height: 32px;
  margin-bottom: 16px;
  gap: 8.5px;
}

body[data-app-page="shipments"] .dc-status-tab {
  height: 31.75px;
  min-height: 31.75px;
  gap: 6.375px;
  padding: 6.375px 12.75px;
  border: 1px solid color-mix(in srgb, var(--shipment-tab-color) 25%, transparent);
  border-radius: 9999px;
  background: #fff;
  color: var(--shipment-tab-color);
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: normal;
  transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s, transform .15s;
}

body[data-app-page="shipments"] .dc-status-tab > span {
  display: block;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 2.125px 6.375px;
  border-radius: 9999px;
  background: rgba(15, 23, 42, .06);
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
}

body[data-app-page="shipments"] .dc-status-tab.active {
  border-color: transparent;
  background: var(--shipment-tab-color);
  color: #fff;
  box-shadow: none;
}

body[data-app-page="shipments"] .dc-status-tab.active > span {
  background: rgba(255, 255, 255, .25);
  color: #fff;
}

body[data-app-page="shipments"] .dc-status-tab:not(.active):hover {
  border-color: color-mix(in srgb, var(--shipment-tab-color) 45%, transparent);
  background: color-mix(in srgb, var(--shipment-tab-color) 5%, #fff);
}

body[data-app-page="shipments"] .shipment-filter-icon {
  width: 14.875px;
  height: 14.875px;
  flex: 0 0 14.875px;
  color: currentColor;
}

html[dir="rtl"] body[data-app-page] .sr-assistant {
  inset-inline: auto;
  right: auto;
  left: 20px;
}

body[data-app-page="shipments"] .shipment-results {
  padding: 0;
  border-top-width: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-app-page="shipments"] .shipment-row {
  min-height: 144px;
  margin-bottom: 13px;
  padding: 14px 16px 10px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 16px;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, .18), inset 0 1px rgba(255, 255, 255, .7);
  transition: all .2s ease;
}

body[data-app-page="shipments"] .shipment-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px -12px rgba(15, 23, 42, .23), inset 0 1px rgba(255, 255, 255, .8);
}

body[data-app-page="shipments"] .tracking { font-size: 12px; letter-spacing: .45px; }
body[data-app-page="shipments"] .shipment-copy .route { font-size: 10px; }

body[data-app-page="shipments"] .shipment-service {
  display: inline-flex;
  align-items: center;
  gap: 4.25px;
  padding: 2.125px 6.375px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16.25px;
  letter-spacing: normal;
}

body[data-app-page="shipments"] .shipment-service.warn {
  background: rgba(203, 160, 82, .1);
  color: var(--color-accent-gold);
  box-shadow: 0 0 0 1px rgba(203, 160, 82, .15);
}

body[data-app-page="shipments"] .shipment-service.blue {
  background: rgba(0, 51, 160, .07);
  color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(0, 51, 160, .1);
}

body[data-app-page="shipments"] .shipment-service-icon {
  width: 12.75px;
  height: 12.75px;
  flex: 0 0 12.75px;
  color: currentColor;
}

body[data-app-page="shipments"] .shipment-steps {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin: 11px 0 8px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

body[data-app-page="shipments"] .shipment-steps::before,
body[data-app-page="shipments"] .shipment-steps::after {
  content: '';
  position: absolute;
  top: 8px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
}

body[data-app-page="shipments"] .shipment-steps::before {
  inset-inline: 8.333333%;
  background: rgba(226, 232, 240, .7);
}

body[data-app-page="shipments"] .shipment-steps::after {
  inset-inline-start: 8.333333%;
  width: 0;
  background: rgba(15, 23, 42, .7);
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
}

body[data-app-page="shipments"] .shipment-steps[data-current="2"]::after { width: 16.666667%; }
body[data-app-page="shipments"] .shipment-steps[data-current="3"]::after { width: 33.333333%; }
body[data-app-page="shipments"] .shipment-steps[data-current="4"]::after { width: 50%; }
body[data-app-page="shipments"] .shipment-steps[data-current="5"]::after { width: 66.666667%; }
body[data-app-page="shipments"] .shipment-steps[data-current="6"]::after { width: 83.333333%; }

body[data-app-page="shipments"] .shipment-steps:focus-visible {
  outline: 2px solid rgba(17, 94, 232, .5);
  outline-offset: 4px;
  border-radius: 5px;
}

body[data-app-page="shipments"] .shipment-step {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: center;
  color: rgba(100, 116, 139, .7);
  font-size: 8px;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
}
body[data-app-page="shipments"] .shipment-step:not(:last-child)::before { content: none; }
body[data-app-page="shipments"] .shipment-step b {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  margin: 0;
  border: 2px solid var(--color-border);
  border-radius: 50%;
  background: #fdfefe;
  transition: background-color .3s, border-color .3s, box-shadow .3s;
}
body[data-app-page="shipments"] .shipment-step em {
  display: block;
  width: 100%;
  margin-top: 4px;
  overflow: hidden;
  padding-inline: 2px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-app-page="shipments"] .shipment-step.done { color: rgba(15, 23, 42, .8); font-weight: 600; }
body[data-app-page="shipments"] .shipment-step.current { color: var(--color-text); font-weight: 700; }
body[data-app-page="shipments"] .shipment-step.done b,
body[data-app-page="shipments"] .shipment-step.current b { border-color: transparent; background: rgba(15, 23, 42, .7); }
body[data-app-page="shipments"] .shipment-step.current b { box-shadow: 0 0 0 2px rgba(15, 23, 42, .15); }
body[data-app-page="shipments"] .shipment-step b img { width: 13px; height: 13px; object-fit: contain; }
body[data-app-page="shipments"] .shipment-step.current b i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fdfefe;
  animation: shipment-current-pulse 1.35s ease-in-out infinite;
}
@keyframes shipment-current-pulse { 50% { opacity: .42; } }
body[data-app-page="shipments"] .shipment-bottom { padding-top: 7px; }
body[data-app-page="shipments"] .shipment-bottom button {
  display: inline-flex;
  align-items: center;
  gap: 4.25px;
}
body[data-app-page="shipments"] .shipment-bottom img,
.archive-mobile-bottom img { width: 13px; height: 13px; object-fit: contain; }

html[dir="rtl"] body[data-app-page="shipments"] .shipment-bottom { justify-content: flex-end; }
html[dir="rtl"] body[data-app-page="shipments"] .shipment-bottom button { letter-spacing: normal; }
html[dir="rtl"] body[data-app-page="shipments"] .shipment-bottom i { transform: rotate(180deg); }
html[dir="rtl"] body[data-app-page="shipments"] .shipment-bottom img { transform: rotate(180deg); }

/* Archives */
body[data-app-page="archives"] .archive-top,
body[data-app-page="schedule"] .schedule-top {
  position: absolute;
  z-index: 2;
  top: 0;
  inset-inline-end: 34px;
  margin: 0;
}

body[data-app-page="archives"] .archive-top > span { display: none; }

body[data-app-page="archives"] .archive-top .rp-btn,
body[data-app-page="schedule"] .schedule-top .rp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 39px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 11px;
  text-decoration: none;
  transition: filter .15s, transform .15s, box-shadow .15s;
}

body[data-app-page="archives"] .archive-top .rp-btn {
  gap: 8.5px;
  min-height: 42.5px;
  padding: 10.625px 21.25px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep));
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  min-width: 148.25px;
  box-shadow: 0 0 0 4px rgba(0, 51, 160, .12), 0 12px 32px -8px rgba(0, 51, 160, .45);
}

body[data-app-page="archives"] .archive-export-icon {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

body[data-app-page="archives"] .archive-top .rp-btn:hover,
body[data-app-page="schedule"] .schedule-top .rp-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

body[data-app-page="archives"] .rp-title { margin-bottom: 42.5px; }
body[data-app-page="archives"] .rp-title { font-weight: 700; }

body[data-app-page="archives"] .archive-stats {
  gap: 17px;
  margin-bottom: 34px;
}

body[data-app-page="archives"] .archive-stat {
  min-height: 112.5px;
  padding: 21.25px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, .18), inset 0 1px rgba(255, 255, 255, .85);
  transition: transform .2s, box-shadow .2s, border-color .2s;
}

body[data-app-page="archives"] .archive-stat:hover {
  transform: translateY(-2px);
  border-color: rgba(185, 205, 244, .7);
  box-shadow: 0 18px 38px -14px rgba(15, 23, 42, .19);
}

body[data-app-page="archives"] .archive-stat-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
}

body[data-app-page="archives"] .archive-stat-copy { min-width: 0; }
body[data-app-page="archives"] .archive-stat img { flex: 0 0 68px; width: 68px; height: 68px; object-fit: contain; }
body[data-app-page="archives"] .archive-stat span {
  display: block;
  margin-bottom: 4.25px;
  color: var(--color-text-muted);
  font-size: 14.875px;
  line-height: 21.25px;
}
body[data-app-page="archives"] .archive-stat b {
  display: block;
  margin: 0;
  font-family: "Plus Jakarta Sans", Inter, Alexandria, sans-serif;
  font-size: 31.875px;
  font-weight: 700;
  line-height: 38.25px;
}

body[data-app-page="archives"] .archive-search {
  min-height: 150.5px;
  margin-bottom: 25.5px;
  padding: 17px;
  border-color: #f3f4f6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  backdrop-filter: none;
}

body[data-app-page="archives"] .archive-search input {
  height: 48.75px;
  padding: 12.75px 17px;
  padding-inline-start: 51px;
  border-color: #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  color: var(--color-text);
  font-size: 14.875px;
  line-height: 21.25px;
}

body[data-app-page="archives"] .archive-search > i { top: 33px; inset-inline-start: 33px; color: #9ca3af; }
body[data-app-page="archives"] .archive-tabs {
  align-items: center;
  gap: 8.5px;
  height: 48.75px;
  margin-top: 17px;
  padding-bottom: 8.5px;
  flex-wrap: nowrap;
  overflow-x: auto;
}
body[data-app-page="archives"] .rp-pill {
  box-sizing: border-box;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8.5px;
  min-height: 40.25px;
  padding: 8.5px 17px;
  border-color: var(--color-border);
  border-radius: 9999px;
  background: #fff;
  color: var(--color-text-muted);
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  white-space: nowrap;
  transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s, transform .15s;
}
body[data-app-page="archives"] .rp-pill .count {
  min-width: 19.85px;
  padding: 2.125px 6.375px;
  border-radius: 9999px;
  background: var(--color-canvas);
  font-size: 12.75px;
  line-height: 17px;
  text-align: center;
}
body[data-app-page="archives"] .rp-pill.active {
  border-color: var(--color-primary);
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-deep));
  color: #fff;
  box-shadow: 0 0 0 4px rgba(0, 51, 160, .12), 0 12px 32px -8px rgba(0, 51, 160, .45);
}
body[data-app-page="archives"] .rp-pill.active .count { background: rgba(255, 255, 255, .16); }

body[data-app-page="archives"] .archive-table {
  border-radius: 10px;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, .18), inset 0 1px rgba(255, 255, 255, .85);
}
body[data-app-page="archives"] .archive-head,
body[data-app-page="archives"] .archive-row {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 17px;
  padding-inline: 25.5px;
}
body[data-app-page="archives"] .archive-head {
  min-height: 47.75px;
  padding-block: 14.875px;
  border-bottom-color: #f3f4f6;
  background: #f9fafb;
  color: #6b7280;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  text-transform: none;
}
body[data-app-page="archives"] .archive-head > :nth-child(1),
body[data-app-page="archives"] .archive-row > :nth-child(1) { grid-column: span 3; }
body[data-app-page="archives"] .archive-head > :nth-child(2),
body[data-app-page="archives"] .archive-head > :nth-child(3),
body[data-app-page="archives"] .archive-head > :nth-child(4),
body[data-app-page="archives"] .archive-head > :nth-child(6),
body[data-app-page="archives"] .archive-row > :nth-child(2),
body[data-app-page="archives"] .archive-row > :nth-child(3),
body[data-app-page="archives"] .archive-row > :nth-child(4),
body[data-app-page="archives"] .archive-row > :nth-child(6) { grid-column: span 2; }
body[data-app-page="archives"] .archive-head > :nth-child(5),
body[data-app-page="archives"] .archive-row > :nth-child(5) { grid-column: span 1; }
body[data-app-page="archives"] .archive-head > :last-child { text-align: left; }
body[data-app-page="archives"] .archive-row {
  min-height: 76.5px;
  padding-block: 17px;
  font-size: 14.875px;
  line-height: 21.25px;
  box-shadow: none;
}
body[data-app-page="archives"] .archive-shipment { gap: 12.75px; }
body[data-app-page="archives"] .archive-shipment img { width: 42.5px; height: 42.5px; }
body[data-app-page="archives"] .archive-shipment b {
  color: #111827;
  font-family: Alexandria, sans-serif;
  font-size: 14.875px;
  line-height: 21.25px;
}
body[data-app-page="archives"] .archive-shipment span {
  color: #6b7280;
  font-size: 12.75px;
  line-height: 17px;
}
body[data-app-page="archives"] .archive-row .loc {
  display: flex;
  align-items: center;
  gap: 6.375px;
  color: #374151;
  font-size: 14.875px;
}
body[data-app-page="archives"] .archive-row .loc i { color: #9ca3af; }
body[data-app-page="archives"] .archive-row .muted {
  color: #4b5563;
  font-size: 14.875px;
  line-height: 21.25px;
}
body[data-app-page="archives"] .status-cell .rp-chip {
  padding: 4.25px 10.625px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  color: #4b5563;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
}
body[data-app-page="archives"] .archive-actions { display: flex; align-items: center; justify-content: flex-start; }
html[dir="rtl"] body[data-app-page="archives"] .archive-actions .archive-view { margin: 0; }
body[data-app-page="archives"] .archive-view {
  display: inline-flex;
  align-items: center;
  min-height: 29.75px;
  padding: 6.375px 12.75px;
  border-radius: 8px;
  background: var(--color-primary);
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  transition: background-color .15s, transform .15s, box-shadow .15s;
}
body[data-app-page="archives"] .archive-view { transition: background-color .15s, transform .15s, box-shadow .15s; }
body[data-app-page="archives"] .archive-view:hover { background: #0c3b9c; box-shadow: 0 6px 13px rgba(17, 78, 189, .22); }
.archive-mobile-card { display: none; }

/* Branches */
body[data-app-page="branches"] .rp-wrap { padding-inline: 24px; }
body[data-app-page="branches"] .rp-title { margin-bottom: 17px; }

body[data-app-page="branches"] .branches-layout {
  grid-template-columns: minmax(0, 1.375fr) minmax(0, 1fr);
  gap: 17px;
  align-items: start;
}

body[data-app-page="branches"] .branch-map {
  height: calc(100vh - 148px);
  min-height: 606px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 10px;
  box-shadow: 0 14px 36px -14px rgba(15, 23, 42, .2);
}

body[data-app-page="branches"] .branch-stats {
  min-height: 150px;
  padding: 18px 17px 16px;
  border-radius: 10px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #133e9e, #153da0);
  box-shadow: 0 13px 29px -12px rgba(0, 51, 160, .42);
}

body[data-app-page="branches"] .branch-search { margin: 15px 0; }
body[data-app-page="branches"] .branch-search input { height: 47px; background: rgba(255, 255, 255, .82); }
body[data-app-page="branches"] .branch-search i { top: 15px; }
body[data-app-page="branches"] .branch-types { margin-bottom: 12px; }
body[data-app-page="branches"] .branch-types { column-gap: 7px; row-gap: 2px; }
body[data-app-page="branches"] .branch-types button { padding-inline: 13px; }

body[data-app-page="branches"] .branch-item {
  min-height: 200px;
  padding: 17px 16px 15px;
  border-color: rgba(255, 255, 255, .6);
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 9px 26px -14px rgba(15, 23, 42, .2);
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s, border-color .3s;
}

body[data-app-page="branches"] .branch-item:hover {
  transform: translateY(-2px);
  border-color: rgba(17, 94, 232, .24);
  box-shadow: 0 15px 34px -14px rgba(15, 23, 42, .24);
}

body[data-app-page="branches"] .branch-open,
body[data-app-page="branches"] .branch-open.is-open,
body[data-app-page="power-of-attorney"] .poa-active {
  animation: app-breathe-glow 2.8s ease-in-out infinite;
}

body[data-app-page="branches"] .branch-open::first-letter { animation: app-dot-ping 1s ease-out infinite; }

body[data-app-page="branches"] .leaflet-branch-pin span {
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #2563db;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .38);
}

body[data-app-page="branches"] .leaflet-branch-pin.gold span { background: #d4a533; }
body[data-app-page="branches"] .leaflet-branch-pin.green span { background: #44b98a; }
body[data-app-page="branches"] .leaflet-branch-pin i { display: none; }

/* Pickup appointments */
body[data-app-page="schedule"] .rp-title { margin-bottom: 29.75px; }

body[data-app-page="schedule"] .booking-card {
  height: 310px;
  min-height: 310px;
  overflow: hidden;
  border-radius: 8px;
}

body[data-app-page="schedule"] .booking-head {
  height: 73px;
  min-height: 73px;
  padding: 14px 22px;
}

body[data-app-page="schedule"] .booking-head h3 { font-size: 15px; }
body[data-app-page="schedule"] .booking-head span { font-size: 11px; }

body[data-app-page="schedule"] .booking-labels,
body[data-app-page="schedule"] .booking-row {
  min-height: 59px;
  padding: 12px 22px;
}

body[data-app-page="schedule"] .booking-row {
  background: rgba(255, 255, 255, .44);
  transition: color .15s, background-color .15s;
}

body[data-app-page="schedule"] .booking-row:hover { background: rgba(244, 248, 255, .92); }
body[data-app-page="schedule"] .booking-details { display: inline-flex; align-items: center; justify-content: flex-end; gap: 5px; color: #115ee8; font-size: 11px; font-weight: 800; }
html[dir="rtl"] body[data-app-page="schedule"] .booking-details i { transform: rotate(180deg); }

/* Exact published /schedule structure. */
body[data-app-page="schedule"] .rp-aside { width: 272px; background: #fff; }
body[data-app-page="schedule"] .rp-content { margin-inline-start: 272px; }
html[dir="rtl"] body[data-app-page="schedule"] .rp-content { margin-right: 272px; margin-left: 0; }

body[data-app-page="schedule"] .rp-h-actions { gap: 6.375px; }
body[data-app-page="schedule"] .rp-h-actions > button:first-child {
  display: flex;
  align-items: center;
  gap: 8.5px;
  height: 38px;
  padding: 0 12.75px;
  border-radius: 8px;
}
body[data-app-page="schedule"] .rp-h-actions > button:first-child i { font-size: 16px; color: #64748b; }
body[data-app-page="schedule"] .rp-h-actions .rp-action-icon { display: block; width: 17px; height: 17px; flex: 0 0 17px; }
body[data-app-page="schedule"] .rp-h-actions .notification-bell {
  display: flex;
  width: 41.5px;
  height: 38.25px;
  padding: 0 12.75px;
  border-radius: 8px;
}
body[data-app-page="schedule"] .rp-h-actions .rp-user {
  height: 38px;
  margin-inline-start: 4.25px;
  padding-inline-start: 4.25px;
  padding-inline-end: 10.625px;
  gap: 10.625px;
  border-radius: 8px;
}
body[data-app-page="schedule"] .rp-h-actions .rp-user-icon { width: 28px; height: 28px; font-size: 16px; }
body[data-app-page="schedule"] .rp-h-actions .rp-user-icon > img { width: 17px; height: 17px; }
body[data-app-page="schedule"] .rp-h-actions .rp-user-name,
body[data-app-page="schedule"] .rp-h-actions .lang-label { font-size: 12.75px; font-weight: 700; }

body[data-app-page="schedule"] .schedule-top .rp-btn {
  min-width: 144.27px;
  min-height: 38.25px;
  padding: 8.5px 17px;
  gap: 8.5px;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);
}
body[data-app-page="schedule"] .schedule-top .rp-btn img { width: 17px; height: 17px; }

body[data-app-page="schedule"] .schedule-reference-card {
  height: 310px;
  min-height: 310px;
  overflow: hidden;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
}
body[data-app-page="schedule"] .schedule-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 17px;
  height: 73.25px;
  padding: 17px 21.25px;
  border-bottom: 1px solid #f3f4f6;
}
body[data-app-page="schedule"] .schedule-card-title { display: flex; align-items: center; gap: 10.625px; }
body[data-app-page="schedule"] .schedule-card-title > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 6px;
  background: rgba(0,51,160,.1);
}
body[data-app-page="schedule"] .schedule-card-title > span img { width: 17px; height: 17px; }
body[data-app-page="schedule"] .schedule-card-title h3 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 21.25px;
}
body[data-app-page="schedule"] .schedule-card-title p {
  margin: 0;
  color: #9ca3af;
  font-size: 12.75px;
  line-height: 17px;
}
body[data-app-page="schedule"] .schedule-card-head > b {
  padding: 4.25px 10.625px;
  border-radius: 8px;
  background: rgba(0,51,160,.1);
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 600;
  line-height: 17.875px;
  white-space: nowrap;
}
body[data-app-page="schedule"] .schedule-desktop-table { display: block; overflow-x: auto; }
body[data-app-page="schedule"] .schedule-desktop-table table {
  width: 100%;
  border-collapse: collapse;
  color: var(--color-text);
  font-size: 14.875px;
  line-height: 21.25px;
}
body[data-app-page="schedule"] .schedule-desktop-table th {
  height: 47px;
  padding: 12.75px 21.25px;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 600;
  text-align: start;
  white-space: nowrap;
}
body[data-app-page="schedule"] .schedule-desktop-table th.center { text-align: center; }
body[data-app-page="schedule"] .schedule-desktop-table tbody tr {
  height: 62.5px;
  border-top: 1px solid #f9fafb;
  cursor: pointer;
  transition: background-color .15s;
}
body[data-app-page="schedule"] .schedule-desktop-table tbody tr:hover { background: rgba(249,250,251,.7); }
body[data-app-page="schedule"] .schedule-desktop-table td {
  height: 62.5px;
  padding: 17px 21.25px;
  font-size: 14.875px;
  line-height: 21.25px;
  vertical-align: middle;
  white-space: nowrap;
}
body[data-app-page="schedule"] .schedule-id { color: #111827; font-weight: 600; }
html[dir="rtl"] body[data-app-page="schedule"] .schedule-id { font-family: Alexandria, Arial, sans-serif; }
body[data-app-page="schedule"] .schedule-date,
body[data-app-page="schedule"] .schedule-location { color: #374151; }
body[data-app-page="schedule"] .schedule-time { color: #6b7280; }
body[data-app-page="schedule"] .schedule-location { display: inline-flex; align-items: center; gap: 6.375px; }
body[data-app-page="schedule"] .schedule-location img { width: 15px; height: 15px; flex: 0 0 15px; }
body[data-app-page="schedule"] .schedule-packages { text-align: center; }
body[data-app-page="schedule"] .schedule-packages > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 26px;
  padding: 0 8.5px;
  border-radius: 8px;
  background: #f3f4f6;
  color: #4b5563;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
}
body[data-app-page="schedule"] .schedule-status {
  display: inline-flex;
  align-items: center;
  gap: 6.375px;
  padding: 4.25px 10.625px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  white-space: nowrap;
}
body[data-app-page="schedule"] .schedule-status i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
body[data-app-page="schedule"] .schedule-status.confirmed { border-color: rgba(0,154,68,.15); background: rgba(0,154,68,.05); color: var(--color-success); }
body[data-app-page="schedule"] .schedule-status.pending { border-color: rgba(124,58,237,.15); background: rgba(124,58,237,.05); color: #7c3aed; }
body[data-app-page="schedule"] .schedule-status.completed { border-color: #e5e7eb; background: #f3f4f6; color: #6b7280; }
body[data-app-page="schedule"] .schedule-detail-cell { text-align: end; }
body[data-app-page="schedule"] .schedule-details {
  display: inline-flex;
  align-items: center;
  gap: 4.25px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  opacity: .7;
  transition: color .15s, opacity .15s;
}
body[data-app-page="schedule"] .schedule-desktop-table tr:hover .schedule-details,
body[data-app-page="schedule"] .schedule-details:hover { opacity: 1; color: rgba(0,51,160,.8); }
body[data-app-page="schedule"] .schedule-details img { width: 15px; height: 15px; }
body[data-app-page="schedule"] .schedule-mobile-list { display: none; }

/* Published booking-details dialog. */
body.schedule-modal-locked { overflow: hidden; }
.rp-modal.schedule-booking-modal {
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
}
.schedule-modal-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(17, 24, 39, .4);
  backdrop-filter: blur(4px);
  animation: schedule-modal-fade .2s ease-out;
}
.schedule-modal-card {
  position: relative;
  width: 100%;
  max-width: 476px;
  max-height: 88vh;
  overflow-y: auto;
  border: 1px solid #f3f4f6;
  border-radius: 10px;
  outline: 0;
  background: #fff;
  color: var(--color-text);
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  animation: schedule-modal-fade .2s ease-out;
}
.schedule-modal-handle { display: none; }
.schedule-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12.75px;
  min-height: 88.875px;
  padding: 21.25px 21.25px 17px;
  border-bottom: 1px solid #f3f4f6;
}
.schedule-modal-heading { display: flex; align-items: center; gap: 12.75px; min-width: 0; }
.schedule-modal-truck {
  display: grid;
  place-items: center;
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 8.5px;
  background: rgba(0,51,160,.1);
}
.schedule-modal-truck img { display: block; width: 25.5px; height: 25.5px; object-fit: contain; }
.schedule-modal-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 21.25px;
  white-space: nowrap;
}
.schedule-modal-status {
  display: inline-flex;
  align-items: center;
  gap: 6.375px;
  margin-top: 4.25px;
  padding: 2.125px 8.5px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 17.875px;
  white-space: nowrap;
}
.schedule-modal-status i { width: 6.375px; height: 6.375px; flex: 0 0 6.375px; border-radius: 50%; background: currentColor; }
.schedule-modal-status.confirmed { border-color: rgba(0,154,68,.15); background: rgba(0,154,68,.05); color: var(--color-success); }
.schedule-modal-status.pending { border-color: rgba(124,58,237,.15); background: rgba(124,58,237,.05); color: #7c3aed; }
.schedule-modal-status.completed { border-color: #e5e7eb; background: #f3f4f6; color: #6b7280; }
.schedule-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  transition: color .15s, background-color .15s;
}
.schedule-modal-close:hover { background: #f3f4f6; }
.schedule-modal-close img { display: block; width: 17px; height: 17px; }
.schedule-modal-body { padding: 17px 21.25px; }
.schedule-modal-row {
  display: flex;
  align-items: center;
  gap: 12.75px;
  height: 58.75px;
  padding: 10.625px 0;
}
.schedule-modal-row + .schedule-modal-row { margin-top: 4.25px; }
.schedule-modal-row-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 8px;
  background: #f9fafb;
}
.schedule-modal-row-icon img { display: block; width: 17px; height: 17px; }
.schedule-modal-row-copy { display: block; min-width: 0; flex: 1; }
.schedule-modal-row-copy small {
  display: block;
  overflow: hidden;
  margin: 0;
  color: #9ca3af;
  font-size: 10px;
  font-weight: 500;
  line-height: 16.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schedule-modal-row-copy b {
  display: block;
  overflow: hidden;
  margin: 0;
  color: #111827;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schedule-modal-actions {
  display: flex;
  gap: 10.625px;
  padding: 4.25px 21.25px 21.25px;
}
.schedule-modal-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0%;
  gap: 8.5px;
  min-height: 44.5px;
  padding: 10.625px 0;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  transition: color .15s, background-color .15s;
}
.schedule-modal-actions button img { display: block; width: 17px; height: 17px; }
.schedule-modal-secondary { border: 1px solid #e5e7eb; background: #fff; color: #4b5563; }
.schedule-modal-secondary:hover { background: #f9fafb; color: #111827; }
.schedule-modal-primary { border: 0; background: var(--color-primary); color: #fff; }
.schedule-modal-primary:hover { background: rgba(0,51,160,.9); }

.schedule-cancel-card {
  position: relative;
  width: 100%;
  max-width: 408px;
  border: 1px solid #f3f4f6;
  border-radius: 10px;
  outline: 0;
  background: #fff;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  animation: schedule-modal-fade .2s ease-out;
}
.schedule-cancel-modal .schedule-modal-backdrop { background: rgba(17,24,39,.5); }
.schedule-cancel-copy { padding: 25.5px 25.5px 21.25px; text-align: center; }
.schedule-cancel-icon { display: grid; place-items: center; width: 59.5px; height: 59.5px; margin: 0 auto 17px; border-radius: 50%; background: rgba(239,68,68,.1); }
.schedule-cancel-icon img { width: 29.75px; height: 29.75px; }
.schedule-cancel-copy h2 { margin: 0 0 6.375px; color: #111827; font-size: 19.125px; line-height: 25.5px; }
.schedule-cancel-copy p { margin: 0; color: #6b7280; font-size: 14.875px; line-height: 25px; }
.schedule-cancel-actions { display: flex; gap: 10.625px; padding: 0 25.5px 25.5px; }
.schedule-cancel-actions button { display: inline-flex; align-items: center; justify-content: center; flex: 1; gap: 8.5px; min-height: 44.5px; padding: 10.625px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #4b5563; font-family: inherit; font-size: 14.875px; font-weight: 600; line-height: 21.25px; }
.schedule-cancel-actions button.danger { border-color: #ef4444; background: #ef4444; color: #fff; }
.schedule-cancel-actions img { width: 17px; height: 17px; }

@keyframes schedule-modal-fade { from { opacity: 0; transform: scale(.985); } to { opacity: 1; transform: scale(1); } }

@media (max-width: 767px) {
  body[data-app-page="schedule"] .schedule-reference-card { height: auto; min-height: 0; }
  body[data-app-page="schedule"] .schedule-desktop-table { display: none; }
  body[data-app-page="schedule"] .schedule-mobile-list { display: block; }
  body[data-app-page="schedule"] .schedule-mobile-row {
    display: block;
    width: 100%;
    padding: 17px;
    border: 0;
    border-top: 1px solid #f9fafb;
    background: #fff;
    color: #6b7280;
    text-align: start;
  }
  body[data-app-page="schedule"] .schedule-mobile-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10.625px; }
  body[data-app-page="schedule"] .schedule-mobile-top > b { color: #111827; font-size: 14.875px; font-weight: 600; }
  body[data-app-page="schedule"] .schedule-mobile-meta { display: grid; gap: 6.375px; font-size: 12.75px; }
  body[data-app-page="schedule"] .schedule-mobile-meta > span { display: flex; align-items: center; gap: 8.5px; }
  body[data-app-page="schedule"] .schedule-mobile-meta img,
  body[data-app-page="schedule"] .schedule-mobile-meta i { width: 15px; color: #d1d5db; font-size: 15px; }
  body[data-app-page="schedule"] .schedule-mobile-meta b { color: #374151; font-weight: 500; }
  body[data-app-page="schedule"] .schedule-mobile-meta em { color: #d1d5db; font-style: normal; }
}

@media (max-width: 639px) {
  .rp-modal.schedule-booking-modal { align-items: flex-end; }
  .schedule-modal-card,
  .schedule-cancel-card {
    max-width: none;
    border-radius: 10px 10px 0 0;
    animation: schedule-modal-up .2s ease-out;
  }
  .schedule-modal-handle { display: flex; justify-content: center; padding: 12.75px 0 4.25px; }
  .schedule-modal-handle span { width: 42.5px; height: 4.25px; border-radius: 999px; background: #e5e7eb; }
  .schedule-modal-header { min-height: 84.625px; padding-top: 17px; }
  .schedule-modal-actions,
  .schedule-cancel-actions { flex-direction: column-reverse; }
}

@keyframes schedule-modal-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }

@media (prefers-reduced-motion: reduce) {
  .schedule-modal-backdrop,
  .schedule-modal-card,
  .schedule-cancel-card { animation: none; }
}

/* Power of attorney */
body[data-app-page="power-of-attorney"] .poa-intro {
  min-height: 96px;
  margin-bottom: 21px;
  padding: 20px;
  border-radius: 10px;
}

body[data-app-page="power-of-attorney"] .poa-intro img { width: 54px; height: 54px; }
body[data-app-page="power-of-attorney"] .poa-intro h2 { font-size: 16px; }
body[data-app-page="power-of-attorney"] .poa-intro p { font-size: 12px; }

body[data-app-page="power-of-attorney"] .poa-add {
  min-height: 54px;
  padding: 13px;
  border-radius: 9px;
  transition: color .18s, background-color .18s, border-color .18s, transform .14s;
}

body[data-app-page="power-of-attorney"] .poa-add:hover { border-color: #4d8cf4; background: #edf5ff; }
body[data-app-page="power-of-attorney"] .section-heading { margin: 25px 3px 13px; }

body[data-app-page="power-of-attorney"] .authorized {
  min-height: 121px;
  margin-bottom: 13px;
  padding: 19px 20px;
  border-radius: 8px;
  align-items: center;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}

body[data-app-page="power-of-attorney"] .authorized:hover {
  transform: translateY(-2px);
  border-color: rgba(17, 94, 232, .18);
  box-shadow: 0 17px 37px -15px rgba(15, 23, 42, .2);
}

body[data-app-page="power-of-attorney"] .person-icon { width: 48px; height: 48px; flex: 0 0 48px; }
body[data-app-page="power-of-attorney"] .authorized-name { display: flex; align-items: center; gap: 9px; }
body[data-app-page="power-of-attorney"] .poa-active { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 99px; color: #16834a; background: #eaf9f0; font-size: 9px; font-style: normal; font-weight: 800; }
body[data-app-page="power-of-attorney"] .poa-active i { width: 6px; height: 6px; border-radius: 50%; background: #22a85d; }
body[data-app-page="power-of-attorney"] .authorized > button { display: inline-flex; align-items: center; gap: 6px; transition: background-color .15s, border-color .15s, transform .14s; }
body[data-app-page="power-of-attorney"] .authorized > button:hover { border-color: #ef969a; background: #ffecec; }

@keyframes app-breathe-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34, 168, 93, 0); }
  50% { box-shadow: 0 0 0 5px rgba(34, 168, 93, .09); }
}

@keyframes app-dot-ping {
  0% { opacity: 1; }
  75%, 100% { opacity: .45; }
}

@media (min-width: 721px) {
  body[data-app-page="branches"] .branch-list { margin-top: 45px; }
}

@media (max-width: 1279px) and (min-width: 721px) {
  body[data-app-page] .rp-shell > .rp-aside { width: 80px; padding-inline: 14px; }
  body[data-app-page] .rp-aside .rp-nav span,
  body[data-app-page] .rp-aside .rp-account,
  body[data-app-page] .rp-aside .rp-logout span { display: none; }
  body[data-app-page] .rp-nav a,
  body[data-app-page] .rp-logout { justify-content: center; padding-inline: 0; }
  body[data-app-page] .rp-shell > .rp-content,
  html[dir="rtl"] body[data-app-page] .rp-shell > .rp-content { margin-inline-start: 80px; margin-right: 80px; }
  html[dir="ltr"] body[data-app-page] .rp-shell > .rp-content { margin-right: 0; }
}

@media (max-width: 900px) {
  body[data-app-page="shipments"] .shipment-board { width: 100%; }
  body[data-app-page="branches"] .branches-layout { grid-template-columns: 1fr; }
  body[data-app-page="branches"] .branch-map { min-height: 430px; height: 55vh; }
}

@media (max-width: 720px) {
  body[data-app-page]::before,
  body[data-app-page]::after { width: 95vw; height: 95vw; }
  body[data-app-page] .rp-content,
  html[dir="rtl"] body[data-app-page] .rp-content { margin: 0; padding: 0 17px 112px; }
  body[data-app-page] .rp-header,
  body[data-app-page] .rp-wrap,
  body[data-app-page="branches"] .rp-wrap { padding-inline: 0; }
  body[data-app-page] .rp-header { position: relative; height: 68px; padding-inline: 0; }
  body[data-app-page] .rp-header-brand { position: absolute; top: 5px; inset-inline-start: 8px; transform: none; }
  body[data-app-page] .rp-logo { width: 154px; height: 56px; }
  body[data-app-page] .rp-h-actions { position: absolute; top: 12px; inset-inline-end: 8px; gap: 12px; }
  body[data-app-page] .rp-h-actions .rp-user { display: none; }
  body[data-app-page] .rp-h-actions .lang-label { display: inline; font-size: 13px; }
  body[data-app-page] .rp-h-actions > button { display: inline-flex; width: auto; min-width: 0; height: 36px; gap: 7px; }
  body[data-app-page] .rp-h-actions > button i { order: 2; }
  body[data-app-page] .notification-bell { width: 36px; height: 36px; }
  body[data-app-page] .rp-mobile-header-back { display: none !important; }
  body[data-app-page] .rp-title { min-height: 34px; margin: 13px 0 18px; font-size: 25.5px; line-height: 34px; }
  body[data-app-page] .rp-title::before { display: none; }
  body[data-app-page] .rp-mobile-nav {
    right: 17px;
    bottom: max(34px, env(safe-area-inset-bottom));
    left: 17px;
    z-index: 80;
    height: 72px;
    padding: 10px 9px 9px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 28px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 31px rgba(15, 23, 42, .15);
    backdrop-filter: blur(18px);
  }
  body[data-app-page] .rp-mobile-nav a,
  body[data-app-page] .rp-mobile-nav button.rp-mobile-nav-btn {
    display: grid;
    place-items: center;
    gap: 3px;
    min-width: 54px;
    padding: 0;
    border: none;
    background: transparent;
    color: #6c7687;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  body[data-app-page] .rp-mobile-nav a.active,
  body[data-app-page] .rp-mobile-nav button.rp-mobile-nav-btn.active {
    color: var(--color-primary);
  }
  body[data-app-page] .rp-mobile-nav button.rp-mobile-nav-btn:hover {
    color: var(--color-primary);
  }
  body[data-app-page] .rp-mobile-nav img { width: 27px; height: 27px; object-fit: contain; }
  body[data-app-page] .dc-assistant { bottom: 101px; }
  body[data-app-page="index"] .dc-greeting {
    position: relative;
    min-height: 74px;
    margin-top: 11px;
    margin-bottom: 24px;
  }
  body[data-app-page="index"] .dc-greeting > div { position: absolute; inset: 0; width: 100%; }
  body[data-app-page="index"] .dc-greeting p { height: 36px; margin: 0; font-size: 16px; line-height: 36px; }
  body[data-app-page="index"] .dc-greeting h1 { height: 34px; margin: 4px 0 0; font-size: 25.5px; line-height: 34px; }
  body[data-app-page="index"] .dc-plan { position: absolute; z-index: 1; top: 0; inset-inline-end: 0; min-width: 218px; height: 36px; margin: 0; }
  body[data-app-page="index"] .dc-ticket { height: 232px; }
  body[data-app-page="archives"] .archive-top,
  body[data-app-page="schedule"] .schedule-top { margin: 0; }
  body[data-app-page="archives"] .archive-top { display: none; }
  body[data-app-page="schedule"] .schedule-top { position: absolute; top: 0; inset-inline-end: 0; }
  body[data-app-page="archives"] .rp-title,
  body[data-app-page="schedule"] .rp-title { margin-bottom: 20px; }
  body[data-app-page="archives"] .rp-title { margin-bottom: 17px; }
  body[data-app-page="schedule"] .rp-title { padding-inline-end: 150px; }
  body[data-app-page="schedule"] .schedule-top .rp-btn { min-width: 145px; padding-inline: 18px; font-size: 12px; }
  body[data-app-page="archives"] .archive-stats { display: none; }
  body[data-app-page="archives"] .archive-search {
    min-height: 0;
    margin: 0 0 17px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  body[data-app-page="archives"] .archive-search > i {
    display: block;
    top: 15px;
    inset-inline-start: 15px;
    font-size: 15px;
  }
  body[data-app-page="archives"] .archive-search > input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 11px 14px;
    padding-inline-start: 43px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: rgba(255, 255, 255, .86);
    font-size: 13px;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .06);
  }
  body[data-app-page="archives"] .archive-tabs {
    justify-content: flex-start;
    height: auto;
    gap: 7px;
    margin: 11px 0 0;
    padding: 2px 2px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body[data-app-page="archives"] .archive-tabs::-webkit-scrollbar { display: none; }
  body[data-app-page="archives"] .archive-tabs .rp-pill {
    min-height: 40px;
    padding: 8px 13px;
    font-size: 13px;
    scroll-snap-align: start;
  }
  body[data-app-page="archives"] #archiveRows { display: grid; gap: 12px; }
  body[data-app-page="archives"] .archive-table { overflow: visible; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  body[data-app-page="archives"] .archive-head { display: none; }
  body[data-app-page="archives"] .archive-row {
    display: block;
    min-height: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 12px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 28px -14px rgba(15, 23, 42, .24), inset 0 1px rgba(255, 255, 255, .9);
  }
  body[data-app-page="archives"] .archive-row + .archive-row { margin-top: 0; }
  body[data-app-page="archives"] .archive-row > :not(.archive-mobile-card) { display: none; }
  body[data-app-page="archives"] .archive-mobile-card { display: block; padding: 16px; }
  body[data-app-page="archives"] .archive-mobile-top {
    display: grid;
    grid-template-columns: 51px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
  }
  body[data-app-page="archives"] .archive-mobile-top > img { width: 51px; height: 51px; object-fit: contain; }
  body[data-app-page="archives"] .archive-mobile-top > div { display: grid; min-width: 0; gap: 3px; }
  body[data-app-page="archives"] .archive-mobile-top small { color: #7b8798; font-size: 10px; }
  body[data-app-page="archives"] .archive-mobile-top b { display: flex; align-items: center; gap: 6px; overflow: hidden; font-size: 13px; line-height: 17px; text-overflow: ellipsis; white-space: nowrap; }
  body[data-app-page="archives"] .archive-mobile-top > span {
    justify-self: end;
    max-width: 112px;
    min-width: 0;
    padding: 4px 9px;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    white-space: normal;
    justify-content: center;
  }
  body[data-app-page="archives"] .archive-mobile-route { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; margin: 13px 0 16px; color: var(--color-text-muted); font-size: 11px; line-height: 18px; }
  body[data-app-page="archives"] .archive-mobile-route span:first-child { display: flex; align-items: center; gap: 6.375px; color: var(--color-text); font-size: 12.75px; font-weight: 600; line-height: 17px; }
  body[data-app-page="archives"] .archive-mobile-route b { font-weight: 600; }
  body[data-app-page="archives"] .archive-mobile-timeline { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; margin: 0 0 13px; }
  body[data-app-page="archives"] .archive-mobile-timeline span { position: relative; min-width: 0; color: rgba(15, 23, 42, .8); font-size: 8.5px; font-weight: 600; line-height: 11px; text-align: center; overflow-wrap: anywhere; }
  body[data-app-page="archives"] .archive-mobile-timeline span:not(:last-child)::before { content: ''; position: absolute; top: 9px; inset-inline-start: 50%; width: 100%; height: 2px; background: rgba(71, 85, 105, .55); }
  body[data-app-page="archives"] .archive-mobile-timeline i { position: relative; z-index: 1; display: block; width: 20px; height: 20px; margin: 0 auto 6px; border: 3px solid rgba(255, 255, 255, .9); border-radius: 50%; background: rgba(71, 85, 105, .68); box-shadow: 0 0 0 1px rgba(71, 85, 105, .2); }
  body[data-app-page="archives"] .archive-mobile-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px 12px; padding-top: 11px; border-top: 1px solid #edf0f4; color: #64748b; font-size: 10px; line-height: 18px; }
  body[data-app-page="archives"] .archive-mobile-bottom span { display: flex; min-width: 0; align-items: center; gap: 5px; }
  body[data-app-page="archives"] .archive-mobile-bottom b { color: var(--color-text); font-size: 11px; font-weight: 600; line-height: 17.875px; }
  body[data-app-page="archives"] .archive-mobile-bottom button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; min-height: 32px; padding: 0 3px; border: 0; background: transparent; color: #26364e; font-size: 11px; font-weight: 700; line-height: 18px; }
  html[dir="rtl"] body[data-app-page="archives"] .archive-mobile-bottom img { transform: rotate(180deg); }
  body[data-app-page="shipments"] .shipment-search { height: 56px; margin: 3px 0 22px; }
  body[data-app-page="shipments"] .shipment-search input { height: 56px; font-size: 14px; }
  body[data-app-page="shipments"] .shipment-filters { flex-wrap: wrap; justify-content: center; overflow: visible; gap: 5px 7px; margin-bottom: 17px; }
  body[data-app-page="shipments"] .dc-status-tab { flex: 0 0 calc(50% - 4px); justify-content: center; height: 34px; min-height: 34px; }
  body[data-app-page="shipments"] .shipment-row { min-height: 142px; padding: 13px 14px 9px; }
  body[data-app-page="shipments"] .shipment-copy .route { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.55; }
  body[data-app-page="shipments"] .shipment-steps { margin: 9px 0 6px; }
  body[data-app-page="branches"] .branch-map { min-height: 290px; height: 42vh; }
  body[data-app-page="branches"] .rp-title { margin-bottom: 17px; }
  body[data-app-page="branches"] .branch-stats { height: 146px; min-height: 146px; padding: 16px 14px 14px; }
  body[data-app-page="branches"] .branch-mobile-toggle { height: 42px; margin-top: 0; }
  body[data-app-page="branches"] .branch-search { margin: -7px 0 12px; }
  body[data-app-page="branches"] .branch-search input { height: 42px; }
  body[data-app-page="branches"] .branch-results { margin-bottom: 28px; }
  body[data-app-page="branches"] .branch-item { height: 198px; min-height: 198px; padding: 15px 14px; }
  body[data-app-page="branches"] .branch-loc { font-size: 10px; }
  body[data-app-page="schedule"] .booking-card { height: auto; min-height: 0; }
  body[data-app-page="schedule"] .booking-head { min-height: 76px; padding: 16px 18px; }
  body[data-app-page="schedule"] .booking-labels { display: none; }
  body[data-app-page="schedule"] .booking-row { position: relative; display: block; min-height: 135px; padding: 12px 18px; }
  body[data-app-page="schedule"] .booking-row > b { display: block; margin-bottom: 10px; font-size: 13px; }
  body[data-app-page="schedule"] .booking-row > span { display: block; margin: 4px 0; color: #5f6d7f; font-size: 11px; }
  body[data-app-page="schedule"] .booking-row > .rp-chip { position: absolute; top: 14px; inset-inline-end: 16px; display: inline-flex; width: auto; margin: 0; }
  body[data-app-page="schedule"] .booking-row > .booking-details { display: none; }
  body[data-app-page="power-of-attorney"] .authorized { min-height: 0; }
  body[data-app-page="power-of-attorney"] .poa-intro { min-height: 116px; padding: 20px; }
  body[data-app-page="power-of-attorney"] .poa-add { margin-top: 20px; }
  body[data-app-page="power-of-attorney"] .authorized { min-height: 119px; padding: 16px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-page] *,
  body[data-app-page] *::before,
  body[data-app-page] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Branch finder parity with the published application. */
body[data-app-page="branches"] .branch-ph-icon {
  display: block;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  object-fit: contain;
}

body[data-app-page="branches"] .nearest { flex-direction: row-reverse; text-align: right; }
body[data-app-page="branches"] .nearest > .branch-ph-icon {
  width: 31px;
  height: 31px;
  flex-basis: 31px;
  padding: 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
}
body[data-app-page="branches"] .nearest > div { min-width: 0; flex: 1; }
body[data-app-page="branches"] .nearest button { margin: 0; }

body[data-app-page="branches"] .branch-search > .branch-search-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  inset-inline-start: 16px;
  transform: translateY(-50%);
}
html[dir="rtl"] body[data-app-page="branches"] .branch-search > .branch-search-icon {
  inset-inline-start: auto;
  inset-inline-end: 16px;
}
body[data-app-page="branches"] .clear-branch-search .branch-ph-icon { width: 15px; height: 15px; }

body[data-app-page="branches"] .branch-types button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6.375px;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--color-border);
}
body[data-app-page="branches"] .branch-types { flex-direction: row-reverse; }
body[data-app-page="branches"] .branch-types { align-items: center; }
body[data-app-page="branches"] .branch-types button > .branch-ph-icon { width: 14.875px; height: 14.875px; flex-basis: 14.875px; }
body[data-app-page="branches"] .branch-types button.active > .branch-ph-icon { filter: brightness(0) invert(1); }
body[data-app-page="branches"] .branch-types button.active { box-shadow: inset 0 0 0 1px rgba(0, 38, 128, .3), 0 4px 10px rgba(17, 94, 232, .24); }
body[data-app-page="branches"] .branch-types .open-only i {
  display: block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #10b981;
}

body[data-app-page="branches"] .branch-head { flex-direction: row-reverse; }
body[data-app-page="branches"] .branch-item { display: flex; flex-direction: column; }
html[dir="rtl"] body[data-app-page="branches"] .branch-item { padding: 17px 20.25px 16px 16px; }
body[data-app-page="branches"] .branch-kind { flex: 0 0 40px; width: 40px; height: 40px; }
body[data-app-page="branches"] .branch-kind .branch-ph-icon { width: 20px; height: 20px; }
body[data-app-page="branches"] .branch-title { line-height: 1; }
body[data-app-page="branches"] .branch-title b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-app-page="branches"] .branch-distance {
  display: inline-block;
  margin-inline-start: 6px;
  color: #64748b;
  font-size: 10px;
  font-weight: 600;
}
body[data-app-page="branches"] .branch-open {
  min-height: 25px;
  padding: 4px 8px;
  border: 1px solid var(--color-border);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}
body[data-app-page="branches"] .branch-open > span {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #94a3b8;
}
body[data-app-page="branches"] .branch-open.is-open > span { background: #22a85d; }
body[data-app-page="branches"] .branch-loc span { flex-direction: row-reverse; justify-content: flex-end; }
body[data-app-page="branches"] .branch-loc .branch-ph-icon { width: 14px; height: 14px; flex-basis: 14px; }
body[data-app-page="branches"] .branch-actions { flex-direction: row-reverse; }
body[data-app-page="branches"] .branch-actions { margin-top: auto; }
body[data-app-page="branches"] .branch-results { flex-direction: row-reverse; }
body[data-app-page="branches"] .branch-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
body[data-app-page="branches"] .branch-actions button:first-child { flex: 0 0 auto; padding-inline: 14px; }
body[data-app-page="branches"] .branch-actions button:last-child { flex: 1 1 auto; }
body[data-app-page="branches"] .branch-actions .branch-ph-icon { width: 17px; height: 17px; }
body[data-app-page="branches"] .branch-empty .branch-ph-icon { width: 26px; height: 26px; }

body[data-app-page="branches"] .leaflet-branch-pin span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 3px 10px rgba(15, 23, 42, .38);
}
body[data-app-page="branches"] .leaflet-branch-pin--main span { background: var(--color-accent-gold); }
body[data-app-page="branches"] .leaflet-branch-pin--express span { background: #10b981; }
body[data-app-page="branches"] .leaflet-branch-pin .branch-ph-icon {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}

@media (min-width: 721px) {
  body[data-app-page="branches"] .rp-aside { width: 278px; }
  body[data-app-page="branches"] .rp-content,
  html[dir="rtl"] body[data-app-page="branches"] .rp-content { margin-right: 278px; }
  body[data-app-page="branches"] .rp-wrap { padding-inline: 0; }
  body[data-app-page="branches"] .rp-title { width: auto; margin: 25.5px 34px 0; }
  body[data-app-page="branches"] .branches-layout {
    display: flex;
    height: calc(100vh - 80px);
    gap: 0;
    align-items: stretch;
  }
  body[data-app-page="branches"] .branch-map-wrap {
    position: sticky;
    top: 0;
    width: 58%;
    height: 100%;
    padding: 17px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  body[data-app-page="branches"] .branch-map {
    width: 100%;
    height: 100%;
    min-height: 606px;
    border: 0;
    border-radius: 0;
  }
  body[data-app-page="branches"] .branch-sidebar {
    width: 42%;
    height: 100%;
    max-height: none;
    padding: 17px 0 17px 23px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
  }
  body[data-app-page="branches"] .branch-stats {
    width: 100%;
    min-height: 150.25px;
    padding: 17px;
    border-radius: 8px;
    background: linear-gradient(160deg, var(--color-primary-deep), var(--color-primary), var(--color-primary-soft));
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
  }
  body[data-app-page="branches"] .branch-search { margin: 14.875px 0 12.75px; }
  body[data-app-page="branches"] .branch-search input {
    height: 46.75px;
    border-radius: 8px;
    background: #fff;
    font-size: 14.875px;
  }
  body[data-app-page="branches"] .branch-types {
    gap: 6.375px;
    flex-wrap: wrap;
    overflow: visible;
    margin-bottom: 14.875px;
    padding: 0;
  }
  body[data-app-page="branches"] .branch-types button {
    min-height: 29.75px;
    padding: 6.375px 12.75px;
    font-size: 12.75px;
    line-height: 17px;
  }
  body[data-app-page="branches"] .branch-types button:not(.open-only) { height: 34px; }
  body[data-app-page="branches"] .branch-types button span {
    min-width: 17px;
    height: 17px;
    margin: 0;
    padding: 0 5px;
    line-height: 17px;
  }
  body[data-app-page="branches"] .branch-results {
    min-height: 17.875px;
    margin: 0 0 10.625px;
    padding-inline: 4.25px;
  }
  body[data-app-page="branches"] .result-count { font-size: 11px; line-height: 17.875px; }
  body[data-app-page="branches"] .branch-list { display: grid; gap: 12.75px; margin-top: 0; padding: 0; }
  body[data-app-page="branches"] .branch-item {
    width: 100%;
    height: 200px;
    min-height: 200px;
    padding: 17px;
    border-color: var(--color-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  }
  body[data-app-page="branches"] .branch-head { min-height: 47.375px; margin-bottom: 12.75px; gap: 12.75px; }
  body[data-app-page="branches"] .branch-head b { font-size: 15px; line-height: 20.625px; }
  body[data-app-page="branches"] .branch-type { margin-top: 5px !important; }
  body[data-app-page="branches"] .branch-loc { gap: 6px; margin: 0 0 12.75px; font-size: 11px; line-height: 17px; }
  body[data-app-page="branches"] .branch-actions button { height: 38.25px; padding-block: 8.5px; font-size: 14.875px; }
}

@media (max-width: 720px) {
  body[data-app-page="branches"] .branches-layout { gap: 12.75px; }
  body[data-app-page="branches"] .branch-stats,
  body[data-app-page="branches"] .branch-mobile-toggle,
  body[data-app-page="branches"] .branch-finder,
  body[data-app-page="branches"] .branch-map-wrap { width: calc(100% - 6px); align-self: flex-end; }
  body[data-app-page="branches"] .branch-mobile-toggle { height: 42.5px; }
  body[data-app-page="branches"] .branch-search { margin: 0 0 12.75px; }
  body[data-app-page="branches"] .branch-types { width: 100%; margin: 0 0 28.75px; padding-bottom: 0; }
  body[data-app-page="branches"] .branch-types button:not(.open-only) { height: 34px; }
  body[data-app-page="branches"] .branch-types .open-only { height: 29.75px; }
  body[data-app-page="branches"] .branch-results {
    width: 100%;
    min-height: 17.875px;
    margin: 0 0 10.625px;
    padding-inline: 4.25px;
  }
  body[data-app-page="branches"] .result-count { font-size: 11px; line-height: 17.875px; }
  body[data-app-page="branches"] .branch-list { padding: 0 0 8px; }
  body[data-app-page="branches"] .branch-mobile-toggle .branch-ph-icon { width: 15px; height: 15px; }
  body[data-app-page="branches"] .branch-mobile-toggle button.active .branch-ph-icon { filter: brightness(0) invert(1); }
  body[data-app-page="branches"] .branch-head { gap: 10px; }
  body[data-app-page="branches"] .branch-item {
    width: 100%;
    border-radius: 8px;
    background: #fff;
  }
  body[data-app-page="branches"] .branch-item.selected {
    border-color: var(--color-accent-gold);
    box-shadow: 0 0 0 1px rgba(203, 160, 82, .16), 0 8px 22px rgba(15, 23, 42, .06);
  }
  body[data-app-page="branches"] .branch-kind { flex-basis: 40px; width: 40px; height: 40px; }
  body[data-app-page="branches"] .branch-head b { font-size: 15px; }
  body[data-app-page="branches"] .branch-actions button { height: 38.25px; font-size: 14px; }
}

@media (min-width: 721px) and (max-width: 1279px) {
  body[data-app-page="branches"] .rp-aside { width: 80px; }
  body[data-app-page="branches"] .rp-content,
  html[dir="rtl"] body[data-app-page="branches"] .rp-content { margin-right: 80px; }
  body[data-app-page="branches"] .rp-wrap { padding-inline: 24px; }
  body[data-app-page="branches"] .rp-title { margin: 25.5px 0 0; }
}

/* Published Power of Attorney parity. */
body[data-app-page="power-of-attorney"] {
  font-size: 17px;
  font-size-adjust: none;
  line-height: 27.625px;
}

body[data-app-page="power-of-attorney"]::before,
body[data-app-page="power-of-attorney"]::after {
  width: 50vw;
  height: 50vw;
}

body[data-app-page="power-of-attorney"] .rp-aside {
  padding: 25.5px 8.5px 12px;
  border-right: 0;
  border-left: 1px solid var(--color-border);
  background: #fff;
  transform: none;
}

body[data-app-page="power-of-attorney"] .rp-aside::after { display: none; }
body[data-app-page="power-of-attorney"] .rp-aside > * { transform: none; }

body[data-app-page="power-of-attorney"] .rp-aside-art {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  opacity: .4;
  object-fit: contain;
  pointer-events: none;
  transform: scaleX(-1);
  user-select: none;
}

body[data-app-page="power-of-attorney"] .rp-nav,
body[data-app-page="power-of-attorney"] .rp-logout { position: relative; z-index: 1; }

body[data-app-page="power-of-attorney"] .rp-nav a.active {
  background: linear-gradient(90deg, rgba(0, 51, 160, .12), rgba(0, 51, 160, .04) 58%, transparent);
}

html[dir="rtl"] body[data-app-page="power-of-attorney"] .rp-nav a.active {
  background: linear-gradient(270deg, rgba(0, 51, 160, .12), rgba(0, 51, 160, .04) 58%, transparent);
}

body[data-app-page="power-of-attorney"] .rp-nav a.active::before {
  inset: 10px auto 10px 0;
  width: 3px;
  border-radius: 9999px;
  background: var(--color-primary);
  box-shadow: 0 0 10px rgba(17, 94, 232, .55), 0 0 22px rgba(17, 94, 232, .35);
}

html[dir="rtl"] body[data-app-page="power-of-attorney"] .rp-nav a.active::before {
  right: 0;
  left: auto;
}

body[data-app-page="power-of-attorney"] .rp-logo {
  width: auto;
  height: 51px;
}

body[data-app-page="power-of-attorney"] .rp-title {
  font-weight: 700;
  letter-spacing: -.7px;
}

body[data-app-page="power-of-attorney"] .rp-title::before {
  width: 3px;
  height: 29.75px;
  border-radius: 9999px;
  background: linear-gradient(to bottom, var(--color-primary), var(--color-accent-gold));
}

body[data-app-page="power-of-attorney"] .poa-intro,
body[data-app-page="power-of-attorney"] .poa-form,
body[data-app-page="power-of-attorney"] .authorized {
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-app-page="power-of-attorney"] .poa-intro {
  display: block;
  min-height: 95.5px;
  margin: 0 0 21.25px;
  padding: 21.25px;
}

body[data-app-page="power-of-attorney"] .poa-intro-row {
  display: flex;
  align-items: flex-start;
  gap: 12.75px;
}

body[data-app-page="power-of-attorney"] .poa-intro-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
  flex: 0 0 51px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .05);
}

body[data-app-page="power-of-attorney"] .poa-intro-icon img {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}

body[data-app-page="power-of-attorney"] .poa-intro-copy { min-width: 0; }

body[data-app-page="power-of-attorney"] .poa-intro h2 {
  margin: 0 0 4.25px;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 25.5px;
}

body[data-app-page="power-of-attorney"] .poa-intro p {
  margin: 0;
  color: #6b7280;
  font-size: 12.75px;
  line-height: 20.71875px;
}

body[data-app-page="power-of-attorney"] .poa-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 55px;
  margin: 0 0 21.25px;
  padding: 14.875px 17px;
  gap: 8.5px;
  border: 2px dashed rgba(0, 51, 160, .3);
  border-radius: 8px;
  background: transparent;
  color: var(--color-primary);
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  transition: color .2s, background-color .2s, border-color .2s, transform .14s;
}

body[data-app-page="power-of-attorney"] .poa-add[hidden] { display: none !important; }
body[data-app-page="power-of-attorney"] .poa-add > img { width: 17px; height: 17px; }

body[data-app-page="power-of-attorney"] .poa-add:hover {
  border-color: var(--color-primary);
  background: rgba(0, 51, 160, .05);
}

body[data-app-page="power-of-attorney"] .poa-form {
  display: none;
  margin: 0 0 21.25px;
  padding: 21.25px;
}

body[data-app-page="power-of-attorney"] .poa-form.show { display: block; }

body[data-app-page="power-of-attorney"] .poa-form-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38.25px;
  margin-bottom: 17px;
}

body[data-app-page="power-of-attorney"] .poa-form-heading > div {
  display: flex;
  align-items: center;
  gap: 10.625px;
}

body[data-app-page="power-of-attorney"] .poa-form-heading > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.25px;
  height: 38.25px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .1);
}

body[data-app-page="power-of-attorney"] .poa-form-heading > div > span img,
body[data-app-page="power-of-attorney"] .poa-form-heading > button img { width: 17px; height: 17px; }

body[data-app-page="power-of-attorney"] .poa-form-heading h3 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 27.625px;
}

body[data-app-page="power-of-attorney"] .poa-form-heading > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  transition: background-color .2s;
}

body[data-app-page="power-of-attorney"] .poa-form-heading > button:hover { background: #f3f4f6; }
body[data-app-page="power-of-attorney"] .poa-fields { display: grid; gap: 12.75px; }

body[data-app-page="power-of-attorney"] .poa-fields label {
  display: flex;
  align-items: center;
  gap: 6.375px;
  margin: 0 0 6.375px;
  color: #374151;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
}

body[data-app-page="power-of-attorney"] .poa-fields label img { width: 14.875px; height: 14.875px; opacity: .65; }

body[data-app-page="power-of-attorney"] .poa-fields input {
  width: 100%;
  height: 44.5px;
  padding: 10.625px 14.875px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  outline: 0;
  background: #fff;
  color: var(--color-text);
  font: 400 14.875px/21.25px Alexandria, sans-serif;
  transition: border-color .2s, box-shadow .2s;
}

body[data-app-page="power-of-attorney"] .poa-fields input::placeholder { color: #d1d5db; }

body[data-app-page="power-of-attorney"] .poa-fields input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(0, 51, 160, .1);
}

body[data-app-page="power-of-attorney"] .poa-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46.75px;
  margin-top: 17px;
  padding: 12.75px 0;
  gap: 8.5px;
  border: 0;
  border-radius: 8px;
  background: var(--color-primary);
  color: #fff;
  font-size: 14.875px;
  font-weight: 700;
  line-height: 21.25px;
  transition: background-color .2s, transform .14s;
}

body[data-app-page="power-of-attorney"] .poa-submit:hover { background: rgba(0, 51, 160, .9); }
body[data-app-page="power-of-attorney"] .poa-submit img { width: 17px; height: 17px; filter: brightness(0) invert(1); }

body[data-app-page="power-of-attorney"] .poa-list { display: grid; gap: 12.75px; }

body[data-app-page="power-of-attorney"] .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 21.25px;
  margin: 0;
  padding: 0 4.25px;
}

body[data-app-page="power-of-attorney"] .section-heading h3 {
  margin: 0;
  color: #374151;
  font-size: 15.125px;
  font-weight: 700;
  line-height: 21.25px;
}

body[data-app-page="power-of-attorney"] .section-heading span {
  color: #9ca3af;
  font-size: 12.75px;
  line-height: 17px;
}

body[data-app-page="power-of-attorney"] .authorized {
  display: block;
  min-height: 121px;
  margin: 0;
  padding: 17px;
  transition: border-color .2s, background-color .2s;
}

body[data-app-page="power-of-attorney"] .authorized:hover {
  transform: none;
  border-color: #f3f4f6;
  background: #fff;
  box-shadow: none;
}

body[data-app-page="power-of-attorney"] .authorized-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 85px;
  gap: 12.75px;
}

body[data-app-page="power-of-attorney"] .authorized-main {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  flex: 1;
  gap: 12.75px;
}

body[data-app-page="power-of-attorney"] .person-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 9999px;
  background: rgba(0, 51, 160, .05);
}

body[data-app-page="power-of-attorney"] .person-icon img { width: 21.25px; height: 21.25px; }
body[data-app-page="power-of-attorney"] .authorized-copy { min-width: 0; flex: 1; }

body[data-app-page="power-of-attorney"] .authorized-name {
  display: flex;
  align-items: center;
  gap: 8.5px;
  margin: 0 0 4.25px;
}

body[data-app-page="power-of-attorney"] .authorized-name > p {
  overflow: hidden;
  margin: 0;
  color: #111827;
  font-size: 15.125px;
  font-weight: 700;
  line-height: 21.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-app-page="power-of-attorney"] .poa-active {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 4.25px;
  padding: 2.125px 6.375px;
  border-radius: 9999px;
  background: rgba(0, 154, 68, .1);
  color: var(--color-success);
  font-size: 10px;
  font-weight: 700;
  line-height: 16.25px;
}

body[data-app-page="power-of-attorney"] .poa-active img { width: 10.625px; height: 10.625px; }

body[data-app-page="power-of-attorney"] .authorized-details {
  display: block;
  color: #6b7280;
  font-size: 12.75px;
  line-height: 17px;
}

body[data-app-page="power-of-attorney"] .authorized-details > div {
  display: flex;
  align-items: center;
  gap: 6.375px;
}

body[data-app-page="power-of-attorney"] .authorized-details > div + div { margin-top: 4.25px; }
body[data-app-page="power-of-attorney"] .authorized-details > div img { width: 12.75px; height: 12.75px; opacity: .6; }

body[data-app-page="power-of-attorney"] .authorized-details > p {
  margin: 4.25px 0 0;
  color: #9ca3af;
  font-size: 11px;
  line-height: 17px;
}

body[data-app-page="power-of-attorney"] .poa-revoke {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6.375px;
  min-height: 31.75px;
  padding: 6.375px 12.75px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: transparent;
  color: #dc2626;
  font-size: 12.75px;
  font-weight: 600;
  line-height: 17px;
  transition: background-color .2s, transform .14s;
}

body[data-app-page="power-of-attorney"] .poa-revoke:hover { border-color: #fecaca; background: #fef2f2; }
body[data-app-page="power-of-attorney"] .poa-revoke img { width: 14.875px; height: 14.875px; }

body[data-app-page="power-of-attorney"] .poa-revoke-modal {
  z-index: 150;
  padding: 17px;
  background: rgba(15, 23, 42, .48);
  backdrop-filter: blur(1px);
}

body[data-app-page="power-of-attorney"] .poa-revoke-scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

body[data-app-page="power-of-attorney"] .poa-revoke-dialog {
  position: relative;
  z-index: 1;
  width: min(408px, 100%);
  padding: 21.25px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
}

body[data-app-page="power-of-attorney"] .poa-revoke-message {
  display: flex;
  align-items: flex-start;
  gap: 12.75px;
}

body[data-app-page="power-of-attorney"] .poa-revoke-message > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 8px;
  background: rgba(239, 68, 68, .06);
}

body[data-app-page="power-of-attorney"] .poa-revoke-message > span img { width: 21.25px; height: 21.25px; }

body[data-app-page="power-of-attorney"] .poa-revoke-message h3 {
  margin: 0 0 4.25px;
  color: #111827;
  font-size: 17px;
  font-weight: 700;
  line-height: 25.5px;
}

body[data-app-page="power-of-attorney"] .poa-revoke-message p {
  margin: 0;
  color: #6b7280;
  font-size: 12.75px;
  line-height: 17px;
}

body[data-app-page="power-of-attorney"] .poa-revoke-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8.5px;
  margin-top: 17px;
}

body[data-app-page="power-of-attorney"] .poa-revoke-actions button {
  min-height: 44.5px;
  padding: 10.625px 17px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  transition: background-color .2s, border-color .2s, transform .14s;
}

body[data-app-page="power-of-attorney"] .poa-revoke-actions button:hover { background: #f9fafb; }

body[data-app-page="power-of-attorney"] .poa-revoke-actions .confirm {
  border-color: #ef4444;
  background: #ef4444;
  color: #fff;
}

body[data-app-page="power-of-attorney"] .poa-revoke-actions .confirm:hover { background: #dc2626; }

html[dir="rtl"] body[data-app-page="power-of-attorney"] .sr-assistant,
html[dir="ltr"] body[data-app-page="power-of-attorney"] .sr-assistant {
  right: auto !important;
  bottom: 25.5px !important;
  left: 25.5px !important;
  width: 68px;
  height: 68px;
  line-height: 0;
}

body[data-app-page="power-of-attorney"] button.sr-assistant-fab.smart-assistant-launcher {
  width: 68px !important;
  height: 68px !important;
}

body[data-app-page="power-of-attorney"] button.sr-assistant-fab.smart-assistant-launcher:hover { transform: scale(1.05) !important; }

@media (max-width: 360px) {
  body[data-app-page="archives"] .rp-logo { width: 132px; }
  body[data-app-page="archives"] .rp-h-actions { gap: 4px; }
  body[data-app-page="archives"] .rp-h-actions > button { padding-inline: 6px; }
  body[data-app-page="archives"] .archive-mobile-top { grid-template-columns: 44px minmax(0, 1fr); }
  body[data-app-page="archives"] .archive-mobile-top > img { width: 44px; height: 44px; }
  body[data-app-page="archives"] .archive-mobile-top > span { grid-column: 2; justify-self: start; max-width: 100%; }
  body[data-app-page="archives"] .archive-mobile-bottom { align-items: flex-start; }
}

@media (min-width: 1280px) {
  body[data-app-page="power-of-attorney"] .rp-aside { width: 272px; }
  body[data-app-page="power-of-attorney"] .rp-content { margin-left: 272px; }
  html[dir="rtl"] body[data-app-page="power-of-attorney"] .rp-content { margin-right: 272px; margin-left: 0; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  body[data-app-page="power-of-attorney"] .rp-aside { display: flex; width: 85px; padding-inline: 14.875px; }
  body[data-app-page="power-of-attorney"] .rp-aside .rp-nav span,
  body[data-app-page="power-of-attorney"] .rp-aside .rp-account,
  body[data-app-page="power-of-attorney"] .rp-aside .rp-logout span { display: none; }
  body[data-app-page="power-of-attorney"] .rp-nav a,
  body[data-app-page="power-of-attorney"] .rp-logout { justify-content: center; padding-inline: 0; }
  body[data-app-page="power-of-attorney"] .rp-content,
  html[dir="rtl"] body[data-app-page="power-of-attorney"] .rp-content { margin-right: 85px; margin-left: 0; }
}

@media (max-width: 1023px) {
  body[data-app-page="power-of-attorney"] .rp-aside { display: none; }
  body[data-app-page="power-of-attorney"] .rp-content,
  html[dir="rtl"] body[data-app-page="power-of-attorney"] .rp-content {
    margin: 0;
    padding: 0 17px 112px;
  }
  body[data-app-page="power-of-attorney"] .rp-header,
  body[data-app-page="power-of-attorney"] .rp-wrap { padding-inline: 0; }
  body[data-app-page="power-of-attorney"] .rp-header { position: relative; height: 59.5px; }
  body[data-app-page="power-of-attorney"] .rp-header-brand {
    position: static;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12.75px;
    transform: none;
  }
  body[data-app-page="power-of-attorney"] .rp-header-back { width: 38.25px; height: 38.25px !important; margin-inline-start: -8.5px; }
  body[data-app-page="power-of-attorney"] .rp-logo { width: auto; height: 51px; max-width: 151.25px; }
  body[data-app-page="power-of-attorney"] .rp-mobile-header-back { display: none !important; }
  body[data-app-page="power-of-attorney"] .rp-h-actions { position: static; gap: 4.25px; }
  body[data-app-page="power-of-attorney"] .rp-h-actions .rp-user { display: none; }
  body[data-app-page="power-of-attorney"] .rp-title {
    min-height: 30px;
    margin: 21.25px 0 17px;
    font-size: 25.5px;
    line-height: 30px;
  }
  body[data-app-page="power-of-attorney"] .rp-title::before { display: none; }
  body[data-app-page="power-of-attorney"] .rp-mobile-nav {
    position: fixed;
    right: 17px;
    bottom: max(21.25px, env(safe-area-inset-bottom));
    left: 17px;
    z-index: 80;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 78px;
    padding: 8px 12px 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 32px;
    background: rgba(255, 255, 255, .5);
    box-shadow: 0 20px 50px -12px rgba(15, 23, 42, .28), 0 4px 16px -4px rgba(15, 23, 42, .12);
    backdrop-filter: blur(24px) saturate(1.5);
  }
  body[data-app-page="power-of-attorney"] .rp-mobile-nav a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    height: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
    color: rgba(100, 116, 139, .8);
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
  }
  body[data-app-page="power-of-attorney"] .rp-mobile-nav a.active { color: var(--color-primary); }
  body[data-app-page="power-of-attorney"] .rp-mobile-nav img { width: 25.5px; height: 25.5px; object-fit: contain; }
  html[dir="rtl"] body[data-app-page="power-of-attorney"] .sr-assistant,
  html[dir="ltr"] body[data-app-page="power-of-attorney"] .sr-assistant { bottom: 112px !important; left: 21.25px !important; width: 59.5px; height: 59.5px; }
  body[data-app-page="power-of-attorney"] button.sr-assistant-fab.smart-assistant-launcher { width: 59.5px !important; height: 59.5px !important; }
}

@media (max-width: 639px) {
  body[data-app-page="power-of-attorney"]::before,
  body[data-app-page="power-of-attorney"]::after { width: 95vw; height: 95vw; }
  body[data-app-page="power-of-attorney"] .rp-h-actions .lang-label { display: none; }
  body[data-app-page="power-of-attorney"] .rp-logo { max-width: 118px; }
  body[data-app-page="power-of-attorney"] .poa-intro { min-height: 0; padding: 17px; }
  body[data-app-page="power-of-attorney"] .poa-intro-icon { width: 46px; height: 46px; flex-basis: 46px; }
  body[data-app-page="power-of-attorney"] .poa-intro-icon img { width: 30px; height: 30px; }
  body[data-app-page="power-of-attorney"] .authorized { padding: 14px; }
  body[data-app-page="power-of-attorney"] .authorized-row { min-height: 0; }
  body[data-app-page="power-of-attorney"] .authorized-main { gap: 9px; }
  body[data-app-page="power-of-attorney"] .person-icon { width: 38px; height: 38px; flex-basis: 38px; }
  body[data-app-page="power-of-attorney"] .poa-revoke { padding: 6px 8px; }
}

/* Mobile Bottom Slider Drawer */
.rp-mobile-slider {
  position: fixed;
  inset: 0;
  /* Stay above the floating bottom navigation (z-index: 2000), otherwise the
     sheet renders behind it and its last items are covered by the nav. */
  z-index: 2100;
  display: none;
}

.rp-mobile-slider.show {
  display: block;
}

.rp-slider-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: rpBackdropFade 0.25s ease-out;
}

.rp-slider-sheet {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  max-height: 85vh;
  overflow-y: auto;
  padding: 12px 20px calc(24px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 24px 24px 0 0;
  background: #ffffff;
  box-shadow: 0 -10px 40px rgba(15, 23, 42, 0.18);
  animation: rpSheetSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes rpBackdropFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes rpSheetSlideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

.rp-slider-handle-bar {
  display: flex;
  justify-content: center;
  padding-bottom: 12px;
}

.rp-slider-handle {
  width: 36px;
  height: 4px;
  border-radius: 999px;
  background: #d5dce6;
}

.rp-slider-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0 16px;
  border-bottom: 1px solid var(--color-border);
}

.rp-slider-user-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.rp-slider-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary-deep) 0%, var(--color-primary) 100%);
  box-shadow: 0 4px 12px rgba(0, 51, 160, 0.25);
}

.rp-slider-avatar img {
  width: 22px;
  height: 22px;
}

.rp-slider-user-meta {
  min-width: 0;
}

.rp-slider-user-name {
  display: block;
  color: var(--color-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rp-slider-company {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rp-slider-close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background: var(--color-canvas);
  cursor: pointer;
  transition: background-color 0.15s;
}

.rp-slider-close:hover {
  background: #edf2f7;
}

.rp-slider-close img {
  width: 14px;
  height: 14px;
}

.rp-slider-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

.rp-slider-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: #ffffff;
  color: var(--color-text);
  text-decoration: none;
  transition: background-color 0.15s, border-color 0.15s, transform 0.15s;
}

.rp-slider-item:hover,
.rp-slider-item.active {
  background: #f4f7fc;
  border-color: rgba(0, 51, 160, 0.25);
}

.rp-slider-item-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 10px;
  background: transparent;
}

.rp-slider-item-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.rp-slider-item-text {
  flex: 1;
  min-width: 0;
}

.rp-slider-item-text strong {
  display: block;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.rp-slider-item-text small {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 11.5px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rp-slider-item-arrow {
  display: flex;
  align-items: center;
  opacity: 0.6;
  transition: transform 0.15s, opacity 0.15s;
}

.rp-slider-item-arrow img {
  width: 14px;
  height: 14px;
}

.rp-slider-item:hover .rp-slider-item-arrow {
  opacity: 1;
}

html[dir="rtl"] .rp-slider-item:hover .rp-slider-item-arrow {
  transform: translateX(-3px);
}

html[dir="ltr"] .rp-slider-item:hover .rp-slider-item-arrow {
  transform: translateX(3px);
}


/* source: css/general-settings-exact.css */
/* General Settings, matched to the published Kuwait Digital Mail page. */
body[data-app-page="general-settings"] .settings-back {
  height: 38.25px;
  position: relative;
  top: 2.125px;
  margin: -16.875px 0 27.625px;
  padding: 8.5px 12.75px;
  gap: 8.5px;
  border-radius: 8px;
  color: #6b7280;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

body[data-app-page="general-settings"] .settings-back:hover {
  color: var(--color-primary);
  background: rgba(0, 51, 160, .05);
  text-decoration: none;
}

body[data-app-page="general-settings"] .settings-back img {
  width: 17px;
  height: 17px;
  opacity: .48;
}

body[data-app-page="general-settings"] .settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 408px;
  gap: 25.5px;
  align-items: start;
}

body[data-app-page="general-settings"] .settings-main {
  min-width: 0;
}

body[data-app-page="general-settings"] .settings-section + .settings-section {
  margin-top: 25.5px;
}

body[data-app-page="general-settings"] .rp-section-label {
  height: 38.25px;
  margin: 0 0 12.75px;
  padding-inline: 4.25px;
  gap: 12.75px;
  color: #1f2937;
  font-size: 19.125px;
  font-weight: 700;
  line-height: 29.75px;
}

body[data-app-page="general-settings"] .rp-section-label .section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38.25px;
  height: 38.25px;
  flex: 0 0 38.25px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .1);
}

body[data-app-page="general-settings"] .rp-section-label .section-icon img {
  width: 19.125px;
  height: 19.125px;
}

body[data-app-page="general-settings"] .settings-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12.75px;
}

body[data-app-page="general-settings"] .setting-wide {
  grid-column: 1 / -1;
}

body[data-app-page="general-settings"] .setting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 78px;
  margin: 0;
  padding: 17px;
  gap: 17px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #fff;
  color: var(--color-text);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
  font: inherit;
  text-align: start;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

body[data-app-page="general-settings"] button.setting-item {
  cursor: pointer;
}

body[data-app-page="general-settings"] button.setting-item:hover {
  border-color: rgba(0, 51, 160, .2);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .08), 0 10px 20px rgba(0, 0, 0, .04);
}

body[data-app-page="general-settings"] .setting-main {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 12.75px;
}

body[data-app-page="general-settings"] .setting-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42.5px;
  height: 42.5px;
  flex: 0 0 42.5px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .08);
  transition: background-color .2s;
}

body[data-app-page="general-settings"] .setting-icon img {
  width: 21.25px;
  height: 21.25px;
}

body[data-app-page="general-settings"] .setting-icon.danger {
  background: rgba(200, 16, 46, .05);
}

body[data-app-page="general-settings"] .setting-text {
  min-width: 0;
  text-align: start;
}

body[data-app-page="general-settings"] .setting-item:not(.setting-wide) .setting-text {
  max-width: 101.625px;
}

body[data-app-page="general-settings"] .settings-information .setting-main {
  gap: 10.625px;
}

body[data-app-page="general-settings"] .settings-information .setting-item .setting-text {
  max-width: none;
}

body[data-app-page="general-settings"] .settings-information .setting-text b,
body[data-app-page="general-settings"] .settings-information .setting-text > span {
  white-space: nowrap;
}

body[data-app-page="general-settings"] .settings-information .setting-arrow {
  display: none;
}

body[data-app-page="general-settings"] .setting-single-line .setting-main {
  gap: 10.25px;
}

body[data-app-page="general-settings"] .setting-item.setting-single-line .setting-text {
  max-width: none;
}

body[data-app-page="general-settings"] .setting-single-line .setting-text b,
body[data-app-page="general-settings"] .setting-single-line .setting-text > span {
  white-space: nowrap;
}

body[data-app-page="general-settings"] .setting-single-line .setting-arrow {
  display: none;
}

body[data-app-page="general-settings"] .setting-action.setting-single-line .setting-text b {
  font-size: 13.5px;
}

body[data-app-page="general-settings"] .setting-text b {
  display: block;
  color: #1f2937;
  font-size: 14.875px;
  font-weight: 600;
  line-height: 21.25px;
}

body[data-app-page="general-settings"] .setting-text > span {
  display: block;
  margin-top: 2.125px;
  color: #6b7280;
  font-size: 12.75px;
  font-weight: 400;
  line-height: 17px;
}

body[data-app-page="general-settings"] #cacheSize {
  display: inline;
  margin: 0;
  color: inherit;
  font: inherit;
}

body[data-app-page="general-settings"] .setting-action .setting-text b {
  color: var(--color-danger);
}

body[data-app-page="general-settings"] .setting-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 8px;
  background: #f9fafb;
  color: #9ca3af;
  font-size: 15px;
}

html[dir="rtl"] body[data-app-page="general-settings"] .setting-arrow {
  transform: rotate(180deg);
}

body[data-app-page="general-settings"] .version-badge {
  flex: 0 0 auto;
  padding: 4.25px 10.625px;
  border-radius: 8px;
  background: rgba(0, 51, 160, .08);
  color: var(--color-primary);
  font: 500 12.75px/17px "JetBrains Mono", monospace;
}

body[data-app-page="general-settings"] .rp-toggle {
  width: 46.75px;
  height: 25.5px;
  flex: 0 0 46.75px;
  border: 2px solid transparent;
  border-radius: 9999px;
  background: #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

body[data-app-page="general-settings"] .rp-toggle::after {
  top: 1px;
  left: 1px;
  width: 19.5px;
  height: 19.5px;
  background: #fff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}

body[data-app-page="general-settings"] .rp-toggle:checked {
  background: var(--color-primary);
}

body[data-app-page="general-settings"] .rp-toggle:checked::after {
  left: 21px;
}

body[data-app-page="general-settings"] .settings-aside {
  width: 408px;
}

body[data-app-page="general-settings"] .about-card {
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(to bottom right, var(--color-primary-deep), var(--color-primary-deep), var(--color-primary));
  color: #fff;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}

body[data-app-page="general-settings"] .about-main {
  padding: 25.5px;
}

body[data-app-page="general-settings"] .about-logo {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 17px;
}

body[data-app-page="general-settings"] .about-gear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59.5px;
  height: 59.5px;
  flex: 0 0 59.5px;
  border: 2px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  background: rgba(255, 255, 255, .15);
}

body[data-app-page="general-settings"] .about-gear > img {
  width: 29.75px;
  height: 29.75px;
}

body[data-app-page="general-settings"] .about-logo h2 {
  margin: 0;
  color: #fff;
  font-size: 19.125px;
  font-weight: 700;
  line-height: 23.9px;
}

body[data-app-page="general-settings"] .about-version {
  display: flex;
  align-items: center;
  gap: 8.5px;
  margin-top: 2.125px;
}

body[data-app-page="general-settings"] .about-version span {
  padding: 2.125px 8.5px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .7);
  font: 500 12.75px/17px "JetBrains Mono", monospace;
}

body[data-app-page="general-settings"] .about-version i {
  width: 6.375px;
  height: 6.375px;
  border-radius: 50%;
  background: rgba(0, 154, 68, .4);
}

body[data-app-page="general-settings"] .about-version b {
  color: var(--color-success);
  font-size: 12.75px;
  font-weight: 400;
  line-height: 17px;
}

body[data-app-page="general-settings"] .about-main p {
  width: 100%;
  max-width: none;
  margin: 0;
  color: rgba(255, 255, 255, .8);
  font-size: 14.875px;
  font-weight: 400;
  line-height: 24px;
}

body[data-app-page="general-settings"] .about-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12.75px 25.5px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
  color: rgba(255, 255, 255, .5);
  font-size: 12.75px;
  line-height: 17px;
}

body[data-app-page="general-settings"] .new-card {
  margin-top: 21.25px;
  overflow: hidden;
  border: 1px solid #f3f4f6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);
}

body[data-app-page="general-settings"] .new-heading {
  display: flex;
  align-items: center;
  height: 69px;
  gap: 12.75px;
  padding: 17px 21.25px;
  border-bottom: 1px solid #f3f4f6;
}

body[data-app-page="general-settings"] .new-heading > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 8px;
  background: rgba(124, 58, 237, .05);
}

body[data-app-page="general-settings"] .new-heading img {
  width: 17px;
  height: 17px;
}

body[data-app-page="general-settings"] .new-heading h3 {
  margin: 0;
  color: #1f2937;
  font-size: 17px;
  font-weight: 700;
  line-height: 27.625px;
}

body[data-app-page="general-settings"] .new-body {
  padding: 21.25px;
}

body[data-app-page="general-settings"] .new-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12.75px;
  color: #9ca3af;
  font-size: 12.75px;
  line-height: 21.25px;
}

body[data-app-page="general-settings"] .new-meta b {
  padding: 2.125px 8.5px;
  border-radius: 6px;
  background: rgba(0, 51, 160, .08);
  color: var(--color-primary);
  font: 500 12.75px/17px "JetBrains Mono", monospace;
}

body[data-app-page="general-settings"] .new-body ul {
  display: grid;
  gap: 8.5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-app-page="general-settings"] .new-body li {
  position: relative;
  padding-inline-start: 17px;
  color: #4b5563;
  font-size: 14.875px;
  line-height: 21.25px;
}

body[data-app-page="general-settings"] .new-body li::before {
  content: "";
  position: absolute;
  top: 7.5px;
  inset-inline-start: 0;
  width: 6.375px;
  height: 6.375px;
  border-radius: 50%;
  background: rgba(0, 51, 160, .6);
}

body[data-app-page="general-settings"] .sr-assistant {
  right: 25.5px !important;
  bottom: 25.5px !important;
  left: auto !important;
}

html[dir="rtl"] body[data-app-page="general-settings"] .sr-assistant {
  right: auto !important;
  left: 25.5px !important;
}

body[data-app-page="general-settings"] button.sr-assistant-fab.smart-assistant-launcher {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
}

body[data-app-page="general-settings"] button.sr-assistant-fab.smart-assistant-launcher > img {
  filter: drop-shadow(0 0 .5px rgba(15, 23, 42, .22)) drop-shadow(0 1px 1px rgba(15, 23, 42, .1)) drop-shadow(0 12px 22px rgba(17, 94, 232, .38)) drop-shadow(0 4px 8px rgba(15, 23, 42, .16)) !important;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  body[data-app-page="general-settings"] .settings-grid {
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  body[data-app-page="general-settings"] .settings-aside {
    width: 340px;
  }
}

@media (max-width: 1023px) {
  body[data-app-page="general-settings"] .settings-back {
    display: none;
  }

  body[data-app-page="general-settings"] .settings-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-app-page="general-settings"] .settings-aside {
    width: 100%;
    margin-top: 25.5px;
  }

  body[data-app-page="general-settings"] .setting-item:not(.setting-wide) .setting-text {
    max-width: none;
  }

  body[data-app-page="general-settings"] .setting-action.setting-single-line .setting-text b {
    font-size: 14.875px;
  }
}

@media (max-width: 720px) {
  body[data-app-page="general-settings"] .rp-mobile-header-back {
    display: none !important;
  }
  body[data-app-page="general-settings"] .settings-grid {
    gap: 17px;
  }

  body[data-app-page="general-settings"] .settings-section + .settings-section {
    margin-top: 25.5px;
  }

  body[data-app-page="general-settings"] .rp-section-label {
    font-size: 19.125px;
  }

  body[data-app-page="general-settings"] .settings-items {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-app-page="general-settings"] .setting-wide {
    grid-column: auto;
  }

  body[data-app-page="general-settings"] .setting-item {
    min-height: 78px;
  }

  body[data-app-page="general-settings"] .settings-aside {
    margin-top: 8.5px;
  }

  body[data-app-page="general-settings"] .about-main {
    padding: 21.25px;
  }

  body[data-app-page="general-settings"] button.sr-assistant-fab.smart-assistant-launcher {
    width: 59.5px !important;
    height: 59.5px !important;
  }

  body[data-app-page="general-settings"] .sr-assistant,
  html[dir="rtl"] body[data-app-page="general-settings"] .sr-assistant {
    bottom: 112px !important;
    left: 21.25px !important;
    right: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-page="general-settings"] .setting-item,
  body[data-app-page="general-settings"] .settings-back {
    transition-duration: .01ms;
  }
}


/* source: css/reference-exact.css */
/* Shared registration route heading, aligned with the React Header component. */
.ref-header{min-height:64px!important;padding:0 clamp(16px,4vw,32px)!important;border-bottom:0!important;background:transparent!important}.ref-header-brand{display:flex;align-items:center;gap:12px}.ref-header-logo,.ref-header-back{border:0;background:transparent}.ref-header-logo{padding:0}.ref-header img{display:block;width:auto;height:48px}.ref-header-back{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffffb3;border-radius:12px;background:#ffffff9e;color:var(--color-text);box-shadow:0 3px 12px #0f172a12}.ref-header-actions button{min-height:36px;padding:8px 12px!important;border:1px solid var(--color-border)!important;border-radius:6px;background:#ffffffcc!important;color:var(--color-text)!important;box-shadow:0 4px 12px #0f172a08}.ref-header-route{position:relative;z-index:3;display:flex;align-items:center;gap:10px;max-width:96rem;margin:0 auto;padding:20px clamp(16px,4vw,32px) 0}.ref-header-route i{display:none;width:3px;height:28px;flex:0 0 3px;border-radius:999px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent-gold))}.ref-header-route h1{margin:0;color:var(--color-text);font:700 24px/1.2 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.02em}.ref-public[dir=rtl] .ref-header-route h1{font-family:Alexandria,Arial,sans-serif;letter-spacing:0}@media(min-width:1024px){.ref-header-route{padding-top:24px}.ref-header-route i{display:block}.ref-header-route h1{font-size:28px}}

/* Static parity layer for the public React flows. Source styles are scoped so
   Bootstrap remains available to the authenticated static screens. */
.ref-mobile-id-stage{position:relative;display:grid;place-items:center;width:128px;height:128px;margin:0 auto 10px}.ref-mobile-id-stage .ref-mobile-id-icon{z-index:2;margin:0;animation:refVerifyIconIn .32s cubic-bezier(.16,1,.3,1) both}.ref-mobile-halo{position:absolute;width:122px;height:122px;border-radius:50%;background:#0033a01a;filter:blur(18px);transition:background-color .3s ease-out}.ref-mobile-halo.pending{background:#0033a025}.ref-mobile-halo.verified{background:#1f9b5426}.ref-mobile-radar{position:absolute;z-index:1;border:1px solid #0033a04d;border-radius:50%;animation:refVerifyPing 1s cubic-bezier(0,0,.2,1) infinite}.ref-mobile-radar.radar-one{width:96px;height:96px}.ref-mobile-radar.radar-two{width:112px;height:112px;animation-delay:.4s}.ref-mobile-id-icon>i{display:block;inset:-11px -11px auto auto;width:16px;height:16px}.ref-mobile-id-icon>i em{position:absolute;inset:-5px;border-radius:50%;background:#cf133966;animation:refVerifyPing 1s cubic-bezier(0,0,.2,1) infinite}.ref-mobile-status i{animation:refVerifyStatusPulse 1.4s cubic-bezier(0,0,.2,1) infinite}@keyframes refVerifyPing{75%,100%{transform:scale(2);opacity:0}}@keyframes refVerifyIconIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes refVerifyStatusPulse{50%{box-shadow:0 0 0 7px #0033a000}100%{box-shadow:0 0 0 4px #0033a020}}@media(prefers-reduced-motion:reduce){.ref-mobile-id-page *{animation:none!important}.ref-mobile-radar{display:none}}
.ref-public{position:relative;min-height:100svh;overflow:hidden;background:var(--color-canvas);color:var(--color-text);font-family:Inter,Arial,sans-serif}.ref-public::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.62;background-image:linear-gradient(#115ee80a 1px,transparent 1px),linear-gradient(90deg,#115ee80a 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#0009,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#0009,transparent 80%)}.ref-public *{box-sizing:border-box}.ref-public button,.ref-public input,.ref-public textarea,.ref-public select{font:inherit}.ref-public button{cursor:pointer}.ref-public [dir=rtl],.ref-public[dir=rtl]{font-family:Alexandria,Arial,sans-serif}.ref-public .ref-lang{position:absolute;z-index:2;top:18px;right:34px;border:0;background:transparent;color:#334155;font-size:12px;font-weight:800}.ref-public[dir=rtl] .ref-lang{right:auto;left:34px}.ref-grid-bg{position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 14%,#adc2ff96,transparent 31%),radial-gradient(circle at 87% 87%,#ffd7c393,transparent 33%)}
.ref-login{position:relative;z-index:1;display:grid;place-items:center;min-height:100svh;padding:70px 20px 34px}.ref-brand{text-align:center;margin-bottom:28px}.ref-brand img{display:block;width:auto;height:95px;margin:0 auto 19px}.ref-brand h1{margin:0;color:var(--color-primary);font:800 30px/1.2 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-1px}.ref-brand p{max-width:390px;margin:8px auto 0;color:#64748b;font-size:13px;line-height:1.6}.ref-login-card{position:relative;width:min(440px,100%);padding:28px;border:1px solid #ffffffa0;border-radius:10px;background:#ffffffd9;box-shadow:0 18px 50px rgba(15,23,42,.1);overflow:hidden}.ref-login-card::before{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:50%;background:#cba05224;filter:blur(25px)}.ref-form{position:relative;display:grid;gap:18px}.ref-field{display:grid;gap:7px;text-align:start}.ref-field label{display:flex;justify-content:space-between;gap:10px;color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.04em}.ref-field input,.ref-field textarea,.ref-field select{width:100%;border:1px solid var(--color-border);border-radius:5px;background:#fff;padding:13px 14px;color:var(--color-text);outline:0;transition:border .2s,box-shadow .2s}.ref-field input:focus,.ref-field textarea:focus,.ref-field select:focus{border-color:var(--color-accent-gold);box-shadow:0 0 0 3px #cba05222}.ref-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:53px;border:0;border-radius:4px;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-deep));box-shadow:0 10px 24px #0033a02e;color:white;font-size:14px;font-weight:800}.ref-primary:disabled{opacity:.5;cursor:not-allowed}.ref-secondary{border:0;background:transparent;color:var(--color-primary);font-size:13px;font-weight:800}.ref-form-note{margin:0;text-align:center;color:#64748b;font-size:12px;line-height:1.5}.ref-form-note button{border:0;background:transparent;padding:0;color:var(--color-primary);font-weight:800}.ref-civil-count{color:#94a3b8;font-size:10px}.ref-auth-state{padding:12px;border-radius:7px;background:#f1f7ff;color:#335280;text-align:center;font-size:13px;font-weight:700}.ref-auth-state.success{background:#eaf8ef;color:#197448}.ref-environment{margin-top:29px;color:#94a3b8;text-align:center;font-size:10px;font-weight:700}.ref-device{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;color:#64748b;font-size:11px}
.ref-language{position:relative;z-index:1;display:grid;min-height:100svh;place-items:center;padding:32px 20px}.ref-language-inner{width:min(440px,100%);text-align:center}.ref-step-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:27px;padding:7px 12px;border:1px solid #cba0524d;border-radius:999px;background:#ffffffbd;box-shadow:0 4px 18px #0f172a12;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.19em}.ref-step-chip i{width:6px;height:6px;border-radius:50%;background:var(--color-accent-gold)}.ref-language-logo{display:grid;place-items:center;width:208px;height:80px;margin:0 auto 34px;border-radius:23px;background:#ffffffc9;box-shadow:0 12px 32px #0f172a0e}.ref-language-logo img{height:50px;width:auto}.ref-language h1{margin:0;color:var(--color-primary);font:800 39px/1.15 Alexandria,Arial,sans-serif}.ref-language h2{margin:7px 0 0;font:700 22px/1.2 "Plus Jakarta Sans",Inter,sans-serif}.ref-language p{margin:14px auto 25px;max-width:300px;color:#64748b;font-size:13px;line-height:1.65}.ref-lang-choice{display:flex;align-items:center;gap:16px;width:100%;margin:13px 0;padding:21px;border:1px solid #fff;border-radius:24px;background:#ffffffb8;box-shadow:0 10px 30px #0f172a0d;text-align:start;transition:.2s}.ref-lang-choice:hover,.ref-lang-choice.selected{border-color:#cba052a6;transform:translateY(-1px);box-shadow:0 18px 35px #0f172a15}.ref-lang-choice .copy{flex:1}.ref-lang-choice b{display:block;color:var(--color-text);font-size:27px;line-height:1.1}.ref-lang-choice small{display:block;margin-top:7px;color:#64748b;font-size:12px}.ref-lang-choice .tag{display:grid;place-items:center;min-width:39px;height:28px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.15em}.ref-lang-choice.selected .tag{background:var(--color-primary);color:#fff}.ref-choice-arrow{display:grid;place-items:center;width:28px;height:28px;border:2px solid #cbd5e1;border-radius:50%;color:#64748b}.ref-lang-choice.selected .ref-choice-arrow{border-color:var(--color-accent-gold);background:var(--color-accent-gold);color:#fff}.ref-language-footer{margin-top:34px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.18em}
.ref-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:0 clamp(22px,6vw,86px);border-bottom:1px solid #ffffff8a;background:#ffffff80}.ref-header img{width:auto;height:45px}.ref-header-title{color:var(--color-text-muted);font-size:14px;font-weight:800}.ref-header-actions{display:flex;align-items:center;gap:12px}.ref-header-actions button{border:0;background:transparent;color:#64748b;font-size:12px;font-weight:800}.ref-register{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:35px 26px 45px}.ref-progress{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px}.ref-progress-copy{display:flex;align-items:center;gap:12px;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.ref-progress-copy strong{color:var(--color-primary);font:800 24px "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:0}.ref-progress-bars{display:flex;gap:6px}.ref-progress-bars i{width:22px;height:6px;border-radius:999px;background:var(--color-border)}.ref-progress-bars i.active{width:43px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-gold))}.ref-register h1{max-width:680px;margin:0 0 9px;color:var(--color-primary);font:800 46px/1.12 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-1.5px}.ref-register>p{max-width:640px;margin:0 0 28px;color:#64748b;font-size:15px;line-height:1.65}.ref-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ref-account-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:405px;padding:27px;border:1px solid #fff;border-radius:27px;background:#ffffffc9;box-shadow:0 18px 43px #0f172a0f;text-align:start;transition:.2s}.ref-account-card:hover{transform:translateY(-3px);box-shadow:0 25px 49px #0f172a16}.ref-account-card::after{content:attr(data-number);position:absolute;right:19px;top:7px;color:#0f172a0a;font:800 106px "Plus Jakarta Sans",Inter,sans-serif}.ref-account-card.gold .ref-account-icon{background:linear-gradient(145deg,var(--color-accent-gold),var(--color-accent-gold-soft))}.ref-account-icon{position:relative;z-index:1;display:grid;place-items:center;width:49px;height:49px;margin-bottom:18px;border-radius:16px;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-deep));box-shadow:0 10px 25px #0033a044;color:#fff;font-size:23px}.ref-account-kicker{position:relative;z-index:1;margin:0 0 7px;color:var(--color-primary);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ref-account-card.gold .ref-account-kicker{color:#b68020}.ref-account-card h2{position:relative;z-index:1;margin:0;color:var(--color-text);font:800 28px/1.1 "Plus Jakarta Sans",Inter,sans-serif}.ref-account-card p{position:relative;z-index:1;max-width:350px;margin:12px 0 15px;color:#64748b;font-size:13px;line-height:1.55}.ref-check-list{position:relative;z-index:1;display:grid;gap:9px;margin:0;padding:0;list-style:none;color:var(--color-text-muted);font-size:12px}.ref-check-list li::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 0;border-radius:50%;background:var(--color-primary)}.ref-account-card.gold .ref-check-list li::before{background:var(--color-accent-gold)}.ref-account-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:21px;color:var(--color-text);font-size:12px;font-weight:800}.ref-account-tag{color:var(--color-primary);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ref-account-card.gold .ref-account-tag{color:#b68020}.ref-round-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9e0e9;border-radius:50%;color:#64748b}.ref-account-card:hover .ref-round-arrow{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ref-account-card.gold:hover .ref-round-arrow{background:var(--color-accent-gold);border-color:var(--color-accent-gold)}
.ref-flow{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100svh - 74px);padding:35px 20px}.ref-flow-card{width:min(530px,100%);padding:32px;border:1px solid #fff;border-radius:18px;background:#ffffffd9;box-shadow:0 18px 50px #0f172a12}.ref-flow-heading{margin-bottom:22px;text-align:center}.ref-flow-heading .ref-flow-icon{display:grid;place-items:center;width:53px;height:53px;margin:0 auto 13px;border-radius:17px;background:#e8efff;color:var(--color-primary);font-size:23px}.ref-flow-heading h1{margin:0;color:var(--color-primary);font:800 29px/1.25 "Plus Jakarta Sans",Inter,sans-serif}.ref-flow-heading p{margin:9px auto 0;max-width:440px;color:#64748b;font-size:13px;line-height:1.6}.ref-id-input{font:700 23px/1 "JetBrains Mono",monospace!important;letter-spacing:.14em!important;text-align:center}.ref-id-help{margin:-8px 0 0;color:#64748b;text-align:center;font-size:11px}.ref-service-grid{display:grid;gap:13px}.ref-service{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:#fff;text-align:start}.ref-service.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #0033a01a}.ref-service img{width:42px;height:42px;object-fit:contain}.ref-service-copy{flex:1}.ref-service-copy b{display:block;font-size:14px}.ref-service-copy span{display:block;margin-top:4px;color:#64748b;font-size:12px}.ref-service-price{color:var(--color-primary);font:800 14px "JetBrains Mono",monospace}.ref-service-check{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd5e1;border-radius:50%;color:transparent}.ref-service.selected .ref-service-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.ref-summary{display:grid;gap:9px;margin:21px 0;padding:16px;border-radius:10px;background:#f5f8ff}.ref-summary div{display:flex;justify-content:space-between;gap:16px;color:#64748b;font-size:12px}.ref-summary b{color:var(--color-text)}.ref-info-list{display:grid;gap:13px;margin:20px 0}.ref-info-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #eef2f6}.ref-info-row b{font-size:13px}.ref-info-row span{color:#64748b;font-size:12px}.ref-info-row i{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#e8f7ef;color:#168046;font-style:normal;font-size:11px}.ref-welcome{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:8vw;align-items:center;min-height:100svh;padding:42px clamp(28px,8vw,140px)}.ref-welcome-brand{position:relative;padding:45px;border-radius:28px;background:#ffffffa5;box-shadow:0 20px 50px #0f172a0d}.ref-welcome-brand img{height:87px;width:auto}.ref-welcome-brand h1{margin:25px 0 11px;color:var(--color-text);font:800 25px/1.25 Alexandria,Arial,sans-serif}.ref-welcome-brand p{max-width:430px;color:#64748b;font-size:14px;line-height:1.72}.ref-live-card{margin-top:28px;padding:18px;border:1px solid #e7edf4;border-radius:15px;background:#fff}.ref-live-top{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ref-live-dot{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:#10b981}.ref-demo-line{display:flex;align-items:start;justify-content:space-between;margin-top:21px}.ref-demo-step{position:relative;z-index:1;flex:1;text-align:center;color:#94a3b8;font-size:10px}.ref-demo-step::before{content:"";position:absolute;z-index:-1;top:5px;left:50%;width:100%;height:2px;background:#dce5f1}.ref-demo-step:last-child::before{display:none}.ref-demo-step b{display:block;width:13px;height:13px;margin:0 auto 8px;border:3px solid #dce5f1;border-radius:50%;background:#fff}.ref-demo-step.done{color:var(--color-text)}.ref-demo-step.done b,.ref-demo-step.current b{border-color:var(--color-primary);background:var(--color-primary)}.ref-demo-step.current{color:var(--color-primary)}.ref-welcome-main{max-width:520px}.ref-slide-count{display:flex;align-items:center;gap:10px;margin-bottom:31px;color:#64748b;font-size:12px;font-weight:800}.ref-slide-count b{color:var(--color-primary);font:800 28px "Plus Jakarta Sans",Inter,sans-serif}.ref-welcome-card{position:relative;min-height:407px;padding:47px;border:1px solid #fff;border-radius:31px;background:#ffffffd1;box-shadow:0 22px 53px #0f172a12;overflow:hidden}.ref-welcome-card::after{content:attr(data-step);position:absolute;right:25px;top:18px;color:#0f172a08;font:800 96px "Plus Jakarta Sans",Inter,sans-serif}.ref-welcome-icon{display:grid;place-items:center;width:53px;height:53px;margin-bottom:25px;border:1px solid #cba05255;border-radius:17px;background:#fff;color:var(--color-primary);font-size:25px}.ref-welcome-card small{position:relative;color:var(--color-accent-gold);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.ref-welcome-card h2{position:relative;max-width:420px;margin:13px 0;color:var(--color-text);font:800 39px/1.13 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-1.5px}.ref-welcome-card p{position:relative;max-width:410px;color:#64748b;font-size:15px;line-height:1.7}.ref-welcome-highlight{position:relative;display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:var(--color-primary);font-size:12px;font-weight:800}.ref-welcome-highlight::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent-gold)}.ref-welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.ref-link-button{border:0;background:transparent;color:#64748b;font-size:12px;font-weight:800}.ref-next{display:inline-flex;align-items:center;gap:10px;padding:14px 19px;border:0;border-radius:5px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 24px #0033a02e}.ref-terms{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:52px 25px}.ref-back{border:0;background:transparent;color:#64748b;font-size:12px;font-weight:800}.ref-terms article{margin-top:23px;padding:34px;border:1px solid #fff;border-radius:20px;background:#ffffffd6;box-shadow:0 18px 45px #0f172a0d}.ref-terms h1{margin:0;color:var(--color-primary);font:800 35px/1.2 "Plus Jakarta Sans",Inter,sans-serif}.ref-terms>article>p{margin:12px 0 27px;color:#64748b;font-size:13px}.ref-terms section{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:19px 0;border-top:1px solid #edf1f6}.ref-terms section:first-of-type{border-top:0}.ref-terms section>span{color:var(--color-accent-gold);font:800 18px "JetBrains Mono",monospace}.ref-terms h2{margin:0 0 7px;font-size:16px}.ref-terms section p{margin:0;color:#64748b;font-size:13px;line-height:1.72}.ref-splash{display:grid;place-items:center;min-height:100svh;background:radial-gradient(circle at 50% 44%,#fff 0%,#f7f9ff 42%,#e9eefb 100%)}.ref-splash-inner{text-align:center}.ref-splash-ring{display:grid;place-items:center;width:128px;height:128px;margin:0 auto 28px;border:2px solid transparent;border-top-color:var(--color-accent-gold);border-right-color:#c7d7ff;border-radius:50%;animation:refSpin 1.5s linear infinite}.ref-splash-ring img{width:75px;height:75px;object-fit:contain}.ref-splash h1{margin:0;color:var(--color-primary);font:800 22px "Plus Jakarta Sans",Inter,sans-serif}.ref-splash p{margin:8px 0 0;color:#64748b;font-size:12px}@keyframes refSpin{to{transform:rotate(360deg)}}
@media(max-width:800px){.ref-lang{top:15px;right:18px}.ref-public[dir=rtl] .ref-lang{left:18px}.ref-login{padding-top:70px}.ref-brand img{height:78px}.ref-brand h1{font-size:26px}.ref-login-card{padding:21px}.ref-header{min-height:64px;padding:0 20px}.ref-header img{height:36px}.ref-register{padding:25px 18px 35px}.ref-register h1{font-size:29px;letter-spacing:-.8px}.ref-register>p{font-size:13px}.ref-account-grid{grid-template-columns:1fr}.ref-account-card{min-height:0}.ref-flow{padding:28px 17px}.ref-flow-card{padding:24px 18px}.ref-welcome{grid-template-columns:1fr;gap:22px;padding:26px 20px}.ref-welcome-brand{padding:18px;background:transparent;box-shadow:none}.ref-welcome-brand img{height:66px}.ref-welcome-brand h1{margin-top:16px;font-size:19px}.ref-welcome-brand p{font-size:12px}.ref-live-card{display:none}.ref-welcome-main{width:100%;margin:auto}.ref-slide-count{margin-bottom:14px}.ref-welcome-card{min-height:335px;padding:28px 23px;border-radius:23px}.ref-welcome-card h2{font-size:29px}.ref-welcome-card p{font-size:13px}.ref-terms{padding:27px 17px}.ref-terms article{padding:24px 20px}.ref-terms h1{font-size:28px}}
.ref-mobile-id-page{position:relative;z-index:1;width:min(1200px,100%);min-height:100svh;margin:0 auto;padding:14px 28px 58px}.ref-verify-brand{display:flex;align-items:center;gap:12px;height:48px}.ref-verify-brand img{width:auto;height:42px}.ref-verify-back{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce3ee;border-radius:8px;background:#f6f8ff;color:#334155;font-size:18px}.ref-mobile-id-page>h1{position:relative;margin:30px 0 32px;padding-inline-start:13px;color:var(--color-text);font:800 31px/1.15 "Plus Jakarta Sans",Inter,sans-serif}.ref-mobile-id-page>h1::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:4px;height:30px;border-radius:999px;background:var(--color-accent-gold)}.ref-mobile-id-card{width:min(790px,100%);margin:0 auto;padding:34px;border:1px solid #e1e7ef;border-radius:13px;background:#ffffffed;box-shadow:0 18px 42px #0f172a14}.ref-mobile-id-hero{text-align:center}.ref-mobile-id-icon{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:0 auto 19px;border:1px solid #ccdaf6;border-radius:13px;background:#edf3ff}.ref-mobile-id-icon img{width:58px;height:58px;object-fit:contain}.ref-mobile-id-icon>i{position:absolute;inset:-11px -11px auto auto;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#cf1339;box-shadow:0 0 0 4px #cf133924}.ref-mobile-id-icon.verified{background:#eaf8ef;color:#168046;font-size:39px}.ref-mobile-id-hero h2{margin:0;color:var(--color-text);font:800 22px/1.25 "Plus Jakarta Sans",Inter,sans-serif}.ref-mobile-id-hero p{max-width:420px;margin:9px auto 0;color:#52647b;font-size:15px;line-height:1.65}.ref-mobile-id-hero small{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#728197;font-size:11px}.ref-mobile-steps{display:grid;gap:11px;margin:30px 0 25px;padding:0;list-style:none}.ref-mobile-step{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e4eaf1;border-radius:9px;background:#fff}.ref-mobile-step>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid #e4eaf1;border-radius:50%;color:#52647b;font-size:12px;font-weight:800}.ref-mobile-step b{display:block;color:#243044;font-size:14px}.ref-mobile-step small{display:block;margin-top:3px;color:#75849a;font-size:11px}.ref-mobile-step.active{border-color:#9cb8ef;background:#f6f9ff}.ref-mobile-step.active>span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.ref-mobile-step.done{border-color:#bde7cd;background:#f4fcf7}.ref-mobile-step.done>span{border-color:#1f9b54;background:#1f9b54;color:#fff}.ref-mobile-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-6px 0 20px;padding:11px 13px;border:1px solid #bfd1f4;border-radius:8px;background:#f4f8ff;color:#334155;font-size:12px}.ref-mobile-status span{display:flex;align-items:center;gap:8px}.ref-mobile-status i{width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px #0033a020}.ref-mobile-status b{font:700 12px "JetBrains Mono",monospace;color:#64748b}.ref-mobile-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border:0;border-radius:7px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 18px #0033a038}.ref-mobile-cta.pending{background:#315fba}.ref-mobile-cta.verified{background:#1f9b54}.ref-mobile-spinner{width:17px;height:17px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:refSpin .8s linear infinite}.ref-mobile-cancel{display:block;margin:15px 0 0 auto;border:0;background:none;color:#52647b;font-size:12px}.ref-mobile-help{margin:13px 0 0;color:#728197;text-align:end;font-size:11px}@media(max-width:800px){.ref-mobile-id-page{padding:13px 18px 34px}.ref-mobile-id-page>h1{margin:24px 0}.ref-mobile-id-card{padding:25px 18px}.ref-mobile-id-hero h2{font-size:20px}.ref-mobile-id-hero p{font-size:13px}.ref-mobile-step{padding:12px}.ref-mobile-status{font-size:11px}}
.ref-splash-screen{isolation:isolate;overflow:hidden;background:var(--color-canvas);color:var(--color-text)}.ref-splash-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(#115ee80d 1px,transparent 1px),linear-gradient(90deg,#115ee80d 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#0007,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,#0007,transparent 70%)}.ref-splash-vignette{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 42%,#ffffffb3 0%,transparent 55%),radial-gradient(circle at 50% 100%,#115ee80d 0%,transparent 60%)}.ref-splash-stage-wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:32px}.ref-splash-stage{position:relative;display:grid;place-items:center;width:232px;height:232px;margin-bottom:40px}.ref-splash-halo{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#f0c04a52 0%,#f0c04a14 35%,transparent 70%);filter:blur(18px);animation:refHalo 5s ease-in-out infinite}.ref-splash-conic{position:absolute;width:208px;height:208px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#115ee847 40deg,transparent 110deg,transparent 230deg,#d4a01773 290deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%,#000 78%,transparent 79%);mask:radial-gradient(circle,transparent 64%,#000 65%,#000 78%,transparent 79%);animation:refConic 10s linear infinite}.ref-splash-tile{position:relative;display:grid;place-items:center;width:128px;height:128px;overflow:hidden;animation:refTileEnter 1s cubic-bezier(.16,1,.3,1) both,refTileFloat 6s ease-in-out 1s infinite}.ref-splash-shine{position:absolute;z-index:4;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(100deg,transparent 0%,#ffffff00 35%,#ffffffb3 50%,#ffffff00 65%,transparent 100%);transform:skewX(-20deg);animation:refShine 3.6s ease-in-out 1.4s infinite}.ref-splash-logo-outline,.ref-splash-logo-filled{position:absolute;width:108px;height:108px;filter:drop-shadow(0 6px 14px #115ee82e)}.ref-splash-logo-outline{z-index:2;opacity:1;animation:refOutline 1.6s cubic-bezier(.4,0,.2,1) 1.6s forwards}.ref-splash-logo-filled{z-index:3;opacity:0;animation:refFilled 1.5s cubic-bezier(.4,0,.2,1) 1.6s forwards}.ref-splash-wordmark-wrap{display:flex;flex-direction:column;align-items:center;gap:13px;opacity:0;animation:refWmEnter .9s cubic-bezier(.16,1,.3,1) 1.4s forwards}.ref-splash-wordmark{margin:0;padding:.15em .05em .25em;background:linear-gradient(100deg,#115ee8 0%,#3a7af0 35%,#d4a017 75%,#115ee8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-align:center;font:700 clamp(1.85rem,6.2vw,2.6rem)/1.35 Alexandria,Arial,sans-serif;letter-spacing:-.02em;animation:refWmShimmer 7s ease-in-out infinite}.ref-splash-wordmark-en{font:700 clamp(1.5rem,4vw,2rem)/1.25 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:.01em}.ref-splash-divider{display:flex;align-items:center;gap:8px;width:84px}.ref-splash-divider i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#115ee838,transparent)}.ref-splash-divider b{width:5px;height:5px;border-radius:50%;background:#d4a017;box-shadow:0 0 8px #d4a01799;animation:refDot 2s ease-in-out infinite}.ref-splash-footer{position:absolute;z-index:3;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 32px max(env(safe-area-inset-bottom),28px)}.ref-splash-loader{position:relative;width:132px;height:3px;overflow:hidden;border-radius:999px;background:#115ee81a;opacity:0;animation:refWmEnter .7s ease-out 1.8s forwards}.ref-splash-loader span{position:absolute;inset:0;width:38%;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,#d4a017 30%,#115ee8 50%,#d4a017 70%,transparent 100%);box-shadow:0 0 8px #d4a01780;animation:refLoader 1.8s cubic-bezier(.65,0,.35,1) infinite}.ref-splash-footer p{margin:0;color:#475569b3;font-size:9.5px;font-weight:600;letter-spacing:.24em;opacity:0;animation:refWmEnter .7s ease-out 2.1s forwards}@keyframes refHalo{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}@keyframes refConic{to{transform:rotate(360deg)}}@keyframes refTileEnter{0%{opacity:0;transform:scale(.6) rotateX(-22deg) translateY(20px)}60%{opacity:1;transform:scale(1.06) rotateX(3deg) translateY(-3px)}100%{opacity:1;transform:scale(1) rotateX(0) translateY(0)}}@keyframes refTileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes refShine{0%{left:-120%}55%,100%{left:150%}}@keyframes refOutline{to{opacity:0}}@keyframes refFilled{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes refWmEnter{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes refWmShimmer{0%,100%{background-position:0 0}50%{background-position:100% 0}}@keyframes refDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}@keyframes refLoader{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}@media(prefers-reduced-motion:reduce){.ref-splash-screen *{animation:none!important}.ref-splash-wordmark-wrap,.ref-splash-footer p,.ref-splash-loader{opacity:1}.ref-splash-logo-outline{opacity:0}.ref-splash-logo-filled{opacity:1}}


/* source: css/theme.css */
/* Final parity layer. Loaded after the route styles so shared React tokens win. */

html {
  -webkit-text-size-adjust: 100%;
  background: var(--color-canvas);
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-canvas);
  color: var(--color-text);
  font-family: Alexandria, Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[dir="ltr"] body,
[dir="ltr"] {
  font-family: Inter, "Plus Jakarta Sans", sans-serif;
}

html[dir="rtl"] {
  font-size: 106.25%;
}

[dir="rtl"],
.font-arabic {
  font-family: Alexandria, sans-serif;
  font-size-adjust: .48;
}

[dir="rtl"] *,
.font-arabic * {
  letter-spacing: 0 !important;
}

h1, h2, h3, h4 {
  font-family: "Plus Jakarta Sans", Inter, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  font-family: Alexandria, sans-serif;
}

button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}

:where(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* The React shell uses a 16rem desktop rail, an 5rem compact rail, and no rail on mobile. */
@media (min-width: 1280px) {
  .rp-aside { width: 256px; }
  .rp-content { margin-left: 256px; margin-right: 0; }
  [dir="rtl"] .rp-content { margin-left: 0; margin-right: 256px; }
  .dc-gear { inset-inline-start: 294px; left: auto; }
}

@media (min-width: 721px) and (max-width: 1279px) {
  .rp-aside { width: 80px; padding: 25px 10px 12px; }
  .rp-aside .rp-nav span,
  .rp-aside .rp-account,
  .rp-logout span { display: none; }
  .rp-nav a { justify-content: center; padding: 6px; }
  .rp-nav a.active::before { left: -10px; }
  .rp-logout { justify-content: center; padding: 12px; }
  .rp-content { margin-left: 80px; margin-right: 0; }
  [dir="rtl"] .rp-content { margin-left: 0; margin-right: 80px; }
  .dc-gear { inset-inline-start: 104px; left: auto; }
}

.rp-header {
  height: 64px;
  max-width: 1408px;
}

.rp-wrap {
  max-width: 1408px;
  margin-top: 0;
}

.rp-card,
.setting-item,
.profile-setting,
.archive-row,
.shipment-row {
  border-color: var(--color-border);
  box-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 12px rgba(15, 23, 42, .05);
}

.rp-btn,
.dc-manage,
.dc-directions,
.ref-primary,
.ref-next,
.ref-mobile-cta {
  background-color: var(--color-primary);
  transition: transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease, box-shadow 180ms ease;
}

.rp-btn:active,
.dc-manage:active,
.ref-primary:active,
.ref-next:active,
.ref-mobile-cta:active {
  transform: scale(.98);
}

/* Dashboard sizing mirrors the Tailwind breakpoints and spacing in DashboardClassic. */
.dc-greeting { margin: 24px 0; }
.dc-greeting p { font-size: 12px; font-weight: 400; }
.dc-greeting h1 { font-size: 28px; letter-spacing: -.025em; }
.dc-plan { border-radius: 6px; padding: 6px 10px; box-shadow: none; }
.dc-hero-grid { gap: 16px; margin-bottom: 24px; }
.dc-hero { min-height: 224px; border-radius: 24px; border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.74); backdrop-filter: blur(22px); }
.dc-hero-body { padding: 20px; }
.dc-code { margin: 13px 0 10px; font-family: "JetBrains Mono", monospace; font-size: clamp(32px, 2.65vw, 44px); letter-spacing: .08em; }
.dc-circle-action { width: 32px; height: 32px; }
.dc-manage { padding: 7px 14px; }
.dc-grid { grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr); gap: 24px; }
.dc-title-row { margin-bottom: 10px; }
.dc-title-row h2 { font-size: 21px; letter-spacing: -.025em; }
.dc-status-tabs { gap: 8px; margin-bottom: 10px; }
.dc-status-tab { padding: 8px 12px; border: 1px solid transparent; border-radius: 16px; font-size: 12px; }
.dc-status-tab.active { border-color: var(--color-border); }
.dc-ship-panel { border-top-width: 2px; border-radius: 16px; padding: 12px; }
.dc-shipment { border-radius: 16px; }
.dc-appointments,
.dc-announcements { border-radius: 16px; }

/* Appointment detail dialog, matched to the dashboard booking reference. */
body.ap-locked { overflow: hidden; }
.ap-modal {
  padding: 20px;
  background: transparent;
  isolation: isolate;
}
.ap-scrim {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(15, 23, 42, .44);
  backdrop-filter: blur(5px);
  animation: ap-fade 180ms ease-out;
}
.ap-card {
  width: min(478px, 100%);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .9);
  border-radius: 12px;
  background: #fefeff;
  color: var(--color-text);
  box-shadow: 0 28px 70px rgba(15, 23, 42, .26);
  animation: ap-enter 220ms cubic-bezier(.16, 1, .3, 1);
}
.ap-card:focus { outline: none; }
.ap-header {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 36px;
  gap: 12px;
  align-items: center;
  padding: 21px;
  border-bottom: 1px solid #edf1f5;
}
.ap-package {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #fff8ec;
  color: #c9912b;
  font-size: 21px;
}
.ap-heading { min-width: 0; }
.ap-heading h2 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.ap-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #fff7e8;
  color: #9a6814;
  font-size: 11px;
  font-weight: 800;
}
.ap-status i { width: 7px; height: 7px; border-radius: 50%; background: #d4a017; }
.ap-close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #94a0b2;
  font-size: 14px;
}
.ap-close:hover { background: #f3f6fa; color: var(--color-text-muted); }
.ap-body { display: grid; gap: 23px; padding: 28px 21px 25px; }
.ap-detail { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 12px; align-items: center; }
.ap-detail-icon {
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #f7f9fc;
  color: #a3afbf;
  font-size: 15px;
}
.ap-detail small { display: block; margin-bottom: 2px; color: #7b8798; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.ap-detail b { display: block; color: #172033; font-size: 15px; line-height: 1.3; }
.ap-detail b[dir="ltr"] { width: max-content; }
.ap-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 21px 21px; }
.ap-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 45px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  transition: transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease, border-color 180ms ease;
}
.ap-actions button:active { transform: scale(.98); }
.ap-secondary { border: 1px solid var(--color-border); background: #fefeff; color: #586579; }
.ap-secondary:hover { border-color: #cbd5e1; background: var(--color-canvas); }
.ap-primary { border: 1px solid var(--color-primary); background: var(--color-primary); color: #fefeff; }
.ap-primary:hover { border-color: var(--color-primary-deep); background: var(--color-primary-deep); }
@keyframes ap-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ap-enter { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

[dir="rtl"] .ap-header,
[dir="rtl"] .ap-body,
[dir="rtl"] .ap-actions { direction: rtl; }

@media (max-width: 540px) {
  .ap-modal { align-items: end; padding: 0; }
  .ap-card { width: 100%; border-radius: 12px 12px 0 0; }
  .ap-header { padding: 18px; }
  .ap-body { gap: 19px; padding: 23px 18px; }
  .ap-actions { padding: 0 18px max(18px, env(safe-area-inset-bottom)); }
  .ap-actions button { font-size: 12px; }
}

/* Announcement dialog. */
body.an-locked { overflow: hidden; }
.an-modal { padding: 20px; background: transparent; isolation: isolate; }
.an-scrim {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  border: 0;
  background: rgba(15, 23, 42, .44);
  backdrop-filter: blur(5px);
  animation: ap-fade 180ms ease-out;
}
.an-card {
  width: min(548px, 100%);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .9);
  border-radius: 12px;
  background: #fefeff;
  color: var(--color-text);
  box-shadow: 0 28px 70px rgba(15, 23, 42, .26);
  animation: ap-enter 220ms cubic-bezier(.16, 1, .3, 1);
}
.an-card:focus { outline: none; }
.an-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 69px;
  padding: 18px 21px;
  border-bottom: 1px solid #edf1f5;
}
.an-kicker { display: flex; align-items: center; gap: 10px; color: #36445d; }
.an-kicker i { color: #d4a017; font-size: 19px; }
.an-kicker span { font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.an-close {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #8794a6;
  font-size: 14px;
}
.an-close:hover { background: #f3f6fa; color: var(--color-text-muted); }
.an-body { padding: 21px 21px 17px; }
.an-title-row { display: flex; align-items: center; gap: 15px; }
.an-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 11px;
  background: #fff8ec;
  color: #d4a017;
  font-size: 21px;
}
.an-title-row small { display: block; margin-bottom: 4px; color: #69778b; font-size: 11px; font-weight: 700; }
.an-title-row h2 { margin: 0; color: #111b2e; font-size: 19px; font-weight: 800; letter-spacing: -.025em; }
.an-body p { margin: 17px 0 0; color: #526177; font-size: 14px; font-weight: 600; line-height: 1.55; }
.an-footer { display: flex; justify-content: flex-end; margin: 0 21px; padding: 13px 0 20px; border-top: 1px solid #edf1f5; }
.an-footer button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 39px;
  padding: 9px 14px;
  border: 0;
  border-radius: 8px;
  background: var(--color-primary);
  color: #fefeff;
  font-size: 13px;
  font-weight: 800;
  transition: transform 180ms cubic-bezier(.16, 1, .3, 1), background-color 180ms ease;
}
.an-footer button:hover { background: var(--color-primary-deep); }
.an-footer button:active { transform: scale(.98); }
[dir="rtl"] .an-header,
[dir="rtl"] .an-body,
[dir="rtl"] .an-footer { direction: rtl; }
[dir="rtl"] .an-kicker span { letter-spacing: 0; }
[dir="rtl"] .an-footer { justify-content: flex-end; }
[dir="rtl"] .an-footer i { transform: rotate(180deg); }

@media (max-width: 540px) {
  .an-modal { align-items: end; padding: 0; }
  .an-card { width: 100%; border-radius: 12px 12px 0 0; }
  .an-header { padding: 16px 18px; }
  .an-body { padding: 19px 18px 15px; }
  .an-footer { margin-inline: 18px; padding-bottom: max(18px, env(safe-area-inset-bottom)); }
}

/* Account type registration, matched to the published React route. */
html.account-type-route[dir="rtl"] { font-size: 106.25%; }
body[data-public-route="account-type"] { min-height: 100svh; overflow-x: clip; background: var(--color-canvas); }
body[data-public-route="account-type"]::before,
body[data-public-route="account-type"]::after {
  width: 55vw;
  height: 55vw;
  max-width: 720px;
  max-height: 720px;
  filter: blur(120px);
  opacity: .55;
}
body[data-public-route="account-type"]::before { top: -18vw; bottom: auto; left: -18vw; right: auto; }
body[data-public-route="account-type"]::after { top: auto; bottom: -18vw; left: auto; right: -18vw; }

.ref-account-page {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow-x: clip;
  overflow-y: visible;
  background: transparent;
  color: var(--color-text);
}
.ref-account-page .ref-grid-bg {
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(17,94,232,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,94,232,.04) 1px,transparent 1px);
  background-size: 56px 56px;
  opacity: .45;
  mask-image: radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.5),transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.5),transparent 80%);
}

.ref-public.ref-account-page .ref-lang {
  position: fixed;
  z-index: 150;
  top: 1.25rem;
  right: 1.5rem;
  left: auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: 0;
  padding: .5rem .75rem;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: var(--color-text);
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  transition: border-color 200ms ease;
}
.ref-public.ref-account-page[dir="rtl"] .ref-lang { right: auto; left: 1.5rem; }
.ref-public.ref-account-page[dir="rtl"] .ref-lang { line-height: 19.5px; }
.ref-public.ref-account-page .ref-lang:hover { border-color: rgba(203,160,82,.5); }
.ref-public.ref-account-page .ref-lang:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.ref-public.ref-account-page .ref-phosphor-icon { display: block; object-fit: contain; }
.ref-public.ref-account-page .ref-lang-icon { width: 14px; height: 14px; flex: 0 0 14px; }
.ref-public.ref-account-page .ref-lang span { font-size: 12px; font-weight: 700; }
.ref-public.ref-account-page .ref-lang-label.is-english { font-family: Inter,sans-serif; font-size-adjust: none; }
.ref-public.ref-account-page .ref-lang-label.is-arabic { font-family: Alexandria,sans-serif; font-size-adjust: .48; }
.ref-public.ref-account-page .ref-lang small { color: rgba(71,85,105,.6); font: 500 10px/1 "JetBrains Mono",monospace; letter-spacing: .18em !important; }

.ref-account-page .ref-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  width: min(88rem,100%);
  min-height: 4rem !important;
  margin: 0 auto;
  padding: 0 2rem !important;
  border: 0 !important;
  background: transparent !important;
}
.ref-account-page .ref-header-brand { display: flex; align-items: center; gap: .75rem; }
.ref-account-page .ref-header-logo { display: flex; align-items: center; padding: 0; border: 0; background: transparent; }
.ref-account-page .ref-header-logo img { display: block; width: auto; height: 3rem; object-fit: contain; }
.ref-account-page .ref-header-back {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-inline-start: -.5rem;
  padding: 0;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: .5rem;
  background: rgba(255,255,255,.6);
  color: var(--color-text);
  box-shadow: 0 4px 16px -4px rgba(15,23,42,.08);
  font-size: 18px;
  transition: transform 200ms cubic-bezier(.16,1,.3,1),background-color 200ms ease,box-shadow 200ms ease;
}
.ref-account-page .ref-header-back:hover { transform: translateY(-2px); background: rgba(255,255,255,.95); box-shadow: 0 8px 22px -10px rgba(15,23,42,.2); }
.ref-account-page .ref-header-back .ref-back-icon { width: 18px; height: 18px; }
.ref-account-page .ref-header-actions { display: none; }
.ref-account-page .ref-header-route {
  position: relative;
  z-index: 10;
  display: block;
  width: min(88rem,100%);
  height: auto;
  margin: 0 auto;
  padding: 1.5rem 2rem 0;
}
.ref-account-page .ref-header-route::after { content: ""; display: block; clear: both; }
.ref-account-page .ref-header-route > i,
.ref-account-page .ref-header-route > h1 { display: block; float: inline-start; }
.ref-account-page .ref-header-route > i {
  width: 3px;
  height: 1.75rem;
  margin-inline-end: .625rem;
  border-radius: 999px;
  background: linear-gradient(180deg,var(--color-primary),var(--color-accent-gold));
}
.ref-account-page .ref-header-route h1 {
  max-width: calc(100% - 1rem);
  margin: 0;
  overflow: hidden;
  color: var(--color-text);
  font: 700 28px/1.214 Alexandria,"Plus Jakarta Sans",Inter,sans-serif;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ref-account-page[dir="rtl"] .ref-header-route h1 { font-size-adjust: .48; }
.ref-account-page[dir="ltr"] .ref-header-route h1 { font-family: "Plus Jakarta Sans",Inter,sans-serif; letter-spacing: -.02em; }
.ref-account-page[dir="ltr"] .ref-header-route h1 { line-height: 32px; }

.ref-account-page .ref-register-account {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 819.90625px;
  max-width: 100%;
  min-height: 0;
  margin: 0 auto;
  padding: 2.25rem 2rem;
}
.ref-account-page[dir="rtl"] .ref-register-account { width: 839.4375px; }
.ref-account-page .ref-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 1.25rem;
  margin: 0 0 2.25rem;
}
.ref-account-page .ref-progress-copy { display: flex; align-items: center; gap: .75rem; color: rgba(71,85,105,.7); font-family: Inter,"Plus Jakarta Sans",sans-serif; font-size: 10px; font-weight: 700; text-transform: none; }
.ref-account-page[dir="rtl"] .ref-progress-copy { font-family: Alexandria,Inter,sans-serif; }
.ref-account-page .ref-progress-copy strong { color: var(--color-primary); font: 700 22px/1 "Plus Jakarta Sans",Inter,Alexandria,sans-serif; letter-spacing: -.02em; }
.ref-account-page .ref-progress-copy span:nth-child(2) { color: rgba(71,85,105,.35); font-family: "Plus Jakarta Sans",Inter,Alexandria,sans-serif; font-size: 14px; font-weight: 500; }
.ref-account-page .ref-progress-copy span:nth-child(3) { font: 600 12px/1 "Plus Jakarta Sans",Inter,Alexandria,sans-serif; }
.ref-account-page .ref-progress-copy span:last-child { margin-inline-start: .5rem; font-family: inherit; letter-spacing: .22em; text-transform: uppercase; }
.ref-account-page[dir="rtl"] .ref-progress-copy span:last-child { letter-spacing: 0; }
.ref-account-page .ref-progress-bars { display: flex; gap: .375rem; }
.ref-account-page .ref-progress-bars i { width: 1.25rem; height: .375rem; border-radius: 999px; background: rgba(15,23,42,.1); }
.ref-account-page .ref-progress-bars i.active { width: 2.5rem; background: linear-gradient(90deg,var(--color-primary),var(--color-accent-gold)); }

.ref-account-page .ref-account-heading { width: 36rem; max-width: 100%; margin: 0 0 2.5rem; }
.ref-account-page[dir="rtl"] .ref-account-heading { margin-right: 0; margin-left: auto; }
.ref-account-page .ref-account-begin {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  margin-bottom: 1rem;
  height: 1.859375rem;
  padding: .375rem .75rem;
  border: 1px solid rgba(203,160,82,.3);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  color: var(--color-accent-gold);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.ref-account-page[dir="rtl"] .ref-account-begin { letter-spacing: 0; }
.ref-account-page .ref-begin-icon { width: 12px; height: 12px; flex: 0 0 12px; }
.ref-account-page .ref-account-heading h1 {
  width: 100%;
  max-width: none;
  margin: 0 0 .75rem;
  color: var(--color-primary);
  font: 700 48px/1.04 Inter,"Plus Jakarta Sans",Alexandria,sans-serif;
  letter-spacing: -.025em;
}
.ref-account-page[dir="rtl"] .ref-account-heading h1 { font-family: Alexandria,sans-serif; letter-spacing: 0; }
.ref-account-page[dir="rtl"] .ref-account-heading h1 { font-size-adjust: .48; }
.ref-account-page .ref-account-heading p { max-width: 52ch; margin: 0; color: #64748b; font-size: 15.5px; line-height: 1.7; }

.ref-account-page .ref-account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; width: 100%; }
.ref-account-page .ref-account-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 356.4375px;
  overflow: hidden;
  padding: 1.5rem;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 28px;
  background: rgba(255,255,255,.62);
  box-shadow: 0 12px 40px -12px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
  color: var(--color-text);
  text-align: start;
  transition: transform 300ms cubic-bezier(.16,1,.3,1),box-shadow 300ms ease,border-color 300ms ease;
}
.ref-account-page[dir="rtl"] .ref-account-card { min-height: 375.5px; }
.ref-account-page .ref-account-card:hover { transform: scale(1.012); box-shadow: 0 18px 42px -22px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.85); }
.ref-account-page .ref-account-card.selected {
  z-index: 1;
  border-color: rgba(255,255,255,.7);
  background: radial-gradient(circle at 0 100%,rgba(96,134,224,.16),transparent 42%),rgba(255,255,255,.78);
  box-shadow: 0 18px 50px -16px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 2px rgba(203,160,82,.12);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  transform: scale(1.01);
}
.ref-account-page .ref-account-card.gold { background: radial-gradient(circle at 0 100%,rgba(203,160,82,.1),transparent 42%),rgba(255,255,255,.62); }
.ref-account-page .ref-account-card:active { transform: scale(.97); }
.ref-account-page .ref-account-card:focus-visible { outline: 3px solid rgba(0,51,160,.35); outline-offset: 3px; }
.ref-account-page .ref-account-card::after { content: none; }
.ref-account-page .ref-account-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.ref-account-page .ref-account-art::before,
.ref-account-page .ref-account-art::after { content: ""; position: absolute; border-radius: 50%; }
.ref-account-page .ref-account-art::before { top: -8rem; right: -6rem; width: 16.25rem; height: 16.25rem; border: 1px solid rgba(0,51,160,.2); }
.ref-account-page .ref-account-art::after { top: -5rem; right: -3.5rem; width: 11.25rem; height: 11.25rem; border: 1px solid rgba(0,51,160,.1); }
.ref-account-page .gold .ref-account-art::before { border-color: rgba(203,160,82,.25); }
.ref-account-page .gold .ref-account-art::after { border-color: rgba(203,160,82,.15); }
.ref-account-page .ref-account-number { position: absolute; z-index: 1; top: .75rem; right: 1.25rem; color: rgba(15,23,42,.05); font: 700 104px/1 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing: 0; pointer-events: none; }
.ref-account-page[dir="rtl"] .ref-account-number { right: auto; left: 1.25rem; }
.ref-account-page .selected .ref-account-number { color: rgba(203,160,82,.2); }
.ref-account-page .ref-account-icon {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  background: linear-gradient(145deg,var(--color-primary),var(--color-primary-deep));
  color: #fff;
  box-shadow: 0 10px 25px rgba(0,51,160,.27);
  transition: transform 300ms cubic-bezier(.16,1,.3,1);
}
.ref-account-page .gold .ref-account-icon { background: linear-gradient(145deg,var(--color-accent-gold),#dfb760); box-shadow: 0 10px 25px rgba(203,160,82,.26); }
.ref-account-page .ref-account-card:hover .ref-account-icon { transform: scale(1.05); }
.ref-account-page .selected .ref-account-icon { transform: scale(1.05); }
.ref-account-page .ref-account-main-icon { width: 1.5rem; height: 1.5rem; }
.ref-account-page .ref-account-icon > i { position: absolute; right: -.25rem; bottom: -.25rem; width: .75rem; height: .75rem; border: 1px solid rgba(203,160,82,.4); border-radius: 50%; background: #fff; }
.ref-account-page .ref-account-kicker { position: relative; z-index: 2; margin: 0 0 .5rem; color: var(--color-primary); font-size: 10.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.ref-account-page[dir="rtl"] .ref-account-kicker { letter-spacing: 0; }
.ref-account-page .gold .ref-account-kicker { color: #c49b4f; }
.ref-account-page .ref-account-card h2 { position: relative; z-index: 2; margin: 0 0 .625rem; color: var(--color-text); font: 700 28px/1.1 "Plus Jakarta Sans",Inter,sans-serif; letter-spacing: -.02em; }
.ref-account-page[dir="rtl"] .ref-account-card h2 { font-family: Alexandria,sans-serif; letter-spacing: 0; }
.ref-account-page[dir="rtl"] .ref-account-card h2 { font-size-adjust: .48; }
.ref-account-page .ref-account-card > p { position: relative; z-index: 2; max-width: 36ch; margin: 0 0 .75rem; color: #64748b; font-size: 14px; line-height: 1.55; }
.ref-account-page .ref-check-list { position: relative; z-index: 2; display: grid; gap: .375rem; margin: 0 0 1rem; padding: 0; color: #64748b; font-size: 13px; list-style: none; }
.ref-account-page .ref-check-list li { display: flex; align-items: flex-start; gap: .625rem; }
.ref-account-page .ref-check-list li::before { display: none; }
.ref-account-page .ref-check-list li > i { flex: 0 0 .375rem; width: .375rem; height: .375rem; margin-top: 5px; border-radius: 50%; background: var(--color-primary); }
.ref-account-page .gold .ref-check-list li > i { background: var(--color-accent-gold); }
.ref-account-page .ref-account-footer { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; margin-top: auto; padding-top: .5rem; color: var(--color-text); }
.ref-account-page .ref-account-tag { display: inline-flex; align-items: center; gap: .375rem; margin-inline: -.5rem; padding: .25rem .5rem; border-radius: 999px; color: var(--color-primary); font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.ref-account-page[dir="rtl"] .ref-account-tag { letter-spacing: 0; }
.ref-account-page .gold .ref-account-tag { color: #c49b4f; }
.ref-account-page .ref-account-tag i { width: .25rem; height: .25rem; border-radius: 50%; background: currentColor; }
.ref-account-page .selected .ref-account-tag { box-shadow: 0 0 0 0 rgba(203,160,82,0); animation: account-breathe 2.8s ease-in-out infinite; }
.ref-account-page .ref-account-cta { display: inline-flex; align-items: center; gap: .5rem; font-size: 12.5px; font-weight: 700; }
.ref-account-page .ref-account-cta > span { opacity: .8; transition: opacity 200ms ease; }
.ref-account-page .ref-account-card:hover .ref-account-cta > span { opacity: 1; }
.ref-account-page .ref-round-arrow { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; border: 1px solid rgba(15,23,42,.12); border-radius: 50%; background: #fff; color: #64748b; font-size: 13px; transition: transform 200ms ease,background-color 200ms ease,color 200ms ease,border-color 200ms ease; }
.ref-account-page .ref-choice-icon { display: block; width: .875rem; height: .875rem; }
.ref-account-page .selected .ref-round-arrow { border-color: var(--color-primary); background: linear-gradient(145deg,var(--color-primary),var(--color-primary-deep)); color: #fff; box-shadow: 0 0 0 5px rgba(0,51,160,.12); transform: scale(1.1); }
.ref-account-page .ref-account-card:hover:not(.selected) .ref-round-arrow { border-color: var(--color-primary); background: var(--color-primary); color: #fff; }
.ref-account-page .ref-account-card:hover:not(.selected) .ref-choice-icon { filter: brightness(0) invert(1); }
.ref-account-page .gold:hover .ref-round-arrow { border-color: var(--color-accent-gold); background: var(--color-accent-gold); }
.ref-account-page-footer { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-top: 2.25rem; color: rgba(100,116,139,.55); font: 700 11px/1.5 Inter,sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.ref-account-page-footer i { width: .25rem; height: .25rem; border-radius: 50%; background: rgba(203,160,82,.7); }
@keyframes account-breathe { 50% { box-shadow: 0 0 0 4px rgba(203,160,82,.18); } }

@media (max-width: 800px) {
  html.account-type-route[dir="rtl"] { font-size: 100%; }
  body[data-public-route="account-type"]::before,
  body[data-public-route="account-type"]::after { width: 90vw; height: 90vw; filter: blur(80px); opacity: .45; }
  .ref-public.ref-account-page .ref-lang { top: 1rem; right: 1rem; }
  .ref-public.ref-account-page[dir="rtl"] .ref-lang { right: auto; left: 1rem; }
  .ref-account-page .ref-header { min-height: 3.5rem !important; padding: 0 1rem !important; }
  .ref-account-page .ref-header-logo img { height: 3rem; }
  .ref-account-page .ref-header-route { padding: 1.25rem 1rem 0; }
  .ref-account-page .ref-header-route > i { display: none; }
  .ref-account-page .ref-header-route h1 { font-size: 24px; }
  .ref-account-page .ref-register-account { width: 100%; padding: .75rem 1rem 2rem; }
  .ref-account-page .ref-progress { margin-bottom: .75rem; }
  .ref-account-page .ref-account-heading { width: 100%; margin-bottom: 1rem; }
  .ref-account-page .ref-account-begin,
  .ref-account-page .ref-account-heading > p { display: none; }
  .ref-account-page .ref-account-heading h1 { margin-bottom: .5rem; font-size: 22px; line-height: 1.1; }
  .ref-account-page .ref-account-grid { grid-template-columns: 1fr; gap: .75rem; }
  .ref-account-page .ref-account-card,
  .ref-account-page[dir="rtl"] .ref-account-card { min-height: 0; padding: 1rem; border-radius: 24px; }
  .ref-account-page .ref-account-icon { width: 2.5rem; height: 2.5rem; margin-bottom: .5rem; }
  .ref-account-page .ref-account-main-icon { width: 1.5rem; height: 1.5rem; }
  .ref-account-page .ref-account-card h2 { margin-bottom: .375rem; font-size: 20px; }
  .ref-account-page .ref-account-card > p { margin-bottom: .75rem; font-size: 13px; }
  .ref-account-page .ref-check-list { margin-bottom: 1rem; }
  .ref-account-page-footer { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ref-account-page .ref-account-card,
  .ref-account-page .ref-account-icon,
  .ref-account-page .ref-account-tag { animation: none; transition: none; }
}

/* Public routes use the same quiet official-color wash and exact login scale. */
.ref-public::before { display: none; }
.ref-grid-bg {
  background: radial-gradient(circle at 7% 10%, rgba(56,103,203,.30), transparent 32%), radial-gradient(circle at 94% 88%, rgba(239,174,133,.27), transparent 30%), linear-gradient(113deg,#f6f8ff 0%,#fbfcff 48%,#fffaf7 100%);
}

.ref-public .ref-lang {
  top: 16px;
  right: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(10px);
  color: var(--color-text);
}

.ref-public[dir="rtl"] .ref-lang { right: auto; left: 40px; }
.ref-public .ref-lang .ref-lang-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  object-fit: contain;
}
.ref-public .ref-lang i { color: var(--color-accent-gold); font-size: 14px; }
.ref-public .ref-lang span { font-size: 12px; font-weight: 700; }
.ref-public .ref-lang small { color: rgba(71,85,105,.65); font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .18em !important; }

.ref-login > div { width: min(618px, 100%); }
.ref-brand { margin-bottom: 40px; }
.ref-brand img { height: 112px; margin-bottom: 20px; }
.ref-brand h1 { font-size: 36px; letter-spacing: -.035em; }
.ref-brand p { max-width: 520px; margin-top: 10px; font-size: 16px; }
.ref-login-card { width: 100%; padding: 36px; border-radius: 12px; background: rgba(255,255,255,.9); box-shadow: 0 20px 55px -28px rgba(15,23,42,.32); }
.ref-form { gap: 20px; }
.ref-form #authState:empty { display: none; }
.ref-field > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--color-text-muted); font-size: 12px; font-weight: 700; }
.ref-field input,
.ref-field textarea,
.ref-field select { min-height: 52px; border-color: var(--color-border); border-radius: 8px; }
.ref-login .ref-field input { min-height: 76px; font-size: 31px; font-weight: 700; letter-spacing: .04em; }
.ref-primary { min-height: 56px; border-radius: 8px; background: var(--color-primary); box-shadow: 0 8px 20px rgba(0,51,160,.18); }
.ref-login .ref-primary { min-height: 64px; box-shadow: 0 8px 0 rgba(0,51,160,.12), 0 16px 28px -14px rgba(0,51,160,.65); }
.ref-primary:hover:not(:disabled) { background: var(--color-primary-deep); }
.ref-form-note { padding-top: 16px; border-top: 1px solid var(--color-border); }

/* Desktop Mobile ID approval state, matched to the React login flow. */
.ref-login-verification {
  display: grid;
  justify-items: center;
  gap: 24px;
  padding: 24px 0;
  text-align: center;
  animation: ref-login-state-in 240ms cubic-bezier(.16,1,.3,1) both;
}
.ref-login-verification-stage {
  position: relative;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
}
.ref-login-verification-disc {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(17,94,232,.1);
  border-radius: 16px;
  background: rgba(17,94,232,.05);
  color: var(--color-primary);
}
.ref-login-ping {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(17,94,232,.3);
  border-radius: 50%;
  animation: ref-login-ping 1.35s cubic-bezier(0,0,.2,1) infinite;
}
.ref-login-ping.ping-two { width: 96px; height: 96px; border-color: rgba(17,94,232,.2); animation-delay: .4s; }
.ref-login-spinner { width: 32px; height: 32px; border: 3px solid rgba(17,94,232,.2); border-top-color: var(--color-primary); border-radius: 50%; animation: ref-login-spin .8s linear infinite; }
.ref-login-verification-copy { display: grid; gap: 8px; }
.ref-login-verification-copy h2 { margin: 0; color: var(--color-text); font-size: 17px; font-weight: 800; }
.ref-login-verification-copy p { max-width: 34ch; margin: 0 auto; color: var(--color-text-muted); font-size: 12.5px; line-height: 1.55; }
.ref-login-elapsed { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 999px; background: rgba(15,23,42,.05); color: var(--color-text-muted); font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; }
.ref-login-elapsed b { font: inherit; font-variant-numeric: tabular-nums; }
.ref-login-retry { margin-top: 8px; border: 0; background: transparent; color: var(--color-primary); font-size: 12px; font-weight: 800; transition: color 180ms ease; }
.ref-login-retry:hover { color: var(--color-accent-gold); }
.ref-login-verification.verified { gap: 16px; }
.ref-login-verification.verified .ref-login-verification-disc { border-color: #10b981; border-radius: 50%; background: rgba(16,185,129,.1); color: #059669; }
.ref-login-verification.verified .ref-login-verification-disc i { font-size: 36px; }
.ref-login-verification.verified h2 { color: #059669; }
@keyframes ref-login-spin { to { transform: rotate(360deg); } }
@keyframes ref-login-ping { 75%,100% { transform: scale(1.35); opacity: 0; } }
@keyframes ref-login-state-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

/* Mobile authentication in the React app defaults to biometrics. */
.ref-mobile-auth { display: none; text-align: center; }
.ref-desktop-auth > .ref-auth-tabs { display: none; }
.ref-auth-tabs,
.ref-biometric-tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--color-border); border-radius: 8px; background: rgba(241,245,249,.8); }
.ref-auth-tabs { margin-bottom: 20px; }
.ref-biometric-tabs { width: min(280px,100%); margin: 0 auto 22px; padding: 2px; }
.ref-auth-tabs button,
.ref-biometric-tabs button { flex: 1; border: 0; border-radius: 6px; background: transparent; color: var(--color-text-muted); padding: 9px 8px; font-size: 11px; font-weight: 700; }
.ref-auth-tabs button.active,
.ref-biometric-tabs button.active { background: white; color: var(--color-primary); box-shadow: 0 1px 4px rgba(15,23,42,.1); }
.ref-biometric-target { position: relative; display: grid; place-items: center; width: 118px; height: 118px; margin: 6px auto 18px; border: 1px solid var(--color-border); border-radius: 50%; background: white; color: var(--color-primary); font-size: 48px; box-shadow: 0 8px 30px rgba(15,23,42,.05); overflow: hidden; }
.ref-biometric-target i { position: relative; z-index: 1; font-size: 48px; line-height: 1; }
.ref-biometric-target.scanning { color: var(--color-accent-gold); border-color: rgba(203,160,82,.5); }
.ref-biometric-target.success { color: #059669; border-color: #86efac; background: #ecfdf5; }
.ref-biometric-target.scanning::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 3px; background: linear-gradient(90deg,transparent,var(--color-accent-gold),transparent); animation: parity-scan 1.5s linear infinite; }
.ref-biometric-copy { min-height: 44px; margin: 0; color: var(--color-text-muted); font-size: 13px; line-height: 1.55; }
.ref-biometric-continue { width: 100%; min-height: 48px; margin-top: 17px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-canvas); color: var(--color-text); font-size: 12px; font-weight: 700; }
@keyframes parity-scan { from { transform: translateY(0); opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } to { transform: translateY(114px); opacity: 0; } }

@media (max-width: 800px) {
  html[dir="rtl"] { font-size: 100%; }
  .ref-public .ref-lang { top: 16px; right: 20px; }
  .ref-public[dir="rtl"] .ref-lang { right: auto; left: 20px; }
  .ref-login { padding: 76px 18px 30px; }
  .ref-login > div { width: min(520px,100%); }
  .ref-brand { margin-bottom: 24px; }
  .ref-brand img { height: 78px; margin-bottom: 15px; }
  .ref-brand h1 { font-size: 28px; }
  .ref-brand p { font-size: 14px; }
  .ref-login-card { padding: 22px 18px; }
  .ref-mobile-auth { display: block; }
  .ref-desktop-auth { display: none; }
  .ref-login-card.show-civil .ref-mobile-auth { display: none; }
  .ref-login-card.show-civil .ref-desktop-auth { display: grid; }
  .ref-login-card.show-civil .ref-desktop-auth > .ref-auth-tabs { display: flex; }
  .dc-greeting h1 { font-size: 28px; }
  .dc-hero { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}


/* source: css/welcome.css */
html:has(body[data-app-page="welcome"]),
body[data-app-page="welcome"],
body[data-app-page="welcome"] #site {
  height: 100%;
}

body[data-app-page="welcome"] {
  overflow: hidden;
}

body[data-app-page="welcome"] .onboarding-page {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
}

body[data-app-page="welcome"] .onboarding-language {
  position: fixed;
  z-index: 150;
  top: 16px;
  right: 16px;
  min-height: 36px;
  gap: 8px;
  padding: 8px 12px;
  border-color: var(--color-border);
  border-radius: 4px;
  background: rgba(255, 255, 255, .8);
  box-shadow: none;
  backdrop-filter: blur(8px);
}

html[dir="rtl"] body[data-app-page="welcome"] .onboarding-language {
  right: auto;
  left: 16px;
}

body[data-app-page="welcome"] .onboarding-language img {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  object-fit: contain;
}

body[data-app-page="welcome"] .onboarding-language b {
  font-size: 12px;
  line-height: 18px;
}

body[data-app-page="welcome"] .onboarding-language small {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: .18em;
}

body[data-app-page="welcome"] .onboarding-grid {
  display: flex;
  height: 100svh;
  min-height: 0;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

body[data-app-page="welcome"] .onboarding-brand {
  min-height: 0;
  flex: 0 0 auto;
  justify-content: flex-start;
  gap: 0;
  padding: 16px 24px 4px;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

body[data-app-page="welcome"] .onboarding-orb,
body[data-app-page="welcome"] .onboarding-hero,
body[data-app-page="welcome"] .onboarding-brand footer {
  display: none;
}

body[data-app-page="welcome"] .onboarding-brand-lockup {
  width: 100%;
  align-items: flex-start;
  gap: 16px;
  margin: 0 0 8px;
  text-align: start;
}

body[data-app-page="welcome"] .onboarding-brand-lockup img {
  width: auto;
  height: 80px;
}

body[data-app-page="welcome"] .onboarding-brand-lockup strong {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

body[data-app-page="welcome"] .onboarding-content {
  min-height: 0;
  flex: 1;
  padding: 0 24px 16px;
  overflow: hidden;
}

body[data-app-page="welcome"] .onboarding-progress {
  flex: 0 0 auto;
  justify-content: flex-start;
  margin: 0 0 12px;
  gap: 10px;
}

body[data-app-page="welcome"] .onboarding-progress b {
  font-size: 26px;
}

body[data-app-page="welcome"] .onboarding-center {
  min-height: 0;
  width: min(100%, 520px);
  margin: 0 auto;
  padding: 0;
}

body[data-app-page="welcome"] .onboarding-card {
  width: 100%;
  min-height: 0;
  padding: 20px;
  border-radius: 32px;
}

body[data-app-page="welcome"] .onboarding-number {
  top: 16px;
  right: 20px;
  font-size: 80px;
}

html[dir="rtl"] body[data-app-page="welcome"] .onboarding-number {
  right: auto;
  left: 20px;
}

body[data-app-page="welcome"] .onboarding-eyebrow {
  gap: 12px;
  margin-bottom: 16px;
  font-size: 14px;
}

body[data-app-page="welcome"] .onboarding-card h2 {
  max-width: none;
  margin-bottom: 12px;
  font-size: 24px;
}

body[data-app-page="welcome"] .onboarding-card p {
  font-size: 14px;
  line-height: 1.6;
}

body[data-app-page="welcome"] .onboarding-eyebrow span img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

body[data-app-page="welcome"] .onboarding-rail {
  justify-content: center;
  margin: 16px 0;
}

body[data-app-page="welcome"] .onboarding-actions,
html[dir="rtl"] body[data-app-page="welcome"] .onboarding-actions {
  display: flex;
  grid-template-columns: none;
  align-items: stretch;
  gap: 12px;
}

body[data-app-page="welcome"] .onboarding-actions button {
  min-height: 53px;
  border-radius: 16px;
}

body[data-app-page="welcome"] .onboarding-back img,
body[data-app-page="welcome"] .onboarding-continue img {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  object-fit: contain;
}

body[data-app-page="welcome"] .tracking-route article > .welcome-tracking-icon {
  display: block;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 2px solid #dce4ef;
  border-radius: 50%;
  background: #fff;
  object-fit: contain;
}

body[data-app-page="welcome"] .tracking-route article.done > .welcome-tracking-icon {
  border-color: var(--color-success);
  background: var(--color-success);
  box-shadow: 0 0 0 7px rgba(0, 154, 68, .08);
}

body[data-app-page="welcome"] .tracking-route article.active > .welcome-tracking-icon {
  border-color: var(--color-primary);
  background: var(--color-primary);
  box-shadow: 0 0 0 8px rgba(203, 160, 82, .18), 0 0 0 14px rgba(0, 51, 160, .08);
}

body[data-app-page="welcome"] .onboarding-back,
html[dir="rtl"] body[data-app-page="welcome"] .onboarding-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  padding: 0;
  flex: 0 0 56px;
  grid-column: auto;
}

body[data-app-page="welcome"] .onboarding-continue,
html[dir="rtl"] body[data-app-page="welcome"] .onboarding-continue {
  min-width: 0;
  flex: 1;
  grid-column: auto;
  grid-row: auto;
}

body[data-app-page="welcome"] .onboarding-skip,
html[dir="rtl"] body[data-app-page="welcome"] .onboarding-skip {
  display: inline-flex;
  width: auto;
  flex: 0 0 auto;
  grid-column: auto;
  grid-row: auto;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

body[data-app-page="welcome"] .onboarding-terms {
  margin: 12px 0 0;
  text-align: center;
}

body[data-app-page="welcome"] .onboarding-assistant {
  position: fixed;
  z-index: 140;
  right: 20px;
  bottom: max(24px, env(safe-area-inset-bottom));
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  background: transparent;
  filter: drop-shadow(0 12px 12px rgba(17, 94, 232, .32));
}

html[dir="rtl"] body[data-app-page="welcome"] .onboarding-assistant {
  right: auto;
  left: 20px;
}

body[data-app-page="welcome"] .onboarding-assistant img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 420px) {
  body[data-app-page="welcome"] .onboarding-brand { padding-inline: 20px; }
  body[data-app-page="welcome"] .onboarding-content { padding-inline: 20px; }
  body[data-app-page="welcome"] .onboarding-brand-lockup img { height: 72px; }
  body[data-app-page="welcome"] .onboarding-brand-lockup strong { font-size: 18px; }
  body[data-app-page="welcome"] .onboarding-card { padding: 18px; }
  body[data-app-page="welcome"] .onboarding-eyebrow { font-size: 12px; }
  body[data-app-page="welcome"] .onboarding-card h2 { font-size: 23px; }
  body[data-app-page="welcome"] .onboarding-skip,
  html[dir="rtl"] body[data-app-page="welcome"] .onboarding-skip { padding-inline: 13px; }
}

@media (max-width: 1023px) {
  body[data-app-page="welcome"] .onboarding-page {
    overflow-x: hidden;
    overflow-y: auto;
  }

  body[data-app-page="welcome"] .onboarding-grid {
    height: auto;
    min-height: 100svh;
  }
}

@media (min-width: 1024px) {
  body[data-app-page="welcome"] .onboarding-language {
    top: 20px;
    right: 24px;
  }

  html[dir="rtl"] body[data-app-page="welcome"] .onboarding-language {
    right: auto;
    left: 24px;
  }

  body[data-app-page="welcome"] .onboarding-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 48px;
    padding: 40px 48px;
  }

  body[data-app-page="welcome"] .onboarding-brand {
    grid-column: span 5 / span 5;
    height: calc(100svh - 80px);
    min-height: 0;
    justify-content: flex-start;
    gap: 24px;
    padding: 40px;
    border: 0;
    border-radius: 32px;
    overflow: hidden;
    background: rgba(255, 255, 255, .61);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72), 0 18px 50px -16px rgba(23, 37, 84, .18);
  }

  body[data-app-page="welcome"] .onboarding-orb { display: block; }

  body[data-app-page="welcome"] .onboarding-brand-lockup {
    gap: 19px;
    margin: 0;
  }

  body[data-app-page="welcome"] .onboarding-brand-lockup img { height: 96px; }

  body[data-app-page="welcome"] .onboarding-brand-lockup strong {
    font-size: 22px;
    line-height: 1.25;
    transform: none;
  }

  body[data-app-page="welcome"] .onboarding-hero {
    display: block;
    max-width: 420px;
    margin-top: 0;
    transform: none;
  }

  body[data-app-page="welcome"] .onboarding-hero h1 {
    margin: 0 0 24px;
    padding-bottom: 8px;
    line-height: 1.02;
  }

  body[data-app-page="welcome"] .tracking-preview {
    height: 444px;
    min-height: 444px;
    margin-top: 24px;
    overflow: hidden;
  }

  body[data-app-page="welcome"] .tracking-v-rail > .welcome-tracking-icon {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    padding: 11px;
    border: 2px dashed #dbe3ef;
    border-radius: 50%;
    background: #fff;
    object-fit: contain;
  }

  body[data-app-page="welcome"] .tracking-v-row.done .tracking-v-rail > .welcome-tracking-icon {
    border: 0;
    background: var(--color-success);
    box-shadow: 0 0 0 7px rgba(0, 154, 68, .09);
  }

  body[data-app-page="welcome"] .tracking-v-row.active .tracking-v-rail > .welcome-tracking-icon {
    border: 0;
    background: linear-gradient(145deg, var(--color-primary), var(--color-primary-deep));
    box-shadow: 0 0 0 7px rgba(203, 160, 82, .21), 0 0 0 13px rgba(0, 51, 160, .09);
  }

  body[data-app-page="welcome"] .onboarding-brand footer {
    display: block;
  }

  body[data-app-page="welcome"] .onboarding-content {
    grid-column: span 7 / span 7;
    height: calc(100svh - 80px);
    min-height: 0;
    padding: 0 0 32px;
  }

  body[data-app-page="welcome"] .onboarding-progress {
    margin-bottom: 32px;
  }

  body[data-app-page="welcome"] .onboarding-center {
    width: 520px;
    margin: 0;
    padding: 0;
  }

  body[data-app-page="welcome"] .onboarding-card {
    padding: 40px;
    transform: none;
  }

  body[data-app-page="welcome"] .onboarding-number {
    top: 16px;
    right: 20px;
    font-size: 96px;
  }

  html[dir="rtl"] body[data-app-page="welcome"] .onboarding-number {
    right: auto;
    left: 20px;
  }

  body[data-app-page="welcome"] .onboarding-eyebrow { margin-bottom: 28px; }

  body[data-app-page="welcome"] .onboarding-card h2 {
    margin-bottom: 16px;
    font-size: 38px;
  }

  body[data-app-page="welcome"] .onboarding-card p {
    font-size: 15.5px;
    line-height: 1.7;
  }

  body[data-app-page="welcome"] .onboarding-rail {
    justify-content: flex-start;
    margin: 36px 0 32px;
  }

  body[data-app-page="welcome"] .onboarding-terms {
    margin-top: 24px;
    text-align: start;
  }

  body[data-app-page="welcome"] .onboarding-assistant {
    right: 24px;
    width: 64px;
    height: 64px;
  }

  html[dir="rtl"] body[data-app-page="welcome"] .onboarding-assistant {
    right: auto;
    left: 24px;
  }
}

@media (min-width: 1280px) {
  body[data-app-page="welcome"] .onboarding-grid { padding-inline: 80px; }
}


/* source: css/static-runtime.css */
body.sr-locked{overflow:hidden}.sr-toast{position:fixed;z-index:1000;inset-inline-start:50%;bottom:max(22px,env(safe-area-inset-bottom));translate:-50% 18px;opacity:0;background:#17243a;color:#fff;padding:11px 15px;border-radius:10px;box-shadow:0 12px 30px #0f172a3b;font:700 12px Inter,system-ui,sans-serif;transition:opacity .2s,translate .2s}.sr-toast.show{opacity:1;translate:-50% 0}.sr-overlay{position:fixed;z-index:900;inset:0;display:grid;align-items:end;pointer-events:none}.sr-overlay.is-open{pointer-events:auto}.sr-scrim{position:absolute;inset:0;background:#0f172a73;backdrop-filter:blur(3px);animation:sr-fade .18s ease-out}.sr-sheet{position:relative;box-sizing:border-box;width:min(640px,100%);max-height:min(88dvh,800px);overflow:auto;margin-inline:auto;background:var(--color-surface);border-radius:18px 18px 0 0;box-shadow:0 -18px 50px #0f172a2e;padding:22px;animation:sr-up .24s cubic-bezier(.22,.9,.25,1);color:var(--color-text);font-family:Inter,Alexandria,system-ui,sans-serif}.sr-sheet:focus{outline:none}.sr-sheet-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:13px}.sr-sheet-head h2,.sr-dialog-copy h2{font:800 20px/1.3 'Plus Jakarta Sans',Inter,Alexandria,sans-serif;margin:3px 0 0}.sr-kicker{color:var(--color-primary);font-size:10px;font-weight:800;letter-spacing:.1em}.sr-close{width:35px;height:35px;border:0;border-radius:9px;background:#f3f6fa;color:var(--color-text-muted);font-size:15px}.sr-mark-all{width:100%;border:0;background:#f3f7ff;color:var(--color-primary);border-radius:8px;padding:10px;text-align:start;font:800 12px Inter,Alexandria,sans-serif}.sr-mark-all b{float:inline-end;background:var(--color-primary);color:#fff;border-radius:99px;padding:1px 6px}.sr-notifications{display:grid;margin-top:10px}.sr-notification{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:14px 4px;text-align:start;color:var(--color-text);font:600 13px/1.5 Inter,Alexandria,sans-serif}.sr-notification>i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eef5ff;color:var(--color-primary)}.sr-notification small{font-size:10px;color:var(--color-text-muted)}.sr-notification.unread{background:#f8fbff}.sr-notification.unread span{font-weight:800}.sr-dialog-copy{text-align:center;padding:10px 8px 22px}.sr-dialog-copy p{margin:9px 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.65}.sr-dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#eaf3ff;color:var(--color-primary);font-size:22px}.sr-dialog-icon.danger{background:#fff0f0;color:var(--color-danger)}.sr-dialog-actions,.sr-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sr-primary,.sr-secondary,.sr-share-actions button{border:0;border-radius:9px;padding:12px;font:800 13px Inter,Alexandria,sans-serif}.sr-primary{background:var(--color-primary);color:#fff}.sr-primary.danger{background:var(--color-danger)}.sr-secondary{background:#eef2f7;color:#46556c}.sr-share{text-align:center;padding:12px 4px}.sr-share>strong{display:block;font:800 20px 'Plus Jakarta Sans',Inter,sans-serif;margin-top:13px}.sr-share p{margin:7px auto 17px;color:var(--color-text-muted);font-size:13px}.sr-qr{width:160px;height:160px;margin:auto;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#142a4c 0 5px,#fff 5px 10px);border:10px solid #fff;outline:1px solid var(--color-border);box-shadow:inset 0 0 0 24px #fff}.sr-qr span{background:#fff;color:#142a4c;padding:7px;font:800 12px monospace}.sr-share-actions button{display:flex;justify-content:center;align-items:center;gap:7px;background:#f0f6ff;color:var(--color-primary)}.sr-assistant{position:fixed;z-index:700;inset-inline-end:20px;bottom:max(18px,env(safe-area-inset-bottom));font-family:Inter,Alexandria,system-ui,sans-serif}.sr-assistant-fab{width:59px;height:59px;padding:4px;border:0;border-radius:50%;background:#fff;box-shadow:0 13px 30px #115ee850;overflow:hidden;transition:transform .2s}.sr-assistant-fab:hover{transform:scale(1.06)}.sr-assistant-fab img{width:100%;height:100%;object-fit:contain}.sr-assistant-panel{position:absolute;inset-inline-end:0;bottom:71px;width:min(365px,calc(100vw - 32px));display:none;background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 58px #0f172a32}.sr-assistant-panel.open{display:block;animation:sr-up .2s ease-out}.sr-assistant-panel header{display:flex;justify-content:space-between;align-items:start;padding:16px;background:#f4f8ff}.sr-assistant-panel header small,.sr-assistant-panel header b{display:block}.sr-assistant-panel header small{color:var(--color-primary);font-size:9px;font-weight:800;letter-spacing:.08em}.sr-assistant-panel header b{margin-top:4px;font-size:15px}.sr-assistant-panel header button{border:0;background:transparent;color:#59677c}.sr-chat-log{display:grid;gap:10px;min-height:152px;max-height:240px;overflow:auto;padding:14px}.sr-chat-log p{max-width:84%;margin:0;padding:10px;border-radius:9px;font-size:12px;line-height:1.55}.sr-chat-log .bot{background:#edf4ff;color:#324e78;justify-self:start}.sr-chat-log .user{background:var(--color-primary);color:#fff;justify-self:end}.sr-suggestions{display:flex;gap:7px;padding:0 14px 12px;overflow:auto}.sr-suggestions button{flex:none;border:1px solid #d7e5fa;border-radius:99px;background:#fff;color:var(--color-primary);padding:7px 9px;font-size:11px;font-weight:700}.sr-chat-form{display:flex;gap:7px;border-top:1px solid var(--color-border);padding:10px}.sr-chat-form input{min-width:0;flex:1;border:0;outline:0;font:13px Inter,Alexandria,sans-serif}.sr-chat-form button{width:34px;border:0;border-radius:8px;background:var(--color-primary);color:#fff}.sr-role-switcher{position:fixed;z-index:600;inset-inline-start:20px;bottom:max(18px,env(safe-area-inset-bottom));font-family:Inter,Alexandria,sans-serif}.sr-role-trigger{border:0;border-radius:10px;background:#17243a;color:#fff;padding:10px 12px;box-shadow:0 10px 24px #0f172a32;font-size:12px;font-weight:800}.sr-role-trigger i{margin-inline-end:6px}.sr-role-panel{position:absolute;bottom:47px;inset-inline-start:0;width:230px;display:none;padding:13px;background:#17243a;color:#fff;border-radius:12px;box-shadow:0 16px 36px #0f172a3c}.sr-role-switcher.open .sr-role-panel{display:grid;gap:8px}.sr-role-panel>b{font-size:10px;letter-spacing:.08em;color:#a9c7ff}.sr-role-panel>div{display:flex;gap:5px;flex-wrap:wrap}.sr-role-panel button{border:1px solid #ffffff2b;background:#ffffff13;color:#fff;border-radius:6px;padding:7px 8px;font-size:10px;font-weight:700}@keyframes sr-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes sr-fade{from{opacity:0}to{opacity:1}}[dir=rtl] .sr-toast{font-family:Alexandria,Inter,sans-serif}[dir=rtl] .sr-assistant{inset-inline-start:20px;inset-inline-end:auto}@media(min-width:760px){.sr-overlay{align-items:center}.sr-sheet{border-radius:16px;max-width:560px;max-height:80vh;box-shadow:0 22px 64px #0f172a3d}}@media(max-width:640px){.sr-assistant{bottom:max(80px,calc(env(safe-area-inset-bottom) + 65px))}.sr-role-switcher{display:none}.sr-sheet{padding:19px}.sr-assistant-panel{position:fixed;bottom:0;inset-inline:0;width:auto;border-radius:16px 16px 0 0}.sr-chat-log{max-height:32dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* source: css/smart-assistant.css */
/* Shared launcher parity with index.html?lang=ar. */
button.smart-assistant-launcher {
  width: 102px !important;
  height: 102px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform 700ms cubic-bezier(0, 0, .2, 1), opacity 700ms cubic-bezier(0, 0, .2, 1) !important;
}

button.smart-assistant-launcher:hover {
  transform: scale(1.3) !important;
}

button.smart-assistant-launcher:active {
  transform: scale(.95) !important;
}

button.smart-assistant-launcher > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  filter: none !important;
}

.sr-assistant {
  right: 20px !important;
  left: auto !important;
  bottom: 25.5px !important;
}

.user-assistant-fab.smart-assistant-launcher,
.verify-assistant-fab.smart-assistant-launcher,
.corp-assistant-fab.smart-assistant-launcher,
.assistant.smart-assistant-launcher,
#app-assistant .smart-assistant-launcher {
  right: 20px !important;
  left: auto !important;
  bottom: 25.5px !important;
}

html[dir="rtl"] .sr-assistant {
  right: auto !important;
  left: 20px !important;
}

html[dir="rtl"] .user-assistant-fab.smart-assistant-launcher,
html[dir="rtl"] .verify-assistant-fab.smart-assistant-launcher,
html[dir="rtl"] .corp-assistant-fab.smart-assistant-launcher,
html[dir="rtl"] .assistant.smart-assistant-launcher,
html[dir="rtl"] #app-assistant .smart-assistant-launcher {
  right: auto !important;
  left: 20px !important;
}

@media (max-width: 720px) {
  button.smart-assistant-launcher {
    width: 80px !important;
    height: 80px !important;
  }

  .sr-assistant {
    right: 12px !important;
    left: auto !important;
    bottom: 112px !important;
  }

  .user-assistant-fab.smart-assistant-launcher,
  .verify-assistant-fab.smart-assistant-launcher,
  .corp-assistant-fab.smart-assistant-launcher,
  .assistant.smart-assistant-launcher,
  #app-assistant .smart-assistant-launcher {
    right: 12px !important;
    left: auto !important;
    bottom: 112px !important;
  }

  html[dir="rtl"] .sr-assistant,
  html[dir="rtl"] .user-assistant-fab.smart-assistant-launcher,
  html[dir="rtl"] .verify-assistant-fab.smart-assistant-launcher,
  html[dir="rtl"] .corp-assistant-fab.smart-assistant-launcher,
  html[dir="rtl"] .assistant.smart-assistant-launcher,
  html[dir="rtl"] #app-assistant .smart-assistant-launcher {
    right: auto !important;
    left: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  button.smart-assistant-launcher {
    transition-duration: .01ms !important;
  }
}


/* source: css/runtime-utilities.css */
/* Small utilities shared by static pages. */
.icon-sprite {
  display: none !important;
}

.animation-ping-slow {
  animation-duration: 1.5s;
}


/* source: css/sidebar-navigation.css */
/*
 * Shared authenticated side-navigation geometry.
 *
 * The static site has three shell implementations (.rp-aside,
 * .index-desktop-nav, and .desktop-nav). Keep every visual measurement here so
 * English and Arabic pages cannot drift as the individual pages evolve.
 */
:root {
  --sidenav-expanded-width: 272px;
  --sidenav-compact-width: 80px;
  --sidenav-padding-block-start: 25.5px;
  --sidenav-padding-inline: 8.5px;
  --sidenav-row-height: 55.25px;
  --sidenav-row-gap: 2.125px;
  --sidenav-row-padding-block: 2.125px;
  --sidenav-row-padding-inline: 8.5px;
  --sidenav-icon-size: 31px;
  --sidenav-icon-gutter: 10px;
  --sidenav-label-size: 14px;
  --sidenav-label-line-height: 22.75px;
  --sidenav-label-weight: 600;
  --sidenav-label-active-weight: 800;
  --sidenav-section-size: 10px;
  --sidenav-section-line-height: 14px;
  --sidenav-signout-size: 13px;
}

html[dir="ltr"] :is(.rp-aside, .index-desktop-nav, .desktop-nav) {
  font-family: Inter, Arial, sans-serif;
}

html[dir="rtl"] :is(.rp-aside, .index-desktop-nav, .desktop-nav) {
  font-family: Alexandria, Arial, sans-serif;
  text-align: right;
}

:is(.rp-aside, .index-desktop-nav, .desktop-nav) {
  background-color: #fff;
  border-inline-end: 1px solid var(--color-border);
  font-size: var(--sidenav-label-size);
  font-size-adjust: none;
  line-height: var(--sidenav-label-line-height);
  font-weight: 400;
  letter-spacing: normal;
}

:is(.rp-aside .rp-nav a, [data-nav-item], .desktop-nav .nav-link) {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--sidenav-label-size);
  font-size-adjust: none;
  line-height: var(--sidenav-label-line-height);
  font-weight: var(--sidenav-label-weight);
  letter-spacing: normal;
  text-decoration: none;
}

:is(
  .rp-aside .rp-nav a > span,
  [data-nav-item] > span,
  .desktop-nav .nav-link > span
) {
  font-family: inherit;
  font-size: var(--sidenav-label-size);
  font-size-adjust: none;
  line-height: var(--sidenav-label-line-height);
  font-weight: var(--sidenav-label-weight);
  letter-spacing: normal;
}

:is(.rp-aside .rp-nav a, [data-nav-item], .desktop-nav .nav-link):hover {
  background: #f4f7ff;
  color: var(--color-text);
}

:is(
  .rp-aside .rp-nav a.active,
  [data-nav-item][aria-current="page"],
  .desktop-nav .nav-link.active
) {
  background: linear-gradient(90deg, #eef3ff 0%, #f9fbff 100%);
  color: var(--color-text);
}

:is(.rp-aside .rp-nav a.active, .desktop-nav .nav-link.active)::before {
  content: "";
  position: absolute;
  inset-block: 9px;
  inset-inline-start: 1px;
  width: 3px;
  border-radius: 999px;
  background: var(--color-primary);
}

:is(
  .rp-aside .rp-nav a.active > span,
  [data-nav-item][aria-current="page"] > span,
  .desktop-nav .nav-link.active > span
) {
  font-weight: var(--sidenav-label-active-weight);
}

:is(.rp-account, [data-nav-section], .desktop-nav .account-label) {
  box-sizing: border-box;
  color: rgba(71, 85, 105, .7);
  font-size: var(--sidenav-section-size);
  line-height: var(--sidenav-section-line-height);
  font-weight: 700;
}

html[dir="ltr"] :is(.rp-account, [data-nav-section], .desktop-nav .account-label) {
  letter-spacing: .18em;
  text-transform: uppercase;
}

html[dir="rtl"] :is(.rp-account, [data-nav-section], .desktop-nav .account-label) {
  letter-spacing: 0;
  text-transform: none;
}

:is(.rp-logout, [data-nav-signout], .desktop-nav .signout) {
  box-sizing: border-box;
  font-family: inherit;
  font-size: var(--sidenav-signout-size);
  line-height: 20px;
  font-weight: 700;
  letter-spacing: normal;
  border: 1px solid rgba(200, 16, 46, .4);
  background: rgba(200, 16, 46, .08);
  color: var(--color-danger);
  transition: background-color .2s, border-color .2s, color .2s;
}

:is(.rp-logout, [data-nav-signout], .desktop-nav .signout):hover {
  border-color: var(--color-danger);
  background: var(--color-danger);
  color: #fff;
}

:is(.rp-logout-icon, [data-nav-signout] > svg, .desktop-nav .signout > i) {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 16px;
}

@media (min-width: 1280px) {
  :is(.rp-aside, .index-desktop-nav, .desktop-nav) {
    width: var(--sidenav-expanded-width) !important;
  }

  .rp-aside {
    padding: var(--sidenav-padding-block-start) var(--sidenav-padding-inline) 12px !important;
  }

  :is(.rp-aside .rp-nav, [data-nav-list], .desktop-nav .nav-list) {
    display: flex !important;
    min-height: 0 !important;
    flex: 1 !important;
    flex-direction: column !important;
    gap: var(--sidenav-row-gap) !important;
    padding-inline: var(--sidenav-padding-inline) !important;
  }

  .rp-aside .rp-nav {
    padding-inline: 0 !important;
  }

  :is(.rp-aside .rp-nav a, [data-nav-item], .desktop-nav .nav-link) {
    min-height: var(--sidenav-row-height) !important;
    flex: 0 0 var(--sidenav-row-height) !important;
    justify-content: flex-start !important;
    gap: 8.5px !important;
    padding: var(--sidenav-row-padding-block) var(--sidenav-row-padding-inline) !important;
    border-radius: 10px !important;
  }

  :is(.rp-aside .rp-nav a > img, .desktop-nav .nav-link > img) {
    width: var(--sidenav-icon-size) !important;
    height: var(--sidenav-icon-size) !important;
    margin-inline: var(--sidenav-icon-gutter) !important;
    object-fit: contain;
  }

  [data-nav-item] > div {
    width: calc(var(--sidenav-icon-size) + (2 * var(--sidenav-icon-gutter)));
    height: 48px;
  }

  [data-nav-item] > div > img {
    width: var(--sidenav-icon-size);
    height: var(--sidenav-icon-size);
    object-fit: contain;
  }

  :is(
    .rp-aside .rp-nav a > span,
    [data-nav-item] > span,
    .desktop-nav .nav-link > span
  ) {
    display: block;
    font: inherit;
    letter-spacing: normal;
    white-space: nowrap;
  }

  :is(.rp-account, [data-nav-section], .desktop-nav .account-label) {
    display: flex !important;
    align-items: center !important;
    min-height: 33.25px !important;
    flex: 0 0 33.25px !important;
    gap: 8.5px !important;
    margin: 0 !important;
    padding: 12.75px 8.5px 4.25px !important;
    background: none;
  }

  :is(.rp-account, [data-nav-section], .desktop-nav .account-label)::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--color-border);
  }

  :is(.rp-account > span, [data-nav-section] > span, .desktop-nav .account-label > span) {
    display: block;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    white-space: nowrap;
  }

  .desktop-nav .nav-spacer,
  .index-desktop-nav > .pt-6 {
    height: var(--sidenav-padding-block-start) !important;
    flex: 0 0 var(--sidenav-padding-block-start) !important;
    padding: 0 !important;
  }

  :is(.rp-logout, [data-nav-signout], .desktop-nav .signout) {
    height: 40px !important;
    min-height: 40px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
  }

  .desktop-nav .signout-wrap,
  .index-desktop-nav > div:last-child {
    padding: 8px var(--sidenav-padding-inline) 12px !important;
  }

  :is(.rp-logout > span, [data-nav-signout] > span, .desktop-nav .signout > span) {
    display: block;
    font: inherit;
    letter-spacing: normal;
    white-space: nowrap;
  }

  body[data-app-page] .rp-shell > .rp-content {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: var(--sidenav-expanded-width);
  }
}

.rp-aside::after,
:is(.rp-aside-art, .desktop-nav .nav-art) {
  opacity: .4;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  :is(.rp-aside, .index-desktop-nav, .desktop-nav) {
    width: var(--sidenav-compact-width) !important;
    padding-inline: 14px !important;
  }

  :is(.rp-aside .rp-nav, [data-nav-list], .desktop-nav .nav-list) {
    gap: var(--sidenav-row-gap) !important;
    padding-inline: 0 !important;
  }

  html body[data-app-page] .rp-aside {
    padding-block: var(--sidenav-padding-block-start) 12px !important;
  }

  :is(.rp-aside .rp-nav a, [data-nav-item], .desktop-nav .nav-link) {
    min-height: var(--sidenav-row-height) !important;
    flex: 0 0 var(--sidenav-row-height) !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: var(--sidenav-row-padding-block) 0 !important;
    border-radius: 10px !important;
  }

  :is(
    .rp-aside .rp-nav a > span,
    [data-nav-item] > span,
    .desktop-nav .nav-link > span,
    .rp-account,
    [data-nav-section],
    [data-nav-section-compact],
    .desktop-nav .account-label,
    .rp-logout > span,
    [data-nav-signout] > span,
    .desktop-nav .signout > span
  ) {
    display: none;
  }

  :is(.rp-aside .rp-nav a > img, .desktop-nav .nav-link > img) {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    object-fit: contain;
  }

  [data-nav-item] > div {
    width: 48px;
    height: 48px;
  }

  [data-nav-item] > div > img {
    width: 30px;
    height: 30px;
  }

  :is(.rp-logout, [data-nav-signout], .desktop-nav .signout) {
    height: 40px !important;
    width: 40px !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  .desktop-nav .signout-wrap,
  .index-desktop-nav > div:last-child {
    padding-inline: 6px !important;
  }

  body[data-app-page] .rp-shell > .rp-content {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: var(--sidenav-compact-width);
  }
}