@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Great+Vibes&family=Libre+Baskerville:wght@400;700&display=swap');

:root{
  --master-w:390;
  --sidebar-w:134px;
  --workspace-w:256px;
  --ink:#173f32;
  --muted:#7b8e85;
  --green:#079b49;
  --mint:#e9f5ee;
  --mint-card:#e1f1e7;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  width:100%;
  min-height:100%;
  background:#eef7f2;
}

body{
  overflow-x:hidden;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

button,input{
  font:inherit;
  -webkit-appearance:none;
  appearance:none;
}

button{cursor:pointer}

#gogoViewport{
  width:100%;
  position:relative;
  overflow:hidden;
}

#gogoStage{
  position:relative;
  width:390px;
  min-height:1500px;
  transform-origin:top left;

  background:
    url("https://i.ibb.co/cSpFFpNX/1-CE54495-50-FD-476-A-8-A7-D-D06810-FA1-E76.png")
    top left / 390px auto no-repeat,
    #eef7f2;
}

/* LEFT SIDE — LOCKED MASTER POSITIONS */
.sidebar{
  position:absolute;
  left:0;
  top:0;
  width:134px;
  height:847px;
  color:#fff;
  overflow:hidden;
}

.brand{
  position:absolute;
  top:30px;
  left:0;
  width:134px;
  text-align:center;
}

.brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.brand-sub{
  margin-top:8px;
  font-size:8px;
  letter-spacing:.2px;
  white-space:nowrap;
}

.hero-title{
  margin-top:25px;
  font-size:31px;
  font-weight:800;
  line-height:.98;
  letter-spacing:-1px;
}

/* MENU LOCKED */
.menu{
  position:absolute;
  inset:0;
}

.menu-row{
  position:absolute;
  left:8px;
  width:120px;
  height:64px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  text-align:left;
}

.os-row{top:181px}
.biker-row{top:265px}
.way-row{top:349px}
.history-row{top:433px}

.icon-card{
  position:relative;
  flex:0 0 34px;
  width:34px;
  height:62px;
  border-radius:17px;
  border:1.2px solid rgba(255,255,255,.48);
  background:rgba(255,255,255,.13);
  display:grid;
  place-items:center;
  overflow:visible;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.menu-svg{
  position:relative;
  z-index:3;
  width:25px;
  height:25px;
}

.cart{color:#72a87b}
.bike{color:#4b88cb}
.pin{color:#e43d3d}
.clipboard{color:#d6b078}

.letter-cloud{
  position:absolute;
  inset:0;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}

.letter-cloud .letter-line{
  position:absolute;
  width:74px;
  font-family:"Playfair Display",Georgia,serif;
  font-style:normal;
  font-size:6.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:2.2px;
  white-space:nowrap;
  color:rgba(216,255,229,.58);
  text-shadow:0 1px 1px rgba(0,0,0,.05);
}

/* FOUR diagonal rows: each complete row rises from icon toward upper-right */
.letter-cloud .line-1{left:-8px; top:45px;}
.letter-cloud .line-2{left:2px; top:32px;}
.letter-cloud .line-3{left:13px; top:19px;}
.letter-cloud .line-4{left:24px; top:6px;}

.menu-label{
  margin-left:10px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:12.2px;
  font-weight:600;
  line-height:1.02;
  letter-spacing:.1px;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.10);
}

.two-line{
  white-space:normal;
  text-align:center;
}

/* LOWER DESIGN — LOCKED */
.lower-design{
  position:absolute;
  left:0;
  top:575px;
  width:134px;
  height:262px;
}

.slogan{
  position:absolute;
  top:24px;
  right:6px;
  width:105px;
  text-align:center;
  font-family:"Great Vibes",cursive;
  font-size:14px;
  line-height:.88;
  font-style:italic;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
  transform:rotate(-3deg);
}

.flourish{
  width:103px;
  height:31px;
  margin-top:1px;
  color:#fff;
  overflow:visible;
}

.lower-actions{
  position:absolute;
  left:7px;
  right:7px;
  bottom:8px;
  display:flex;
  justify-content:space-between;
}

.lower-card{
  width:36px;
  height:62px;
  padding:5px;
  border-radius:17px;
  border:1.2px solid rgba(255,255,255,.50);
  background:rgba(255,255,255,.14);
  display:grid;
  place-items:center;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.lower-card svg{
  width:27px;
  height:27px;
}

/* RIGHT WORKSPACE */
.workspace{
  margin-left:134px;
  width:256px;
  min-height:1500px;
  padding:28px 14px 54px;
  background:rgba(234,247,239,.91);
}

.eyebrow{
  color:#5e786d;
  font-size:8.7px;
  font-weight:800;
  letter-spacing:2.1px;
}

.workspace h1{
  margin:8px 0 13px;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:28px;
  font-weight:400;
  line-height:1.01;
  letter-spacing:-.65px;
  color:#173f32;
}

.subtitle{
  margin:0 0 25px;
  color:#7b8e85;
  font-size:10.7px;
  line-height:1.42;
}

.shop-card,
.delivery-card{
  background:rgba(225,241,231,.90);
  border:1px solid rgba(87,151,117,.16);
  border-radius:23px;
  box-shadow:0 8px 24px rgba(40,101,72,.035);
}

.shop-card{
  padding:15px;
  display:flex;
  flex-direction:column;
  gap:11px;
}

.section-label,
.field>span{
  color:#365c4c;
  font-family:"DM Serif Display",Georgia,serif;
  font-size:9.2px;
  font-weight:400;
  letter-spacing:1.25px;
}

.select-ui,
.white-btn,
.green-btn{
  width:100%;
  height:45px;
  border-radius:15px;
}

.select-ui{
  border:1px solid rgba(37,82,65,.13);
  background:#fff;
  color:#173f32;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
}

.select-ui svg{
  width:15px;
  height:15px;
}

.white-btn{
  border:1px solid rgba(37,82,65,.13);
  background:#fff;
  color:#214a3c;
  font-size:12px;
  font-weight:700;
}

.green-btn{
  border:0;
  background:#079b49;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

.intake-row{
  margin:32px 2px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#587168;
  font-size:12px;
}

.intake-row strong{
  color:#079447;
  font-size:19px;
}

.delivery-card{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.photo-upload{
  width:100%;
  min-height:112px;
  padding:12px;
  border-radius:18px;
  border:1.5px dashed rgba(7,151,71,.38);
  background:rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  gap:12px;
  color:#173f32;
  text-align:left;
}

.photo-box{
  flex:0 0 57px;
  width:57px;
  height:57px;
  border-radius:16px;
  background:rgba(229,240,234,.85);
}

.photo-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.photo-copy strong{
  font-size:13.1px;
  line-height:1.02;
}

.photo-copy small{
  margin-top:4px;
  color:#899a92;
  font-size:10.4px;
}

.field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.field input{
  width:100%;
  height:53px;
  border:1px solid rgba(37,82,65,.12);
  border-radius:16px;
  background:#fff;
  padding:0 13px;
  color:#173f32;
  font-size:11.6px;
  outline:none;
}

.field input::placeholder{
  color:#a1aaa6;
}

.save-btn{
  align-self:flex-end;
  min-width:132px;
  height:50px;
  border:0;
  border-radius:17px;
  background:#079b49;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

/* Do NOT add responsive reflow rules here.
   The whole 390px master is scaled as one unit by script.js. */


/* V2 — RIGHT PANEL TYPOGRAPHY, REFERENCE-LOCKED */
.workspace h1,
.shop-card .section-label,
.delivery-card .section-label,
.field > span{
  font-family:"Libre Baskerville", Georgia, serif !important;
}

.workspace h1{
  font-weight:400 !important;
  letter-spacing:-.7px !important;
}

.shop-card .section-label,
.delivery-card .section-label,
.field > span{
  font-weight:400 !important;
  letter-spacing:.65px !important;
}

.subtitle,
.select-ui,
.white-btn,
.green-btn,
.intake-row,
.photo-copy,
.field input,
.save-btn{
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}


/* =========================================================
   V3 FINAL LOCK — ONLY THE 3 USER-REQUESTED CHANGES
   ========================================================= */

/* 1) Right-side reference font */
.workspace h1,
.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  font-family:"Libre Baskerville", Georgia, serif !important;
  font-weight:400 !important;
}

.workspace h1 {
  letter-spacing:-0.55px !important;
  line-height:1.01 !important;
}

/* 2) Four complete decorative rows rising to upper-right */
.letter-cloud .letter-line {
  display:block !important;
  width:76px !important;
  font-family:"Playfair Display", Georgia, serif !important;
  font-size:6.5px !important;
  font-weight:600 !important;
  letter-spacing:2.1px !important;
  color:rgba(216,255,229,.58) !important;
}
.letter-cloud .line-1 { left:-8px !important; top:45px !important; }
.letter-cloud .line-2 { left:2px !important; top:32px !important; }
.letter-cloud .line-3 { left:13px !important; top:19px !important; }
.letter-cloud .line-4 { left:24px !important; top:6px !important; }

/* 3) Delivering Smiles sits just above/alongside the pagoda top */
.slogan {
  top:-34px !important;
  right:6px !important;
  width:105px !important;
  font-family:"Great Vibes", cursive !important;
  font-size:14px !important;
  line-height:.88 !important;
}

/* =========================================================
   V3.1 — RIGHT-PANEL REFERENCE FONT ONLY
   Keep layout/scale/sidebar/slogan positions unchanged.
   ========================================================= */
.workspace h1,
.workspace h2,
.workspace .page-title,
.workspace .card-title,
.workspace .form-title,
.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  font-family:"Libre Baskerville", Georgia, serif !important;
  font-weight:700 !important;
  font-style:normal !important;
}

.workspace h1,
.workspace h2,
.workspace .page-title {
  letter-spacing:-0.55px !important;
  line-height:1.04 !important;
}

.shop-card .section-label,
.delivery-card .section-label,
.field > span {
  letter-spacing:0.65px !important;
}

.subtitle,
.select-ui,
.white-btn,
.green-btn,
.intake-row,
.photo-copy,
.field input,
.save-btn {
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}

/* Preserve user's manually approved slogan position */
.slogan {
  top:-34px !important;
}

/* =========================================================
   V3.2 LOGIN / AUTH ONLY
   Dashboard V3.1 styles above are intentionally untouched.
   ========================================================= */

#loginViewport{
  width:100%;
  position:relative;
  overflow:hidden;
  background:#eff8f3;
}

#loginStage{
  position:relative;
  width:390px;
  height:844px;
  overflow:hidden;
  transform-origin:top left;
  background:
    radial-gradient(circle at 104% -1%, rgba(123,232,165,.28) 0 84px, transparent 85px),
    radial-gradient(circle at -12% 105%, rgba(47,197,105,.21) 0 125px, transparent 126px),
    linear-gradient(145deg,#f8fcfa 0%,#edf8f2 62%,#e4f4eb 100%);
  color:#173f32;
}

.login-orb{
  position:absolute;
  border-radius:999px;
  border:22px solid rgba(15,164,79,.055);
  pointer-events:none;
}

.login-orb-a{
  width:160px;
  height:160px;
  top:-80px;
  right:-65px;
}

.login-orb-b{
  width:205px;
  height:205px;
  left:-120px;
  bottom:-102px;
}

.login-brand{
  position:absolute;
  left:28px;
  top:35px;
  display:flex;
  align-items:center;
  gap:11px;
}

.login-mark{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#079b49;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:22px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(7,155,73,.16);
}

.login-brand-name{
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:16px;
  font-weight:700;
  line-height:1.05;
}

.login-brand-sub{
  margin-top:4px;
  color:#6e8178;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:8px;
  letter-spacing:.5px;
}

.login-copy{
  position:absolute;
  left:30px;
  top:142px;
  width:326px;
}

.login-kicker{
  color:#079b49;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:9px;
  font-weight:800;
  letter-spacing:2.4px;
}

.login-copy h1{
  margin:10px 0 11px;
  color:#173f32;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:34px;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-1.1px;
}

.login-copy p{
  width:290px;
  margin:0;
  color:#70837a;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:11.5px;
  line-height:1.5;
}

.login-card{
  position:absolute;
  left:29px;
  top:306px;
  width:332px;
  padding:22px;
  border:1px solid rgba(57,124,91,.11);
  border-radius:25px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 45px rgba(33,98,68,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.login-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:14px;
}

.login-field span{
  color:#426254;
  font-family:"Libre Baskerville",Georgia,serif;
  font-size:8.7px;
  font-weight:700;
  letter-spacing:.8px;
}

.login-field input{
  width:100%;
  height:50px;
  border:1px solid rgba(48,94,75,.15);
  border-radius:16px;
  background:#fff;
  outline:none;
  padding:0 14px;
  color:#173f32;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:12px;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none;
}

.login-field input:focus{
  border-color:rgba(7,155,73,.55);
  box-shadow:0 0 0 3px rgba(7,155,73,.08);
}

.login-field input::placeholder{
  color:#a0aaa5;
}

.login-submit{
  width:100%;
  height:50px;
  margin-top:3px;
  border:0;
  border-radius:16px;
  background:#079b49;
  color:#fff;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  box-shadow:0 9px 20px rgba(7,155,73,.17);
}

.login-submit:disabled{
  opacity:.65;
}

.login-status{
  min-height:18px;
  margin-top:11px;
  text-align:center;
  color:#6d7f77;
  font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:9.5px;
  line-height:1.35;
}

.login-status.is-error{
  color:#b34242;
}

.login-status.is-success{
  color:#078844;
  font-weight:700;
}

.login-art{
  position:absolute;
  left:76px;
  bottom:75px;
  width:240px;
  height:150px;
  opacity:.92;
}

.login-art svg{
  width:100%;
  height:100%;
}

.login-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:31px;
  text-align:center;
  color:#567368;
  font-family:"Great Vibes",cursive;
  font-size:19px;
}

@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Allura&display=swap");
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before{
  content:
    "W C W C W C\A "
    "C W C W C W\A "
    "W C W C W C\A "
    "C W C W C W";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1,
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2,
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3,
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .wc-btn .menu-icon,
#gogoModal #dashboard .wc-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before{
  content:
    "D H D H D H\A "
    "H D H D H D\A "
    "D H D H D H\A "
    "H D H D H D";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1,
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2,
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3,
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .dh-btn .menu-icon,
#gogoModal #dashboard .dh-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  position: relative !important;
  width: 72% !important;
  height: 76px !important;
  margin-left: auto !important;
  margin-right: -24px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before{
  content:
    "U M U M U M\A "
    "M U M U M U\A "
    "U M U M U M\A "
    "M U M U M U";

  white-space: pre;
  position: absolute;
  inset: 5px;
  font-size: 8px;
  line-height: 1.7;
  letter-spacing: 4px;
  opacity: 0.12;
  text-align: center;
  transform: rotate(-12deg);
  pointer-events: none;
}
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1,
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2,
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3,
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  position: absolute !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  z-index: 2 !important;
}
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1{
  left: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2{
  right: 15% !important;
  top: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3{
  right: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  left: 15% !important;
  bottom: 18% !important;
}
#gogo-workspace #dashboard .um-btn .menu-icon,
#gogoModal #dashboard .um-btn .menu-icon{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 30px !important;
  z-index: 5 !important;
}
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  left: -40px !important;
  right: auto !important;
  transform: none !important;
}
#gogo-workspace #dashboard .wc-btn,
#gogoModal #dashboard .wc-btn,
#gogo-workspace #dashboard .dh-btn,
#gogoModal #dashboard .dh-btn,
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  scale: 0.85;
  translate: 0 -40px;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
#gogo-workspace #dashboard .wc-btn > span:not(.menu-icon),
#gogoModal #dashboard .wc-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .dh-btn > span:not(.menu-icon),
#gogoModal #dashboard .dh-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .um-btn > span:not(.menu-icon),
#gogoModal #dashboard .um-btn > span:not(.menu-icon),
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}
#gogo-workspace #dashboard .wc-btn::before,
#gogoModal #dashboard .wc-btn::before,
#gogo-workspace #dashboard .wc-btn::after,
#gogoModal #dashboard .wc-btn::after,
#gogo-workspace #dashboard .dh-btn::before,
#gogoModal #dashboard .dh-btn::before,
#gogo-workspace #dashboard .dh-btn::after,
#gogoModal #dashboard .dh-btn::after,
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.35 !important;
}
#gogo-workspace #dashboard .wc-btn .wc1,
#gogoModal #dashboard .wc-btn .wc1,
#gogo-workspace #dashboard .wc-btn .wc2,
#gogoModal #dashboard .wc-btn .wc2,
#gogo-workspace #dashboard .wc-btn .wc3,
#gogoModal #dashboard .wc-btn .wc3,
#gogo-workspace #dashboard .wc-btn .wc4,
#gogoModal #dashboard .wc-btn .wc4,
#gogo-workspace #dashboard .dh-btn .dh1,
#gogoModal #dashboard .dh-btn .dh1,
#gogo-workspace #dashboard .dh-btn .dh2,
#gogoModal #dashboard .dh-btn .dh2,
#gogo-workspace #dashboard .dh-btn .dh3,
#gogoModal #dashboard .dh-btn .dh3,
#gogo-workspace #dashboard .dh-btn .dh4,
#gogoModal #dashboard .dh-btn .dh4,
#gogo-workspace #dashboard .um-btn .um1,
#gogoModal #dashboard .um-btn .um1,
#gogo-workspace #dashboard .um-btn .um2,
#gogoModal #dashboard .um-btn .um2,
#gogo-workspace #dashboard .um-btn .um3,
#gogoModal #dashboard .um-btn .um3,
#gogo-workspace #dashboard .um-btn .um4,
#gogoModal #dashboard .um-btn .um4{
  display: none !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  translate: 0 115px !important;
}
#gogo-workspace }

#dashboard .um-btn::before,
#gogoModal }

#dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after{
  content: none !important;
  display: none !important;
}
#gogo-workspace #dashboard .um-btn::before,
#gogoModal #dashboard .um-btn::before,
#gogo-workspace #dashboard .um-btn::after,
#gogoModal #dashboard .um-btn::after,
#gogo-workspace #dashboard .um-btn *::before,
#gogoModal #dashboard .um-btn *::before,
#gogo-workspace #dashboard .um-btn *::after,
#gogoModal #dashboard .um-btn *::after{
  content: "" !important;
  display: none !important;
  opacity: 0 !important;
}
#gogo-workspace }

#dashboard .um-btn,
#gogoModal }

#dashboard .um-btn{
  translate: 0px -30px !important;
}
#gogo-workspace #dashboard .um-btn,
#gogoModal #dashboard .um-btn{
  transform: translate(-5px, 5px) !important;
}
#gogo-workspace #dashboard .wc-btn .menu-label,
#gogoModal #dashboard .wc-btn .menu-label,
#gogo-workspace #dashboard .dh-btn .menu-label,
#gogoModal #dashboard .dh-btn .menu-label{
  font-family: "Bodoni Moda", serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: 1px !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
}
#gogo-workspace #dashboard .dh-btn .menu-label,
#gogoModal #dashboard .dh-btn .menu-label{
  left: 125% !important;
}
@keyframes confettiBurst {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1;
  }

  100% {
    transform:
      translate(
        calc((var(--x)) * 1px),
        calc((var(--y)) * 1px)
      )
      rotate(720deg)
      scale(0.5);

    opacity: 0;
  }
}
@keyframes dashboardFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dashboardFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes happyDashboardIn {
  0% {
    opacity: 0;
    transform: translateY(35px) scale(0.97);
  }

  70% {
    opacity: 1;
    transform: translateY(-4px) scale(1.01);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
#gogo-workspace *,
#gogo-workspace *::before,
#gogo-workspace *::after{
  box-sizing: border-box !important;
}
#gogo-workspace button,
#gogo-workspace input,
#gogo-workspace select,
#gogo-workspace textarea{
  font-family: Arial, Helvetica, sans-serif !important;
}
#gogo-workspace .gogo-page{
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}
#gogo-workspace .gogo-eyebrow{
  margin: 0 0 5px !important;
  color: #6f8278 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
#gogo-workspace .gogo-title{
  margin: 0 !important;
  color: #173b2c !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
#gogo-workspace .gogo-subtitle{
  margin: 7px 0 18px !important;
  color: #7b8d84 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}
#gogo-workspace .gogo-card{
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 15px !important;
  background: #ffffff !important;
  border: 1px solid #e3ece7 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 22px rgba(20, 75, 49, 0.055) !important;
}
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel{
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 15px !important;
}
#gogo-workspace .osm-shop-top,
#gogo-workspace .biker-v2-top{
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}
#gogo-workspace .osm-shop-top > div,
#gogo-workspace .biker-v2-top > div{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#gogo-workspace .osm-shop-small,
#gogo-workspace .osm-label{
  display: block !important;
  margin: 0 0 5px !important;
  color: #6e8277 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}
#gogo-workspace .osm-shop-select,
#gogo-workspace .biker-v2-select,
#gogo-workspace .osm-input,
#gogo-workspace .biker-v2-search input{
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #dce7e1 !important;
  border-radius: 11px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #173b2c !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
#gogo-workspace .osm-shop-select:focus,
#gogo-workspace .biker-v2-select:focus,
#gogo-workspace .osm-input:focus,
#gogo-workspace .biker-v2-search input:focus{
  border-color: #159b55 !important;
  box-shadow: 0 0 0 2px rgba(21, 155, 85, 0.10) !important;
}
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .osm-manage-shop-btn,
#gogo-workspace .create-biker-v2-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .gogo-secondary,
#gogo-workspace .way-action-secondary{
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .create-biker-v2-btn{
  background: #079447 !important;
  color: #ffffff !important;
}
#gogo-workspace .osm-manage-shop-btn,
#gogo-workspace .gogo-secondary,
#gogo-workspace .way-action-secondary{
  background: #ffffff !important;
  color: #315746 !important;
  border-color: #dce7e1 !important;
}
#gogo-workspace .osm-intake-card{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 0 13px !important;
  padding: 11px 14px !important;
  border-radius: 14px !important;
  background: #eef8f2 !important;
  color: #48685a !important;
  font-size: 11px !important;
  text-align: left !important;
}
#gogo-workspace .osm-intake-card strong{
  color: #078244 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
#gogo-workspace .osm-photo-box,
#gogo-workspace .biker-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 11px !important;
  border: 1px dashed #afd2bf !important;
  border-radius: 14px !important;
  background: #fafdfb !important;
  cursor: pointer !important;
}
#gogo-workspace .osm-photo-preview,
#gogo-workspace .biker-photo-preview{
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: #edf5f1 !important;
}
#gogo-workspace .osm-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  width: 100% !important;
}
#gogo-workspace .osm-grid .full{
  grid-column: 1 / -1 !important;
}
#gogo-workspace .gogo-save-row{
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 12px !important;
}
#gogo-workspace .gogo-success{
  display: none;
  margin-top: 9px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  background: #edf8f1 !important;
  color: #118149 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogo-workspace .biker-v2-switch{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  width: 100% !important;
  height: 44px !important;
  margin: 13px 0 !important;
  padding: 4px !important;
  border-radius: 14px !important;
  background: #e9f0ec !important;
  overflow: hidden !important;
}
#gogo-workspace .biker-v2-slider{
  position: absolute !important;
  left: 4px !important;
  top: 4px !important;
  width: calc(50% - 4px) !important;
  height: 36px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 10px rgba(20, 75, 49, 0.08) !important;
  transition: transform 0.2s ease !important;
}
#gogo-workspace .biker-v2-tab{
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #74887d !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  transform: none !important;
}
#gogo-workspace .biker-v2-tab.active{
  color: #173d2d !important;
}
#gogo-workspace .biker-v2-search{
  width: 100% !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .biker-v2-empty{
  width: 100% !important;
  padding: 22px 8px !important;
  color: #8fa097 !important;
  font-size: 10px !important;
  text-align: center !important;
}
#gogo-workspace .biker-v2-way-card{
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 13px !important;
  border: 1px solid #e1ebe6 !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(18, 75, 48, 0.045) !important;
}
#gogo-workspace .way-card-top{
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
}
#gogo-workspace .way-photo{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 11px !important;
  object-fit: cover !important;
  background: #eff5f2 !important;
}
#gogo-workspace .way-photo.placeholder{
  display: grid !important;
  place-items: center !important;
  color: #94a69d !important;
  font-size: 20px !important;
}
#gogo-workspace .way-main{
  flex: 1 !important;
  min-width: 0 !important;
}
#gogo-workspace .way-name{
  margin: 0 0 2px !important;
  color: #163d2d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
#gogo-workspace .way-money{
  color: #079447 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
#gogo-workspace .way-meta{
  margin-top: 3px !important;
  color: #71847a !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
}
#gogo-workspace .way-shop{
  margin-top: 5px !important;
  color: #516d60 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .way-status{
  display: inline-block !important;
  margin-top: 6px !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #f0f4f2 !important;
  color: #667b71 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .way-status.onway{
  background: #e8f8ef !important;
  color: #11814a !important;
}
#gogo-workspace .way-status.done{
  background: #e7f6ed !important;
  color: #0f7843 !important;
}
#gogo-workspace .way-status.fail{
  background: #fff0f0 !important;
  color: #b64040 !important;
}
#gogo-workspace .way-actions{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  margin-top: 10px !important;
}
#gogo-workspace .way-actions.two{
  grid-template-columns: 1fr 1fr !important;
}
#gogo-workspace .way-actions button{
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}
#gogoModal{
  display: none;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  background: rgba(12, 35, 25, 0.40) !important;
  backdrop-filter: blur(4px) !important;
}
#gogoModal.open{
  display: flex !important;
}
#gogoModal .gogo-modal-card{
  position: relative !important;
  width: min(430px, 94vw) !important;
  max-height: 84vh !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 20px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.18) !important;
  text-align: left !important;
}
#gogoModal .gogo-modal-close{
  position: absolute !important;
  right: 11px !important;
  top: 10px !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #edf3f0 !important;
  color: #365747 !important;
  font-size: 20px !important;
  line-height: 32px !important;
}
#gogoModal .gogo-modal-title{
  margin: 0 40px 14px 0 !important;
  color: #183f2f !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}
#gogoModal .gogo-form-row{
  margin-bottom: 10px !important;
}
#gogoModal input,
#gogoModal select,
#gogoModal textarea{
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 11px !important;
  border: 1px solid #dce7e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #173b2c !important;
  font-size: 11px !important;
}
#gogoModal .gogo-primary,
#gogoModal .gogo-secondary{
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border-radius: 10px !important;
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .gogo-primary{
  background: #079447 !important;
  color: #ffffff !important;
  border: 0 !important;
}
#gogoModal .gogo-secondary{
  background: #ffffff !important;
  color: #315746 !important;
  border: 1px solid #dce7e1 !important;
}
#gogo-workspace #dashboard .um-btn .menu-label,
#gogoModal #dashboard .um-btn .menu-label{
  display: none !important;
}
@media (max-width: 700px){#gogo-workspace .gogo-title{
    font-size: 20px !important;
  }
#gogo-workspace .gogo-subtitle{
    font-size: 10px !important;
  }
#gogo-workspace .osm-shop-top,
#gogo-workspace .biker-v2-top{
    flex-direction: column !important;
    align-items: stretch !important;
  }
#gogo-workspace .osm-shop-top .osm-manage-shop-btn,
#gogo-workspace .osm-shop-top .osm-add-shop-btn,
#gogo-workspace .biker-v2-top .create-biker-v2-btn{
    width: 100% !important;
  }
#gogo-workspace .osm-grid{
    grid-template-columns: 1fr !important;
  }
#gogo-workspace .osm-grid .full{
    grid-column: auto !important;
  }
#gogo-workspace .way-actions{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .way-actions .wide{
    grid-column: 1 / -1 !important;
  }}
#gogo-workspace .gogo-title{
  font-size: 23px !important;
}
#gogo-workspace .gogo-card,
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel,
#gogo-workspace .biker-v2-way-card,
#gogo-workspace .osm-intake-card{
  background: #EAF5EF !important;
}
#gogo-workspace input,
#gogo-workspace select,
#gogo-workspace textarea{
  background: #FFFFFF !important;
}
#gogo-workspace .osm-photo-box,
#gogo-workspace .biker-photo-box{
  background: #F4FAF6 !important;
}
#gogo-workspace .gogo-card,
#gogo-workspace .osm-shop-section,
#gogo-workspace .osm-form,
#gogo-workspace .biker-v2-panel,
#gogo-workspace .biker-v2-way-card,
#gogo-workspace .osm-intake-card,
#gogo-workspace .osm-grid{
  box-sizing: border-box !important;
}
#gogo-workspace #parcelDate{
  height: 42px !important;
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 42px !important;
  box-sizing: border-box !important;
}
#gogo-workspace #parcelDate::-webkit-date-and-time-value{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 42px !important;
}
#gogo-workspace #parcelDate::-webkit-datetime-edit{
  padding: 0 !important;
  line-height: 42px !important;
}
@media (max-width: 700px){#gogo-workspace .gogo-page,
#gogo-workspace .osm-form{
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
#gogo-workspace .osm-grid > div{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
#gogo-workspace #parcelDate{
    display: block !important;
    width: 90% !important;
    min-width: 0 !important;
    max-width: 90% !important;
    box-sizing: border-box !important;
  }
#gogo-workspace .gogo-save-row{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }}
#gogoModal .way-name{
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #173f2f !important;
  margin-bottom: 10px !important;
}
#gogoModal .way-meta,
#gogoModal .way-shop{
  padding: 8px 10px !important;
  margin-bottom: 7px !important;
  background: #f3faf6 !important;
  border: 1px solid #dcebe3 !important;
  border-radius: 10px !important;
  color: #315746 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}
#gogoModal .history-item{
  position: relative !important;
  padding: 12px 12px 12px 16px !important;
  margin-bottom: 10px !important;
  background: #f8fbf9 !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(18, 68, 44, 0.05) !important;
}
#gogoModal .history-item::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 4px !important;
  border-radius: 4px !important;
  background: #0a9b4c !important;
}
#gogoModal .history-item strong{
  display: block !important;
  margin-bottom: 4px !important;
  color: #173f2f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#gogoModal .history-item span{
  display: block !important;
  margin: 4px 0 !important;
  color: #7a8d84 !important;
  font-size: 9px !important;
}
#gogoModal .history-item div{
  color: #2f4e40 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}
#gogoModal .gogo-modal-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(72, 190, 125, 0.22) 0,
      rgba(72, 190, 125, 0.12) 110px,
      transparent 111px
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(72, 190, 125, 0.16) 0,
      transparent 130px
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f3fbf6 45%,
      #e5f5ec 100%
    ) !important;

  border: 2px solid #cfe7da !important;
  border-radius: 24px !important;

  box-shadow:
    0 22px 55px rgba(16, 55, 38, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.95) !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 84vh !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}
#gogoModal .gogo-modal-card::before{
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 4px !important;
  margin: -7px auto 15px auto !important;
  border-radius: 99px !important;
  background: linear-gradient(90deg, #0a9b4c, #6bcf98) !important;
}
#gogoModal .gogo-modal-title{
  color: #174c35 !important;
  font-weight: 800 !important;
}
#gogoModal .biker-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px dashed #9fcdb3 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #f8fcfa 0%, #edf8f2 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
#gogoModal .biker-photo-preview{
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #d3e9dc !important;
  background: #ffffff !important;
}
#gogo-workspace .biker-profile-card{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
  border: 1px solid #cfe7da !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ffffff 0%, #eef8f2 100%) !important;
  box-shadow: 0 8px 22px rgba(18, 68, 44, 0.08) !important;
}
#gogo-workspace .biker-profile-photo{
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #cfe7da !important;
  background: #ffffff !important;
}
#gogo-workspace .biker-profile-photo.placeholder{
  display: grid !important;
  place-items: center !important;
  font-size: 24px !important;
}
#gogo-workspace .biker-profile-info{
  min-width: 0 !important;
  flex: 1 !important;
}
#gogo-workspace .biker-profile-name{
  color: #173f2f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 3px !important;
}
#gogo-workspace .biker-profile-meta{
  color: #72877d !important;
  font-size: 10px !important;
  margin-bottom: 6px !important;
}
#gogo-workspace .biker-profile-status{
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #eef2ef !important;
  color: #6d8177 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .biker-profile-status.active{
  background: #e4f7eb !important;
  color: #0b8845 !important;
}
#gogo-workspace .biker-photo-hint{
  position: absolute !important;
  right: 10px !important;
  bottom: 8px !important;
  color: #89a095 !important;
  font-size: 7px !important;
}
#gogoModal .photo-viewer-shell{
  padding: 4px 0 2px !important;
}
#gogoModal .photo-viewer-frame{
  display: grid !important;
  place-items: center !important;
  min-height: 260px !important;
  padding: 10px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #113d2b 0%, #0d6d3f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(11,64,39,.18) !important;
}
#gogoModal .photo-viewer-image{
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 68vh !important;
  border-radius: 14px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}
#gogoModal .photo-viewer-caption{
  margin-top: 10px !important;
  text-align: center !important;
  color: #6f857a !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
#gogoModal .fail-reason-modal{
  padding: 4px 0 2px !important;
}
#gogoModal .fail-reason-icon{
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #fff3ee 0%, #ffe2d6 100%) !important;
  color: #d95d39 !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(217,93,57,.12) !important;
}
#gogoModal .fail-reason-title{
  text-align: center !important;
  margin-bottom: 4px !important;
}
#gogoModal .fail-reason-subtitle{
  margin: 0 0 14px !important;
  text-align: center !important;
  color: #758b80 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}
#gogoModal .fail-reason-chips{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
#gogoModal .fail-reason-chip{
  min-height: 38px !important;
  padding: 8px 9px !important;
  border: 1px solid #d4e7dc !important;
  border-radius: 11px !important;
  background: #f7fbf8 !important;
  color: #315746 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
#gogoModal .fail-reason-chip.selected{
  border-color: #159a55 !important;
  background: #e8f7ee !important;
  color: #087d40 !important;
  box-shadow: 0 0 0 2px rgba(21,154,85,.08) !important;
}
#gogoModal .fail-reason-input{
  width: 100% !important;
  min-height: 92px !important;
  padding: 11px 12px !important;
  border: 1px solid #cfe3d7 !important;
  border-radius: 13px !important;
  outline: none !important;
  resize: vertical !important;
  background: #ffffff !important;
  color: #234a38 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}
#gogoModal .fail-reason-input:focus{
  border-color: #159a55 !important;
  box-shadow: 0 0 0 3px rgba(21,154,85,.09) !important;
}
#gogoModal .fail-reason-error{
  min-height: 16px !important;
  padding-top: 5px !important;
  color: #cb5135 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}
#gogoModal .fail-reason-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 8px !important;
}
#gogoModal .fail-reason-cancel,
#gogoModal .fail-reason-confirm{
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .fail-reason-cancel{
  border: 1px solid #d8e5de !important;
  background: #f5f8f6 !important;
  color: #61766c !important;
}
#gogoModal .fail-reason-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8,125,66,.18) !important;
}
#gogo-workspace #saveParcelBtn.save-locked{
  opacity: 1 !important;
  cursor: default !important;
  pointer-events: none !important;
}
#gogo-workspace #parcelSavedMessage{
  display: none;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin: 8px 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #118149 !important;
  text-align: center !important;
}
#gogo-workspace .gogo-two-dot-loader{
  position: relative !important;
  display: inline-block !important;
  width: 30px !important;
  height: 30px !important;
  animation: gogoTwoDotOrbit .72s linear infinite !important;
}
#gogo-workspace .gogo-save-dot{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  margin: -4px 0 0 -4px !important;
  border-radius: 50% !important;
  background: #0a9b4c !important;
  box-shadow: 0 2px 7px rgba(10,155,76,.22) !important;
}
#gogo-workspace .gogo-save-dot.dot-one{
  transform: translateY(-10px) !important;
}
#gogo-workspace .gogo-save-dot.dot-two{
  transform: translateY(10px) !important;
  background: #62c98f !important;
}
@keyframes gogoTwoDotOrbit {
  to { transform: rotate(360deg); }
}
#gogo-workspace #parcelSavedMessage.success{
  animation: gogoSaveSuccessIn .22s ease-out both !important;
}
#gogo-workspace .gogo-save-success-icon{
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #0a9b4c !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 12px rgba(10,155,76,.18) !important;
}
#gogo-workspace .gogo-save-success-text{
  color: #118149 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}
@keyframes gogoSaveSuccessIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
#gogo-workspace .biker-profile-card{
  padding-right: 72px !important;
}
#gogo-workspace .biker-profile-delete-btn{
  position: absolute !important;
  top: 11px !important;
  right: 11px !important;
  min-width: 50px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid #efc9c4 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #fffafa 0%, #fff0ee 100%) !important;
  color: #b84f45 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 12px rgba(184,79,69,.07) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .biker-profile-delete-btn:active{
  transform: scale(.96) !important;
}
#gogo-workspace .biker-photo-hint{
  right: 13px !important;
  bottom: 9px !important;
}
#gogoModal .delete-rider-modal{
  padding: 4px 0 2px !important;
}
#gogoModal .delete-rider-icon{
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 10px !important;
  border-radius: 50% !important;
  border: 1px solid #f0d4cf !important;
  background: linear-gradient(145deg, #fff8f7 0%, #ffe9e5 100%) !important;
  color: #c85b4f !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  box-shadow: 0 9px 22px rgba(200,91,79,.11) !important;
}
#gogoModal .delete-rider-title{
  margin-bottom: 5px !important;
  text-align: center !important;
}
#gogoModal .delete-rider-subtitle{
  margin: 0 0 14px !important;
  color: #71867c !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
#gogoModal .delete-rider-subtitle strong{
  color: #244b39 !important;
}
#gogoModal .delete-rider-warning{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
  padding: 11px 12px !important;
  border: 1px solid #f0d4cf !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #fff9f8 0%, #fff0ed 100%) !important;
}
#gogoModal .delete-rider-warning strong{
  color: #b64d43 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .delete-rider-warning span{
  color: #8c6b66 !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}
#gogoModal .delete-rider-warning.safe{
  border-color: #d3e8dc !important;
  background: linear-gradient(135deg, #f7fcf9 0%, #eaf7ef 100%) !important;
}
#gogoModal .delete-rider-warning.safe strong{
  color: #18794a !important;
}
#gogoModal .delete-rider-warning.safe span{
  color: #688078 !important;
}
#gogoModal .delete-rider-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogoModal .delete-rider-cancel,
#gogoModal .delete-rider-confirm{
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogoModal .delete-rider-cancel{
  border: 1px solid #d7e4dd !important;
  background: #f6f9f7 !important;
  color: #61766c !important;
}
#gogoModal .delete-rider-cancel.wide{
  width: 100% !important;
}
#gogoModal .delete-rider-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #d96a5e 0%, #bd4d43 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(189,77,67,.18) !important;
}
@media (max-width: 700px){#gogo-workspace .biker-profile-card{
    padding-right: 66px !important;
  }
#gogo-workspace .biker-profile-delete-btn{
    min-width: 46px !important;
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 7.5px !important;
  }}
#gogo-workspace .dh-theme-page{
  width: 100% !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-card{
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(39, 122, 78, .11) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.42) !important;
  box-shadow: 0 10px 28px rgba(21, 78, 51, .045) !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-card-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .dh-theme-card-head > div{
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
#gogo-workspace .dh-theme-mini{
  color: #16834e !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}
#gogo-workspace .dh-theme-card-head strong{
  color: #315646 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-theme-filter-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: end !important;
}
#gogo-workspace .dh-theme-field{
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}
#gogo-workspace .dh-theme-field > span,
#gogo-workspace .dh-theme-group-title{
  color: #60796d !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-theme-search,
#gogo-workspace .dh-theme-group,
#gogo-workspace .dh-theme-actions{
  grid-column: 1 / -1 !important;
}
#gogo-workspace .dh-theme-field input,
#gogo-workspace .dh-theme-field select{
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid #d4e5dc !important;
  border-radius: 12px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #284d3b !important;
  font-size: 10px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 12px rgba(31, 84, 57, .025) !important;
}
#gogo-workspace .dh-theme-field input:focus,
#gogo-workspace .dh-theme-field select:focus{
  border-color: #149b54 !important;
  box-shadow: 0 0 0 3px rgba(20,155,84,.08) !important;
}
#gogo-workspace .dh-theme-field input[type="date"]{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
}
#gogo-workspace .dh-theme-field input[type="date"]::-webkit-date-and-time-value{
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
#gogo-workspace .dh-theme-field input[type="date"]::-webkit-datetime-edit{
  padding: 0 !important;
  line-height: 44px !important;
}
#gogo-workspace .dh-theme-group{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid #d9e9e0 !important;
  border-radius: 14px !important;
  background: rgba(247,251,248,.80) !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-theme-group-title{
  grid-column: 1 / -1 !important;
  color: #16814d !important;
  margin-bottom: -1px !important;
}
#gogo-workspace .dh-theme-actions{
  display: grid !important;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  gap: 9px !important;
  margin-top: 2px !important;
}
#gogo-workspace .dh-theme-reset,
#gogo-workspace .dh-theme-search-btn{
  min-height: 44px !important;
  border-radius: 12px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-theme-reset{
  border: 1px solid #d4e3db !important;
  background: rgba(255,255,255,.72) !important;
  color: #65796f !important;
}
#gogo-workspace .dh-theme-search-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8,125,66,.16) !important;
}
#gogo-workspace .dh-theme-search-btn:active,
#gogo-workspace .dh-theme-reset:active{
  transform: scale(.985) !important;
}
#gogo-workspace body.gogo-history-open,
#gogoModal body.gogo-history-open{
  overflow: hidden !important;
}
#gogo-workspace .dh-fullscreen{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 96% 3%, rgba(73, 173, 117, .10), transparent 220px),
    linear-gradient(160deg, #f8fcf9 0%, #eaf5ef 58%, #e4f1e9 100%) !important;
  color: #173f2f !important;
}
#gogo-workspace .dh-topbar{
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(29, 114, 72, .12) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 8px 26px rgba(19, 72, 48, .06) !important;
}
#gogo-workspace .dh-back-btn{
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid #d4e6dc !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #24523e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(25, 80, 53, .05) !important;
}
#gogo-workspace .dh-heading{
  min-width: 0 !important;
}
#gogo-workspace .dh-kicker{
  display: block !important;
  margin-bottom: 2px !important;
  color: #179055 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}
#gogo-workspace .dh-heading h2{
  margin: 0 !important;
  color: #173f2f !important;
  font-family: "Bodoni Moda", serif !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
}
#gogo-workspace .dh-heading p{
  margin: 3px 0 0 !important;
  color: #71877c !important;
  font-size: 9px !important;
}
#gogo-workspace .dh-result-count{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #e7f6ed !important;
  color: #157d49 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-table-shell{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(29, 114, 72, .13) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(19, 72, 48, .07) !important;
}
#gogo-workspace .dh-table-scroll{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#gogo-workspace .dh-table{
  width: 100% !important;
  min-width: 1320px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
  background: #ffffff !important;
}
#gogo-workspace .dh-table th,
#gogo-workspace .dh-table td{
  padding: 10px 11px !important;
  border-bottom: 1px solid #edf2ef !important;
  border-right: 1px solid #f1f5f3 !important;
  vertical-align: middle !important;
  text-align: left !important;
  color: #39594a !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
  background: #ffffff !important;
}
#gogo-workspace .dh-table th{
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  background: #eff8f2 !important;
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-table tbody tr:hover td{
  background: #fbfefc !important;
}
#gogo-workspace .dh-no-col{
  width: 46px !important;
  min-width: 46px !important;
  text-align: center !important;
}
#gogo-workspace .dh-shop-cell{
  min-width: 120px !important;
  color: #28533e !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-photo-col{
  width: 62px !important;
  min-width: 62px !important;
  text-align: center !important;
}
#gogo-workspace .dh-parcel-photo,
#gogo-workspace .dh-photo-placeholder{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  border: 1px solid #d7e8df !important;
  background: #f3f8f5 !important;
}
#gogo-workspace .dh-photo-placeholder{
  display: inline-grid !important;
  place-items: center !important;
  font-size: 14px !important;
}
#gogo-workspace .dh-parcel-photo{
  cursor: pointer !important;
}
#gogo-workspace .dh-customer-detail-cell{
  min-width: 220px !important;
  max-width: 300px !important;
}
#gogo-workspace .dh-customer-detail-cell strong,
#gogo-workspace .dh-customer-detail-cell span{
  display: block !important;
}
#gogo-workspace .dh-customer-detail-cell strong{
  margin-bottom: 3px !important;
  color: #244c39 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-customer-detail-cell span{
  margin-top: 2px !important;
  color: #60776b !important;
  font-size: 8.5px !important;
}
#gogo-workspace .dh-money,
#gogo-workspace .dh-nowrap{
  white-space: nowrap !important;
}
#gogo-workspace .dh-money{
  color: #234d39 !important;
  font-weight: 800 !important;
}
#gogo-workspace .dh-status{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-status-unassigned{
  background: #f0f3f1 !important;
  color: #687b72 !important;
}
#gogo-workspace .dh-status-assigned{
  background: #eef4ff !important;
  color: #47689d !important;
}
#gogo-workspace .dh-status-onway,
#gogo-workspace .dh-status-retry{
  background: #fff7df !important;
  color: #9a6b10 !important;
}
#gogo-workspace .dh-status-fail{
  background: #fff0ed !important;
  color: #bd5648 !important;
}
#gogo-workspace .dh-status-done{
  background: #e9f8ef !important;
  color: #16794a !important;
}
#gogo-workspace .dh-info-col{
  position: sticky !important;
  right: 0 !important;
  z-index: 2 !important;
  min-width: 74px !important;
  background: #ffffff !important;
  box-shadow: -5px 0 9px rgba(21, 72, 48, .035) !important;
}
#gogo-workspace .dh-table th.dh-info-col{
  z-index: 6 !important;
  background: #eff8f2 !important;
}
#gogo-workspace .dh-info-btn,
#gogo-workspace .dh-load-more{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cfe2d7 !important;
  border-radius: 10px !important;
  background: #f3faf6 !important;
  color: #147b49 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-info-btn{
  min-width: 48px !important;
  height: 30px !important;
  padding: 0 10px !important;
}
#gogo-workspace .dh-empty-row{
  height: 120px !important;
  text-align: center !important;
  color: #84968d !important;
  font-size: 10px !important;
}
#gogo-workspace .dh-table tfoot td{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  border-top: 2px solid #cfe6d9 !important;
  border-bottom: 0 !important;
  background: #eff8f2 !important;
}
#gogo-workspace .dh-total-title{
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-total-money{
  min-width: 135px !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-total-money span,
#gogo-workspace .dh-total-money strong{
  display: block !important;
}
#gogo-workspace .dh-total-money span{
  margin-bottom: 3px !important;
  color: #6c8277 !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .dh-total-money strong{
  color: #137a48 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .dh-total-tail{
  color: #6b8176 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  text-align: right !important;
}
#gogo-workspace .dh-table-footer{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  border-top: 1px solid #e8f0ec !important;
  background: #fbfdfc !important;
}
#gogo-workspace .dh-table-footer span{
  color: #71857b !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .dh-load-more{
  min-height: 32px !important;
  padding: 0 13px !important;
}
@media (max-width: 900px){#gogo-workspace .dh-theme-card{
    padding: 12px !important;
  }
#gogo-workspace .dh-fullscreen{
    padding: 9px !important;
  }
#gogo-workspace .dh-topbar{
    gap: 9px !important;
    padding: 9px !important;
  }
#gogo-workspace .dh-heading h2{
    font-size: 19px !important;
  }
#gogo-workspace .dh-heading p{
    display: none !important;
  }}
@media (max-width: 700px){#gogo-workspace .dh-theme-filter-grid{
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
#gogo-workspace .dh-theme-search,
#gogo-workspace .dh-theme-group,
#gogo-workspace .dh-theme-actions{
    grid-column: 1 !important;
  }
#gogo-workspace .dh-theme-group{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
#gogo-workspace .dh-theme-actions{
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  }}
@media (max-width: 560px){#gogo-workspace .dh-theme-card{
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }
#gogo-workspace .dh-theme-group{
    padding: 8px !important;
    gap: 7px !important;
  }
#gogo-workspace .dh-theme-field input,
#gogo-workspace .dh-theme-field select{
    height: 42px !important;
    min-height: 42px !important;
  }
#gogo-workspace .dh-topbar{
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
#gogo-workspace .dh-result-count{
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    min-height: 28px !important;
  }
#gogo-workspace .dh-table{
    min-width: 1280px !important;
  }}
#gogo-workspace .dh-history-final-table{
  width: max(100%, 1040px) !important;
  min-width: 1040px !important;
  table-layout: fixed !important;
}
#gogo-workspace .dh-history-final-table th,
#gogo-workspace .dh-history-final-table td{
  padding: 9px 8px !important;
}
#gogo-workspace .dh-shop-col,
#gogo-workspace .dh-shop-cell{
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-date-col{
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}
#gogo-workspace .dh-photo-col{
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
}
#gogo-workspace .dh-amount-col{
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}
#gogo-workspace .dh-deli-col{
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
}
#gogo-workspace .dh-customer-col,
#gogo-workspace .dh-customer-detail-cell{
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
}
#gogo-workspace .dh-customer-detail-cell span{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-biker-col{
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#gogo-workspace .dh-status-col{
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
}
#gogo-workspace .dh-action-col{
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  text-align: center !important;
}
#gogo-workspace .dh-info-col{
  width: 66px !important;
  min-width: 66px !important;
  max-width: 66px !important;
  text-align: center !important;
}
#gogo-workspace .dh-edit-btn,
#gogo-workspace .dh-delete-btn,
#gogo-workspace .dh-info-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 46px !important;
  height: 30px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
#gogo-workspace .dh-edit-btn{
  border: 1px solid #cddfef !important;
  background: #f2f8fd !important;
  color: #356a92 !important;
}
#gogo-workspace .dh-delete-btn{
  border: 1px solid #efcbc6 !important;
  background: #fff3f1 !important;
  color: #b84f45 !important;
}
#gogo-workspace .dh-load-more[hidden]{
  display: none !important;
}
#gogoModal .dh-edit-modal{
  padding: 2px 0 4px !important;
}
#gogoModal .dh-edit-head{
  margin-bottom: 12px !important;
}
#gogoModal .dh-edit-kicker{
  display: block !important;
  margin-bottom: 3px !important;
  color: #16824d !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
}
#gogoModal .dh-edit-head p{
  margin: 4px 0 0 !important;
  color: #74877e !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}
#gogoModal .dh-edit-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogoModal .dh-edit-wide{
  grid-column: 1 / -1 !important;
}
#gogoModal .dh-edit-field{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
#gogoModal .dh-edit-field > span,
#gogoModal .dh-edit-photo-label{
  color: #557064 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
#gogoModal .dh-edit-field input,
#gogoModal .dh-edit-field select{
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  border: 1px solid #d7e6df !important;
  border-radius: 11px !important;
  background: #f8fcfa !important;
  color: #284d3c !important;
  font-size: 10px !important;
  box-sizing: border-box !important;
}
#gogoModal .dh-edit-photo{
  padding: 9px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 13px !important;
  background: #f6fbf8 !important;
}
#gogoModal .dh-edit-photo-row{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 7px !important;
}
#gogoModal .dh-edit-photo-preview{
  display: grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  overflow: hidden !important;
  border: 1px solid #d6e7de !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  font-size: 20px !important;
}
#gogoModal .dh-edit-photo-preview img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#gogoModal .dh-edit-photo-actions{
  display: flex !important;
  flex: 1 !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
#gogoModal .dh-edit-photo-btn,
#gogoModal .dh-edit-remove-photo{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-edit-photo-btn{
  border: 1px solid #cfe3d7 !important;
  background: #ecf8f1 !important;
  color: #187b4a !important;
}
#gogoModal .dh-edit-remove-photo{
  border: 1px solid #efcec8 !important;
  background: #fff5f3 !important;
  color: #b25449 !important;
}
#gogoModal .dh-edit-actions{
  display: grid !important;
  grid-template-columns: .8fr 1.2fr !important;
  gap: 8px !important;
  margin-top: 13px !important;
}
#gogoModal .dh-edit-cancel,
#gogoModal .dh-edit-save{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-edit-cancel{
  border: 1px solid #d9e5df !important;
  background: #f5f8f6 !important;
  color: #667a70 !important;
}
#gogoModal .dh-edit-save{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
}
#gogoModal .dh-delete-modal{
  text-align: center !important;
  padding: 4px 0 2px !important;
}
#gogoModal .dh-delete-icon{
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #efd2cd !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #fff8f7 0%, #ffe9e5 100%) !important;
  font-size: 18px !important;
}
#gogoModal .dh-delete-title{
  text-align: center !important;
}
#gogoModal .dh-delete-copy{
  margin: 5px 0 10px !important;
  color: #6f8178 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}
#gogoModal .dh-delete-copy strong{
  color: #2b4c3d !important;
}
#gogoModal .dh-delete-warning{
  margin-bottom: 13px !important;
  padding: 9px 10px !important;
  border: 1px solid #f0d4cf !important;
  border-radius: 11px !important;
  background: #fff4f2 !important;
  color: #a95b52 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}
#gogoModal .dh-delete-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
#gogoModal .dh-delete-cancel,
#gogoModal .dh-delete-confirm{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-delete-cancel{
  border: 1px solid #d9e5df !important;
  background: #f5f8f6 !important;
  color: #667a70 !important;
}
#gogoModal .dh-delete-confirm{
  border: 0 !important;
  background: linear-gradient(135deg, #d96054 0%, #b8453c 100%) !important;
  color: #ffffff !important;
}
@media (max-width: 560px){#gogo-workspace .dh-history-final-table{
    width: 1040px !important;
    min-width: 1040px !important;
  }
#gogoModal .dh-edit-grid{
    grid-template-columns: 1fr !important;
  }
#gogoModal .dh-edit-wide{
    grid-column: 1 !important;
  }}
#gogo-workspace .dh-results-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
#gogo-workspace .dh-export-pdf-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #bfe0cc !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f4fbf7 0%, #e8f6ee 100%) !important;
  color: #137a48 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: 0 5px 12px rgba(19,122,72,.07) !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .dh-export-pdf-btn:active{
  transform: scale(.98) !important;
}
#gogo-workspace .dh-export-pdf-btn:disabled{
  opacity: .48 !important;
  cursor: default !important;
  pointer-events: none !important;
}
#gogo-workspace .dh-export-pdf-btn.is-exporting{
  opacity: 1 !important;
  min-width: 116px !important;
}
#gogo-workspace .dh-pdf-mini-loader{
  width: 11px !important;
  height: 11px !important;
  border: 2px solid rgba(19,122,72,.18) !important;
  border-top-color: #137a48 !important;
  border-radius: 50% !important;
  animation: gogoPdfMiniSpin .65s linear infinite !important;
}
@keyframes gogoPdfMiniSpin {
  to { transform: rotate(360deg); }
}
#gogo-workspace .gogo-pdf-report,
#gogoModal .gogo-pdf-report{
  position: absolute !important;
  left: -100000px !important;
  top: 0 !important;
  width: 1120px !important;
  padding: 30px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #243c31 !important;
  font-family: Arial, "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
#gogo-workspace .gogo-pdf-report *,
#gogoModal .gogo-pdf-report *{ box-sizing: border-box !important; }
#gogo-workspace .gogo-pdf-header,
#gogoModal .gogo-pdf-header{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #1b8a53 !important;
}
#gogo-workspace .gogo-pdf-brand,
#gogoModal .gogo-pdf-brand{
  margin-bottom: 3px !important;
  color: #16814d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-title,
#gogoModal .gogo-pdf-title{
  color: #244b39 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
#gogo-workspace .gogo-pdf-meta,
#gogoModal .gogo-pdf-meta{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 3px !important;
  color: #6c8076 !important;
  font-size: 9px !important;
}
#gogo-workspace .gogo-pdf-meta strong,
#gogoModal .gogo-pdf-meta strong{
  color: #24513d !important;
  font-size: 11px !important;
}
#gogo-workspace .gogo-pdf-filters,
#gogoModal .gogo-pdf-filters{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 14px !important;
}
#gogo-workspace .gogo-pdf-filters span,
#gogoModal .gogo-pdf-filters span{
  display: inline-block !important;
  padding: 5px 8px !important;
  border: 1px solid #d9e9e0 !important;
  border-radius: 999px !important;
  background: #f4faf6 !important;
  color: #476456 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-table,
#gogoModal .gogo-pdf-table{
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #ffffff !important;
}
#gogo-workspace .gogo-pdf-table thead,
#gogoModal .gogo-pdf-table thead{ display: table-header-group !important; }
#gogo-workspace .gogo-pdf-table tfoot,
#gogoModal .gogo-pdf-table tfoot{ display: table-row-group !important; }
#gogo-workspace .gogo-pdf-table tr,
#gogoModal .gogo-pdf-table tr{
  break-inside: avoid !important;
  page-break-inside: avoid !important;
}
#gogo-workspace .gogo-pdf-table th,
#gogoModal .gogo-pdf-table th,
#gogo-workspace .gogo-pdf-table td,
#gogoModal .gogo-pdf-table td{
  padding: 7px 6px !important;
  border: 1px solid #dfe9e4 !important;
  vertical-align: middle !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}
#gogo-workspace .gogo-pdf-table th,
#gogoModal .gogo-pdf-table th{
  background: #eaf6ef !important;
  color: #2b5843 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
#gogo-workspace .gogo-pdf-table td,
#gogoModal .gogo-pdf-table td{
  color: #394f44 !important;
  font-size: 8.5px !important;
}
#gogo-workspace .gogo-pdf-table tbody tr:nth-child(even) td,
#gogoModal .gogo-pdf-table tbody tr:nth-child(even) td{ background: #fbfdfc !important; }
#gogo-workspace .gogo-pdf-center,
#gogoModal .gogo-pdf-center,
#gogo-workspace .gogo-pdf-photo-cell,
#gogoModal .gogo-pdf-photo-cell{ text-align: center !important; }
#gogo-workspace .gogo-pdf-nowrap,
#gogoModal .gogo-pdf-nowrap,
#gogo-workspace .gogo-pdf-money,
#gogoModal .gogo-pdf-money{ white-space: nowrap !important; }
#gogo-workspace .gogo-pdf-money,
#gogoModal .gogo-pdf-money{ color: #214d38 !important; font-weight: 800 !important; }
#gogo-workspace .gogo-pdf-photo-cell img,
#gogoModal .gogo-pdf-photo-cell img{
  display: inline-block !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: cover !important;
  border: 1px solid #d5e6dd !important;
  border-radius: 7px !important;
}
#gogo-workspace .gogo-pdf-no-photo,
#gogoModal .gogo-pdf-no-photo{ color: #a2afa9 !important; }
#gogo-workspace .gogo-pdf-customer strong,
#gogoModal .gogo-pdf-customer strong,
#gogo-workspace .gogo-pdf-customer span,
#gogoModal .gogo-pdf-customer span{ display: block !important; }
#gogo-workspace .gogo-pdf-customer strong,
#gogoModal .gogo-pdf-customer strong{
  margin-bottom: 2px !important;
  color: #244b39 !important;
  font-size: 9px !important;
}
#gogo-workspace .gogo-pdf-customer span,
#gogoModal .gogo-pdf-customer span{
  margin-top: 1px !important;
  color: #60756a !important;
  font-size: 8px !important;
}
#gogo-workspace .gogo-pdf-status,
#gogoModal .gogo-pdf-status{
  display: inline-block !important;
  padding: 4px 6px !important;
  border-radius: 999px !important;
  background: #edf7f1 !important;
  color: #1b7d4c !important;
  font-size: 7.5px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .gogo-pdf-table tfoot td,
#gogoModal .gogo-pdf-table tfoot td{
  border-top: 2px solid #bcdcc9 !important;
  background: #edf7f1 !important;
}
#gogo-workspace .gogo-pdf-total-label,
#gogoModal .gogo-pdf-total-label{
  color: #315846 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .gogo-pdf-total-money span,
#gogoModal .gogo-pdf-total-money span,
#gogo-workspace .gogo-pdf-total-money strong,
#gogoModal .gogo-pdf-total-money strong{ display: block !important; }
#gogo-workspace .gogo-pdf-total-money span,
#gogoModal .gogo-pdf-total-money span{
  margin-bottom: 2px !important;
  color: #688075 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
#gogo-workspace .gogo-pdf-total-money strong,
#gogoModal .gogo-pdf-total-money strong{
  color: #147b49 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .gogo-pdf-total-count,
#gogoModal .gogo-pdf-total-count{
  text-align: right !important;
  color: #5e7569 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}
#gogo-workspace .gogo-pdf-footer-note,
#gogoModal .gogo-pdf-footer-note{
  margin-top: 9px !important;
  color: #8a9992 !important;
  font-size: 7.5px !important;
  text-align: right !important;
}
#gogoModal .dh-pdf-error-modal{
  text-align: center !important;
  padding: 4px 0 2px !important;
}
#gogoModal .dh-pdf-error-icon{
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #efd5cf !important;
  border-radius: 50% !important;
  background: #fff3f1 !important;
  color: #bd554a !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
#gogoModal .dh-pdf-error-modal p{
  margin: 6px 0 13px !important;
  color: #6f8178 !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}
#gogoModal .dh-pdf-error-modal .dh-edit-save{ width: 100% !important; }
@media (max-width: 560px){#gogo-workspace .dh-results-actions{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    justify-content: space-between !important;
  }
#gogo-workspace .dh-results-actions .dh-result-count{ min-height: 30px !important; }
#gogo-workspace .dh-export-pdf-btn{
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }}
#gogo-workspace .gogo-pdf-report,
#gogoModal .gogo-pdf-report{
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  z-index: 2147483000 !important;
  width: 1120px !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}
#gogo-workspace .gogo-pdf-export-cover,
#gogoModal .gogo-pdf-export-cover{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
  background: #eaf5ef !important;
}
#gogo-workspace .gogo-pdf-export-cover-card,
#gogoModal .gogo-pdf-export-cover-card{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 180px !important;
  padding: 20px 22px !important;
  border: 1px solid #cfe4d8 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 50px rgba(18, 82, 51, .12) !important;
  color: #28503d !important;
  font-family: Arial, sans-serif !important;
  text-align: center !important;
}
#gogo-workspace .gogo-pdf-export-cover-card strong,
#gogoModal .gogo-pdf-export-cover-card strong{
  font-size: 13px !important;
  font-weight: 900 !important;
}
#gogo-workspace .gogo-pdf-export-cover-card > span:last-child,
#gogoModal .gogo-pdf-export-cover-card > span:last-child{
  color: #72877c !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
#gogo-workspace .gogo-pdf-export-cover-loader,
#gogoModal .gogo-pdf-export-cover-loader{
  width: 24px !important;
  height: 24px !important;
  border: 3px solid rgba(19, 122, 72, .16) !important;
  border-top-color: #137a48 !important;
  border-radius: 50% !important;
  animation: gogoPdfCoverSpin .7s linear infinite !important;
}
@keyframes gogoPdfCoverSpin {
  to { transform: rotate(360deg); }
}
#gogoModal{
  z-index: 2147483000 !important;
}
#gogoModal.open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#gogoModal .gogo-modal-card{
  z-index: 1 !important;
}
#gogoModal .gogo-critical-modal{
  width: 100% !important;
  text-align: center !important;
  padding: 2px 0 4px !important;
}
#gogoModal .gogo-critical-modal-icon{
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto 11px !important;
  border-radius: 50% !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-icon.success{
  border: 1px solid #c9e5d4 !important;
  background: #eaf8f0 !important;
  color: #12804a !important;
}
#gogoModal .gogo-critical-modal-icon.danger{
  border: 1px solid #efd0ca !important;
  background: #fff1ef !important;
  color: #bd5147 !important;
}
#gogoModal .gogo-critical-modal-title{
  margin: 0 !important;
  padding: 0 34px !important;
  color: #214a37 !important;
  text-align: center !important;
  font-family: "Bodoni Moda", "Noto Sans Myanmar", sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
#gogoModal .gogo-critical-modal-copy{
  margin: 9px 0 0 !important;
  color: #61786c !important;
  font-family: "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
#gogoModal .gogo-critical-modal-copy strong{
  color: #1c5b3d !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-warning{
  margin-top: 12px !important;
  padding: 10px 11px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  background: rgba(246,250,248,.96) !important;
  color: #657b70 !important;
  font-family: "Noto Sans Myanmar", "Myanmar Text", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.6 !important;
}
#gogoModal .gogo-critical-modal-warning strong{
  color: #186f46 !important;
  font-weight: 900 !important;
}
#gogoModal .gogo-critical-modal-actions{
  display: grid !important;
  grid-template-columns: .85fr 1.15fr !important;
  gap: 9px !important;
  margin-top: 15px !important;
}
#gogoModal .gogo-critical-cancel-btn,
#gogoModal .gogo-critical-success-btn,
#gogoModal .gogo-critical-danger-btn{
  min-height: 43px !important;
  border-radius: 12px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogoModal .gogo-critical-cancel-btn{
  border: 1px solid #d8e5de !important;
  background: #f6f9f7 !important;
  color: #687b71 !important;
}
#gogoModal .gogo-critical-success-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa052 0%, #087d42 100%) !important;
  color: #ffffff !important;
}
#gogoModal .gogo-critical-danger-btn{
  border: 0 !important;
  background: linear-gradient(135deg, #d85b50 0%, #b7443b 100%) !important;
  color: #ffffff !important;
}
#gogo-workspace .gogo-data-safety-tools{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  margin-left: auto !important;
}
#gogo-workspace .gogo-backup-btn,
#gogo-workspace .gogo-restore-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#gogo-workspace .gogo-backup-btn{
  border: 1px solid #bfdfcb !important;
  background: #edf8f1 !important;
  color: #147b49 !important;
}
#gogo-workspace .gogo-restore-btn{
  border: 1px solid #d8e4de !important;
  background: #f7faf8 !important;
  color: #61786c !important;
}
#gogo-workspace .gogo-backup-btn.compact{
  min-height: 30px !important;
  padding: 0 10px !important;
}
@media (max-width: 560px){#gogoModal{
    padding: 14px !important;
  }
#gogoModal .gogo-modal-card{
    width: min(94vw, 390px) !important;
    margin: auto !important;
  }
#gogoModal .gogo-critical-modal-title{
    padding: 0 22px !important;
    font-size: 18px !important;
  }
#gogo-workspace .dh-theme-card-head{
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
#gogo-workspace .gogo-data-safety-tools{
    width: 100% !important;
    justify-content: flex-start !important;
  }}
#gogo-workspace .dh-results-actions{
  gap: 7px !important;
}
#gogo-workspace .dh-result-count,
#gogo-workspace .dh-export-pdf-btn{
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  box-sizing: border-box !important;
}
#gogo-workspace .dh-export-pdf-btn{
  width: auto !important;
  min-width: 96px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
}
#gogo-workspace .dh-table-scroll{
  scrollbar-width: thin !important;
  scrollbar-color: #bcdcca #eef6f1 !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar{
  height: 6px !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar-track{
  background: #eef6f1 !important;
}
#gogo-workspace .dh-table-scroll::-webkit-scrollbar-thumb{
  border-radius: 999px !important;
  background: #bcdcca !important;
}
@media (max-width: 700px){#gogo-workspace .dh-fullscreen{
    padding: 9px !important;
  }
#gogo-workspace .dh-topbar{
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    padding: 9px !important;
    border-radius: 15px !important;
  }
#gogo-workspace .dh-back-btn{
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 8.5px !important;
  }
#gogo-workspace .dh-heading h2{
    font-size: 19px !important;
    line-height: 1.05 !important;
  }
#gogo-workspace .dh-heading p{
    display: block !important;
    margin-top: 2px !important;
    font-size: 7.5px !important;
    line-height: 1.25 !important;
  }
#gogo-workspace .dh-results-actions{
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 1px !important;
  }
#gogo-workspace .dh-result-count{
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-export-pdf-btn{
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    min-width: 94px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-table-shell{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 185px) !important;
    border-radius: 15px !important;
  }
#gogo-workspace .dh-table-scroll{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 235px) !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
#gogo-workspace .dh-history-final-table{
    width: 890px !important;
    min-width: 890px !important;
    max-width: 890px !important;
    table-layout: fixed !important;
  }
#gogo-workspace .dh-history-final-table th,
#gogo-workspace .dh-history-final-table td{
    padding: 7px 5px !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
  }
#gogo-workspace .dh-history-final-table th{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 7px !important;
  }
#gogo-workspace .dh-no-col{
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
#gogo-workspace .dh-shop-col,
#gogo-workspace .dh-shop-cell{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-date-col{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-photo-col{
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
#gogo-workspace .dh-parcel-photo,
#gogo-workspace .dh-photo-placeholder{
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 8px !important;
  }
#gogo-workspace .dh-amount-col{
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
#gogo-workspace .dh-deli-col{
    width: 75px !important;
    min-width: 75px !important;
    max-width: 75px !important;
  }
#gogo-workspace .dh-customer-col,
#gogo-workspace .dh-customer-detail-cell{
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
#gogo-workspace .dh-customer-detail-cell strong{
    font-size: 8.5px !important;
  }
#gogo-workspace .dh-customer-detail-cell span{
    font-size: 7.5px !important;
  }
#gogo-workspace .dh-biker-col{
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
#gogo-workspace .dh-status-col{
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }
#gogo-workspace .dh-action-col{
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
  }
#gogo-workspace .dh-info-col{
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    right: auto !important;
    box-shadow: none !important;
  }
#gogo-workspace .dh-table tbody .dh-info-col,
#gogo-workspace .dh-table tfoot .dh-info-col{
    position: static !important;
  }
#gogo-workspace .dh-table th.dh-info-col{
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    z-index: 4 !important;
  }
#gogo-workspace .dh-edit-btn,
#gogo-workspace .dh-delete-btn,
#gogo-workspace .dh-info-btn{
    width: auto !important;
    min-width: 42px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 6px !important;
    border-radius: 8px !important;
    font-size: 7px !important;
    line-height: 1 !important;
  }
#gogo-workspace .dh-status{
    min-height: 22px !important;
    padding: 0 6px !important;
    font-size: 7px !important;
  }
#gogo-workspace .dh-table-footer{
    min-height: 42px !important;
    padding: 7px 10px !important;
  }
#gogo-workspace .dh-table-footer span{
    font-size: 8px !important;
  }
#gogo-workspace .dh-load-more{
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .dh-total-title{
    font-size: 7px !important;
  }
#gogo-workspace .dh-total-money{
    min-width: 0 !important;
    white-space: normal !important;
  }
#gogo-workspace .dh-total-money span{
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-total-money strong{
    font-size: 8px !important;
  }}
#gogo-workspace .gogo-storage-warning,
#gogoModal .gogo-storage-warning{
  text-align: center !important;
}
#gogo-workspace .gogo-storage-warning-icon,
#gogoModal .gogo-storage-warning-icon{
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 10px !important;
  border: 1px solid #edd3cb !important;
  border-radius: 50% !important;
  background: #fff3f0 !important;
  color: #bd5549 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
#gogo-workspace .gogo-storage-warning p,
#gogoModal .gogo-storage-warning p{
  margin: 7px 0 10px !important;
  color: #61776c !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}
#gogo-workspace .gogo-storage-warning-note,
#gogoModal .gogo-storage-warning-note{
  margin-bottom: 13px !important;
  padding: 9px 10px !important;
  border: 1px solid #dce9e2 !important;
  border-radius: 12px !important;
  background: #f5faf7 !important;
  color: #60766b !important;
  font-size: 8.5px !important;
  line-height: 1.45 !important;
}
#gogo-workspace .dh-fullscreen.dh-v10-results{
  padding-top: max(20px, env(safe-area-inset-top)) !important;
}
#gogo-workspace .dh-v10-results .dh-topbar{
  overflow: visible !important;
}
#gogo-workspace .dh-v10-results .dh-heading,
#gogo-workspace .dh-v10-results .dh-heading h2{
  overflow: visible !important;
}
#gogo-workspace .dh-v10-results .dh-heading h2{
  padding: 3px 0 2px !important;
  line-height: 1.22 !important;
}
@media (max-width: 700px){#gogo-workspace .dh-fullscreen.dh-v10-results{
    padding:
      max(18px, env(safe-area-inset-top))
      9px
      max(9px, env(safe-area-inset-bottom))
      9px !important;
  }
#gogo-workspace .dh-v10-results .dh-topbar{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 7px 9px !important;
    margin-bottom: 9px !important;
    padding: 10px 11px !important;
    border-radius: 16px !important;
  }
#gogo-workspace .dh-v10-results .dh-back-btn{
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    height: 34px !important;
    min-height: 34px !important;
  }
#gogo-workspace .dh-v10-results .dh-heading{
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding: 1px 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-kicker{
    margin-bottom: 1px !important;
    font-size: 6.8px !important;
    letter-spacing: .11em !important;
  }
#gogo-workspace .dh-v10-results .dh-heading h2{
    margin: 0 !important;
    padding: 2px 0 3px !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
  }
#gogo-workspace .dh-v10-results .dh-heading p{
    margin: 0 !important;
    font-size: 7.2px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
#gogo-workspace .dh-v10-results .dh-results-actions{
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 1px 0 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-result-count,
#gogo-workspace .dh-v10-results .dh-export-pdf-btn{
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-result-count{
    min-width: 74px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 10px !important;
  }
#gogo-workspace .dh-v10-results .dh-export-pdf-btn{
    min-width: 100px !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    padding: 0 11px !important;
  }
#gogo-workspace .dh-v10-results .dh-table-shell{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 160px) !important;
    min-height: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-table-scroll{
    flex: 0 1 auto !important;
    max-height: calc(100dvh - 205px) !important;
    min-height: 0 !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table{
    width: 770px !important;
    min-width: 770px !important;
    max-width: 770px !important;
    table-layout: fixed !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table th,
#gogo-workspace .dh-v10-results .dh-history-final-table td{
    padding: 6px 4px !important;
    font-size: 7.3px !important;
  }
#gogo-workspace .dh-v10-results .dh-history-final-table th{
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-v10-results .dh-no-col{
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }
#gogo-workspace .dh-v10-results .dh-shop-col,
#gogo-workspace .dh-v10-results .dh-shop-cell{
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }
#gogo-workspace .dh-v10-results .dh-date-col{
    width: 61px !important;
    min-width: 61px !important;
    max-width: 61px !important;
  }
#gogo-workspace .dh-v10-results .dh-photo-col{
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
#gogo-workspace .dh-v10-results .dh-amount-col{
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
#gogo-workspace .dh-v10-results .dh-deli-col{
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
  }
#gogo-workspace .dh-v10-results .dh-customer-col,
#gogo-workspace .dh-v10-results .dh-customer-detail-cell{
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }
#gogo-workspace .dh-v10-results .dh-biker-col{
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }
#gogo-workspace .dh-v10-results .dh-status-col{
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
  }
#gogo-workspace .dh-v10-results .dh-action-col{
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
  }
#gogo-workspace .dh-v10-results .dh-info-col{
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
#gogo-workspace .dh-v10-results .dh-parcel-photo,
#gogo-workspace .dh-v10-results .dh-photo-placeholder{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
#gogo-workspace .dh-v10-results .dh-edit-btn,
#gogo-workspace .dh-v10-results .dh-delete-btn,
#gogo-workspace .dh-v10-results .dh-info-btn{
    min-width: 38px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 5px !important;
    font-size: 6.5px !important;
  }
#gogo-workspace .dh-v10-results .dh-table-footer{
    min-height: 38px !important;
    padding: 6px 9px !important;
  }}
#gogo-workspace .um-page,
#gogoModal .um-page{
  padding-bottom: 28px !important;
}
#gogo-workspace .um-page-head,
#gogoModal .um-page-head{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
#gogo-workspace .um-create-btn,
#gogoModal .um-create-btn{
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #0aa053 0%, #078044 100%) !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 20px rgba(10, 128, 70, .17) !important;
}
#gogo-workspace .um-summary-grid,
#gogoModal .um-summary-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .um-summary-card,
#gogoModal .um-summary-card{
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(37, 112, 76, .12) !important;
  border-radius: 15px !important;
  background: linear-gradient(155deg, rgba(255,255,255,.94), rgba(237,248,242,.96)) !important;
  box-shadow: 0 8px 22px rgba(24, 84, 55, .06) !important;
}
#gogo-workspace .um-summary-card span,
#gogoModal .um-summary-card span{
  display: block !important;
  margin-bottom: 4px !important;
  color: #75887f !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
#gogo-workspace .um-summary-card strong,
#gogoModal .um-summary-card strong{
  color: #155b3b !important;
  font-family: "Bodoni Moda", serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
}
#gogo-workspace .um-control-card,
#gogoModal .um-control-card{
  padding: 13px !important;
}
#gogo-workspace .um-search-row,
#gogoModal .um-search-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(110px, .7fr) minmax(110px, .7fr) !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
#gogo-workspace .um-search-row input,
#gogoModal .um-search-row input,
#gogo-workspace .um-search-row select,
#gogoModal .um-search-row select,
#gogo-workspace .um-field input,
#gogoModal .um-field input,
#gogo-workspace .um-field select,
#gogoModal .um-field select{
  width: 100% !important;
  min-height: 38px !important;
  padding: 0 11px !important;
  border: 1px solid #d8e7df !important;
  border-radius: 11px !important;
  outline: none !important;
  background: #fff !important;
  color: #284b3b !important;
  font-size: 9px !important;
  box-sizing: border-box !important;
}
#gogo-workspace .um-search-row input:focus,
#gogoModal .um-search-row input:focus,
#gogo-workspace .um-search-row select:focus,
#gogoModal .um-search-row select:focus,
#gogo-workspace .um-field input:focus,
#gogoModal .um-field input:focus,
#gogo-workspace .um-field select:focus,
#gogoModal .um-field select:focus{
  border-color: #88c7a7 !important;
  box-shadow: 0 0 0 3px rgba(19, 128, 73, .08) !important;
}
#gogo-workspace .um-list-head,
#gogoModal .um-list-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 2px 8px !important;
}
#gogo-workspace .um-list-head strong,
#gogoModal .um-list-head strong{
  color: #315846 !important;
  font-size: 9px !important;
}
#gogo-workspace .um-list-head span,
#gogoModal .um-list-head span{
  color: #88988f !important;
  font-size: 7.5px !important;
}
#gogo-workspace .um-user-list,
#gogoModal .um-user-list{
  display: grid !important;
  gap: 8px !important;
}
#gogo-workspace .um-user-card,
#gogoModal .um-user-card{
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid #e0ebe5 !important;
  border-radius: 14px !important;
  background: #fbfdfc !important;
}
#gogo-workspace .um-avatar-wrap,
#gogoModal .um-avatar-wrap{
  display: grid !important;
  place-items: center !important;
}
#gogo-workspace .um-avatar,
#gogoModal .um-avatar{
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  border: 1px solid #d5e7dd !important;
  background: #eef8f2 !important;
}
#gogo-workspace .um-avatar.placeholder,
#gogoModal .um-avatar.placeholder{
  display: grid !important;
  place-items: center !important;
  color: #187647 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-user-main,
#gogoModal .um-user-main{
  min-width: 0 !important;
}
#gogo-workspace .um-user-name-row,
#gogoModal .um-user-name-row{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
#gogo-workspace .um-user-name-row strong,
#gogoModal .um-user-name-row strong{
  color: #214b38 !important;
  font-size: 10.5px !important;
}
#gogo-workspace .um-user-meta,
#gogoModal .um-user-meta,
#gogo-workspace .um-user-shop,
#gogoModal .um-user-shop{
  margin-top: 3px !important;
  color: #7d8f86 !important;
  font-size: 7.8px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
#gogo-workspace .um-user-shop,
#gogoModal .um-user-shop{
  color: #5d786a !important;
}
#gogo-workspace .um-role-badge,
#gogoModal .um-role-badge,
#gogo-workspace .um-system-badge,
#gogoModal .um-system-badge,
#gogo-workspace .um-status-badge,
#gogoModal .um-status-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 21px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-size: 6.7px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-role-badge.admin,
#gogoModal .um-role-badge.admin{
  background: #eef0ff !important;
  color: #5d5dc2 !important;
}
#gogo-workspace .um-role-badge.os,
#gogoModal .um-role-badge.os{
  background: #eaf7ef !important;
  color: #167a49 !important;
}
#gogo-workspace .um-role-badge.biker,
#gogoModal .um-role-badge.biker{
  background: #edf5ff !important;
  color: #4776a7 !important;
}
#gogo-workspace .um-system-badge,
#gogoModal .um-system-badge{
  background: #f2f4f3 !important;
  color: #7b8982 !important;
}
#gogo-workspace .um-status-badge.active,
#gogoModal .um-status-badge.active{
  background: #eaf8f0 !important;
  color: #137c49 !important;
}
#gogo-workspace .um-status-badge.inactive,
#gogoModal .um-status-badge.inactive{
  background: #f6f1ef !important;
  color: #9b6d62 !important;
}
#gogo-workspace .um-user-side,
#gogoModal .um-user-side{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 7px !important;
}
#gogo-workspace .um-user-actions,
#gogoModal .um-user-actions{
  display: flex !important;
  gap: 5px !important;
}
#gogo-workspace .um-edit-user,
#gogoModal .um-edit-user,
#gogo-workspace .um-delete-user,
#gogoModal .um-delete-user{
  min-height: 28px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 7px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-edit-user,
#gogoModal .um-edit-user{
  border: 1px solid #c8ddec !important;
  background: #f1f7fb !important;
  color: #46749b !important;
}
#gogo-workspace .um-delete-user,
#gogoModal .um-delete-user{
  border: 1px solid #efc8c1 !important;
  background: #fff3f1 !important;
  color: #b45147 !important;
}
#gogo-workspace .um-protected,
#gogoModal .um-protected{
  color: #8b9892 !important;
  font-size: 7px !important;
  font-weight: 800 !important;
}
#gogo-workspace .um-empty,
#gogoModal .um-empty{
  padding: 24px 12px !important;
  border: 1px dashed #ccded4 !important;
  border-radius: 12px !important;
  color: #819188 !important;
  font-size: 9px !important;
  text-align: center !important;
}
#gogoModal .um-modal-head{
  margin-bottom: 12px !important;
}
#gogoModal .um-modal-head .um-mini{
  color: #16804c !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
}
#gogoModal .um-modal-head p{
  margin: 4px 0 0 !important;
  color: #75887e !important;
  font-size: 8.5px !important;
  line-height: 1.4 !important;
}
#gogo-workspace .um-photo-box,
#gogoModal .um-photo-box{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  padding: 9px !important;
  border: 1px dashed #b9d9c8 !important;
  border-radius: 12px !important;
  background: #f5fbf7 !important;
  cursor: pointer !important;
}
#gogo-workspace .um-photo-preview,
#gogoModal .um-photo-preview{
  display: none;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}
#gogo-workspace .um-photo-box strong,
#gogoModal .um-photo-box strong{
  display: block !important;
  color: #28543f !important;
  font-size: 9px !important;
}
#gogo-workspace .um-photo-box span,
#gogoModal .um-photo-box span{
  display: block !important;
  margin-top: 2px !important;
  color: #83948b !important;
  font-size: 7.5px !important;
}
#gogo-workspace .um-form-grid,
#gogoModal .um-form-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}
#gogo-workspace .um-field,
#gogoModal .um-field{
  display: block !important;
}
#gogo-workspace .um-field > span,
#gogoModal .um-field > span{
  display: block !important;
  margin: 0 0 4px 2px !important;
  color: #63786d !important;
  font-size: 7px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}
#gogo-workspace .um-wide,
#gogoModal .um-wide{
  grid-column: 1 / -1 !important;
}
#gogoModal .um-modal-actions{
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: 8px !important;
  margin-top: 13px !important;
}
#gogo-workspace .um-btn,
#gogoModal .um-btn{
  min-height: 40px !important;
  border-radius: 11px !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
}
#gogo-workspace .um-btn.secondary,
#gogoModal .um-btn.secondary{
  border: 1px solid #d9e6df !important;
  background: #f6f9f7 !important;
  color: #6a7c73 !important;
}
#gogo-workspace .um-btn.primary,
#gogoModal .um-btn.primary{
  border: 0 !important;
  background: linear-gradient(135deg, #0aa053, #087d43) !important;
  color: #fff !important;
}
#gogo-workspace .um-role-session-banner,
#gogoModal .um-role-session-banner{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding: 9px 10px !important;
  border: 1px solid #d9e8df !important;
  border-radius: 12px !important;
  background: #f6fbf8 !important;
}
#gogo-workspace .um-role-session-banner strong,
#gogoModal .um-role-session-banner strong{
  color: #28523f !important;
  font-size: 9px !important;
}
#gogoModal .gogo-critical-modal-actions.one{
  grid-template-columns: 1fr !important;
}
@media (max-width: 700px){#gogo-workspace .um-page-head,
#gogoModal .um-page-head{
    align-items: center !important;
  }
#gogo-workspace .um-create-btn,
#gogoModal .um-create-btn{
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 8px !important;
  }
#gogo-workspace .um-summary-grid,
#gogoModal .um-summary-grid{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .um-summary-card,
#gogoModal .um-summary-card{
    padding: 10px !important;
  }
#gogo-workspace .um-summary-card strong,
#gogoModal .um-summary-card strong{
    font-size: 18px !important;
  }
#gogo-workspace .um-search-row,
#gogoModal .um-search-row{
    grid-template-columns: 1fr 1fr !important;
  }
#gogo-workspace .um-search-row input,
#gogoModal .um-search-row input{
    grid-column: 1 / -1 !important;
  }
#gogo-workspace .um-user-card,
#gogoModal .um-user-card{
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
#gogo-workspace .um-user-side,
#gogoModal .um-user-side{
    grid-column: 1 / -1 !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 50px !important;
  }
#gogo-workspace .um-form-grid,
#gogoModal .um-form-grid{
    grid-template-columns: 1fr !important;
  }
#gogo-workspace .um-wide,
#gogoModal .um-wide{
    grid-column: 1 !important;
  }}
#gogo-workspace .um-role-badge.office,
#gogoModal .um-role-badge.office{
  background: #fff4df !important;
  color: #9a6b18 !important;
}
#gogo-workspace .um-readonly,
#gogoModal .um-readonly{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border: 1px solid #dde6e1 !important;
  border-radius: 999px !important;
  background: #f5f8f6 !important;
  color: #85928b !important;
  font-size: 6.8px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}
#gogo-workspace .os-portal-way-top span:not(.dh-status),
#gogoModal .os-portal-way-top span:not(.dh-status){
  display: block;
  margin-top: 3px;
  color: #6d887a;
  font-size: 9px;
}
body:not(.gogo-history-open) #gogo-workspace .dh-theme-page .dh-theme-filter-grid{
  align-items: stretch;
}
#gogo-workspace .dh-biker-col,
#gogoModal .dh-biker-col{
  min-width: 82px !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head,
#gogo-workspace .um-role-detail-page .um-role-detail-head,
#gogoModal .um-role-detail-page .um-role-detail-head{
  margin-bottom: 18px;
}
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid rgba(62, 123, 94, 0.14);
  border-radius: 20px;
  background: rgba(255,255,255,0.68);
  box-shadow: 0 10px 26px rgba(30, 90, 60, 0.06);
}
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: #edf7f1;
  color: #13864f;
  font-weight: 800;
  font-size: 17px;
  border: 1px solid rgba(37, 131, 83, 0.16);
}
#gogo-workspace .um-system-admin-copy,
#gogoModal .um-system-admin-copy{
  min-width: 0;
  flex: 1;
}
#gogo-workspace .um-system-admin-copy span,
#gogoModal .um-system-admin-copy span{
  display: block;
  color: #83998e;
  font-size: 8px;
  letter-spacing: .12em;
  font-weight: 800;
}
#gogo-workspace .um-system-admin-copy strong,
#gogoModal .um-system-admin-copy strong{
  display: block;
  margin-top: 2px;
  color: #234f3b;
  font-size: 14px;
}
#gogo-workspace .um-system-admin-copy small,
#gogoModal .um-system-admin-copy small{
  display: block;
  margin-top: 2px;
  color: #7b9186;
  font-size: 9px;
}
#gogo-workspace .um-system-lock,
#gogoModal .um-system-lock{
  font-size: 18px;
}
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
  display: grid;
  gap: 12px;
}
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
  width: 100%;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto 22px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(56, 126, 91, 0.14);
  border-radius: 22px;
  background: rgba(255,255,255,0.78);
  text-align: left;
  box-shadow: 0 10px 28px rgba(34, 91, 63, 0.06);
}
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #edf7f1;
  font-size: 22px;
}
#gogo-workspace .um-role-category-copy,
#gogoModal .um-role-category-copy{
  min-width: 0;
}
#gogo-workspace .um-role-category-copy strong,
#gogoModal .um-role-category-copy strong{
  display: block;
  color: #214e39;
  font-size: 14px;
  line-height: 1.2;
}
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
  display: block;
  margin-top: 4px;
  color: #7b9186;
  font-size: 9px;
  line-height: 1.4;
}
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 19px;
  display: grid;
  place-items: center;
  background: #e7f7ed;
  color: #0e8b4d;
  font-size: 15px;
  font-weight: 800;
}
#gogo-workspace .um-role-category-arrow,
#gogoModal .um-role-category-arrow{
  color: #76a18b;
  font-size: 18px;
  font-weight: 700;
}
#gogo-workspace .um-role-detail-head,
#gogoModal .um-role-detail-head{
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
}
#gogo-workspace .um-role-back,
#gogoModal .um-role-back{
  border: 1px solid rgba(43, 124, 83, 0.18);
  background: rgba(255,255,255,0.78);
  color: #237c50;
  border-radius: 16px;
  padding: 10px 12px;
  font-size: 10px;
  font-weight: 800;
}
#gogo-workspace .um-role-detail-title,
#gogoModal .um-role-detail-title{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#gogo-workspace .um-role-detail-title > span,
#gogoModal .um-role-detail-title > span{
  font-size: 24px;
}
#gogo-workspace .um-role-detail-title .gogo-title,
#gogoModal .um-role-detail-title .gogo-title,
#gogo-workspace .um-role-detail-title .gogo-subtitle,
#gogoModal .um-role-detail-title .gogo-subtitle,
#gogo-workspace .um-role-detail-title .gogo-eyebrow,
#gogoModal .um-role-detail-title .gogo-eyebrow{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#gogo-workspace .um-role-toolbar,
#gogoModal .um-role-toolbar{
  display: grid;
  gap: 12px;
  padding: 14px !important;
  margin-bottom: 14px;
}
#gogo-workspace .um-role-search,
#gogoModal .um-role-search{
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(73, 131, 102, 0.18);
  border-radius: 16px;
  background: rgba(255,255,255,0.9);
  padding: 0 14px;
  color: #264f3d;
  font-size: 11px;
  outline: none;
}
#gogo-workspace .um-status-segment,
#gogoModal .um-status-segment{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 5px;
  border-radius: 16px;
  background: rgba(218, 238, 227, 0.72);
}
#gogo-workspace .um-status-segment button,
#gogoModal .um-status-segment button{
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #648173;
  font-size: 10px;
  font-weight: 800;
}
#gogo-workspace .um-status-segment button.active,
#gogoModal .um-status-segment button.active{
  background: #ffffff;
  color: #0e8850;
  box-shadow: 0 6px 16px rgba(39, 102, 69, 0.08);
}
#gogo-workspace .um-role-list-head,
#gogoModal .um-role-list-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 4px 10px;
  color: #6f887c;
  font-size: 9px;
}
#gogo-workspace .um-role-list-head strong,
#gogoModal .um-role-list-head strong{
  color: #315a47;
  font-size: 11px;
}
#gogo-workspace .um-role-user-list,
#gogoModal .um-role-user-list{
  display: grid;
  gap: 10px;
}
#gogo-workspace .um-role-user-card,
#gogoModal .um-role-user-card{
  margin: 0 !important;
}
@media (max-width: 720px){#gogo-workspace .um-role-detail-head,
#gogoModal .um-role-detail-head{
    grid-template-columns: auto minmax(0,1fr);
  }
#gogo-workspace .um-role-detail-head .um-create-btn,
#gogoModal .um-role-detail-head .um-create-btn{
    grid-column: 1 / -1;
    width: 100%;
  }
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
    grid-template-columns: 44px minmax(0,1fr) auto 18px;
    padding: 13px;
    gap: 9px;
  }
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
    font-size: 8px;
  }
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
    min-width: 34px;
    height: 34px;
    font-size: 13px;
  }}
#gogo-workspace .um-role-home,
#gogoModal .um-role-home{
  padding-top: 28px !important;
}
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  column-gap: 18px !important;
  row-gap: 10px !important;
  margin-bottom: 22px !important;
}
#gogo-workspace .um-role-home .um-page-head > div,
#gogoModal .um-role-home .um-page-head > div{
  min-width: 0 !important;
}
#gogo-workspace .um-role-home .gogo-eyebrow,
#gogoModal .um-role-home .gogo-eyebrow{
  margin: 0 0 6px !important;
  line-height: 1.2 !important;
}
#gogo-workspace .um-role-home .gogo-title,
#gogoModal .um-role-home .gogo-title{
  margin: 0 !important;
  line-height: 1.02 !important;
}
#gogo-workspace .um-role-home .gogo-subtitle,
#gogoModal .um-role-home .gogo-subtitle{
  margin: 10px 0 0 !important;
  line-height: 1.45 !important;
  max-width: 360px !important;
}
#gogo-workspace .um-role-home .um-create-btn,
#gogoModal .um-role-home .um-create-btn{
  align-self: start !important;
  justify-self: end !important;
  min-width: 142px !important;
  height: 58px !important;
  padding: 0 18px !important;
  border-radius: 22px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
  display: grid !important;
  grid-template-columns: 56px minmax(0,1fr) 30px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
  border-radius: 26px !important;
}
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  margin: 0 !important;
}
#gogo-workspace .um-system-admin-copy,
#gogoModal .um-system-admin-copy{
  min-width: 0 !important;
}
#gogo-workspace .um-system-admin-copy span,
#gogoModal .um-system-admin-copy span{
  margin: 0 0 4px !important;
  line-height: 1.2 !important;
}
#gogo-workspace .um-system-admin-copy strong,
#gogoModal .um-system-admin-copy strong{
  margin: 0 !important;
  line-height: 1.15 !important;
}
#gogo-workspace .um-system-admin-copy small,
#gogoModal .um-system-admin-copy small{
  margin: 5px 0 0 !important;
  line-height: 1.3 !important;
}
#gogo-workspace .um-system-lock,
#gogoModal .um-system-lock{
  justify-self: end !important;
  align-self: center !important;
  line-height: 1 !important;
}
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 0 !important;
}
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
  width: 100% !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) 46px 24px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-copy,
#gogoModal .um-role-category-copy{
  min-width: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-copy strong,
#gogoModal .um-role-category-copy strong{
  margin: 0 !important;
  line-height: 1.15 !important;
}
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
  margin: 6px 0 0 !important;
  line-height: 1.35 !important;
  max-width: 260px !important;
}
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin: 0 !important;
  align-self: center !important;
}
#gogo-workspace .um-role-category-arrow,
#gogoModal .um-role-category-arrow{
  width: 24px !important;
  text-align: center !important;
  align-self: center !important;
  line-height: 1 !important;
}
@media (max-width: 720px){#gogo-workspace .um-role-home,
#gogoModal .um-role-home{
    padding-top: 24px !important;
  }
#gogo-workspace .um-role-home .um-page-head,
#gogoModal .um-role-home .um-page-head{
    grid-template-columns: minmax(0,1fr) 128px !important;
    column-gap: 12px !important;
    margin-bottom: 18px !important;
  }
#gogo-workspace .um-role-home .um-create-btn,
#gogoModal .um-role-home .um-create-btn{
    min-width: 128px !important;
    height: 54px !important;
    padding: 0 12px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
  }
#gogo-workspace .um-system-admin-card,
#gogoModal .um-system-admin-card{
    grid-template-columns: 52px minmax(0,1fr) 26px !important;
    min-height: 102px !important;
    padding: 16px !important;
    gap: 12px !important;
  }
#gogo-workspace .um-system-admin-avatar,
#gogoModal .um-system-admin-avatar{
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
  }
#gogo-workspace .um-role-category-grid,
#gogoModal .um-role-category-grid{
    gap: 12px !important;
  }
#gogo-workspace .um-role-category-card,
#gogoModal .um-role-category-card{
    grid-template-columns: 52px minmax(0,1fr) 42px 20px !important;
    min-height: 104px !important;
    padding: 16px !important;
    gap: 12px !important;
  }
#gogo-workspace .um-role-category-icon,
#gogoModal .um-role-category-icon{
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
  }
#gogo-workspace .um-role-category-count,
#gogoModal .um-role-category-count{
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
#gogo-workspace .um-role-category-copy small,
#gogoModal .um-role-category-copy small{
    font-size: 8px !important;
    max-width: 210px !important;
  }}
#gogo-workspace .rider-profile-modal .gogo-form-row,
#gogoModal .rider-profile-modal .gogo-form-row{
  margin-bottom: 12px;
}
#gogo-workspace .rider-profile-modal .gogo-primary,
#gogoModal .rider-profile-modal .gogo-primary{
  margin-top: 8px;
}
#gogoModal .um-modal [style*="display:none"]{
  margin: 0 !important;
}
#gogoModal .um-modal #umNewShopWrap[style*="display: none"],
#gogoModal .um-modal #umNewShopWrap[style*="display:none"],
#gogoModal .um-modal #umNewRiderWrap[style*="display: none"],
#gogoModal .um-modal #umNewRiderWrap[style*="display:none"],
#gogoModal .um-modal #umNewNameWrap[style*="display: none"],
#gogoModal .um-modal #umNewNameWrap[style*="display:none"],
#gogoModal .um-modal #umNewPhoneWrap[style*="display: none"],
#gogoModal .um-modal #umNewPhoneWrap[style*="display:none"],
#gogoModal .um-modal #umNewPhotoBox[style*="display: none"],
#gogoModal .um-modal #umNewPhotoBox[style*="display:none"]{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewShopWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewNameWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewPhoneWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Biker"]) #umNewPhotoBox{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewRiderWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewNameWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewPhoneWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Online Shop"]) #umNewPhotoBox{
  display: none !important;
}
#gogoModal .um-modal:has(#umNewRoleFixed[value="Office Staff"]) #umNewShopWrap,
#gogoModal .um-modal:has(#umNewRoleFixed[value="Office Staff"]) #umNewRiderWrap{
  display: none !important;
}
@keyframes wc162Reveal {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes wc162CardIn {
  from { opacity: 0; transform: translateY(16px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes wc162Packet {
  0% { left: 12%; opacity: 0; transform: scale(.65); }
  8% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 84%; opacity: 0; transform: scale(1); }
}
@keyframes wc162LivePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(44,185,108,.24); }
  50% { box-shadow: 0 0 0 7px rgba(44,185,108,0); }
}
@keyframes wc162LineDraw {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}
@keyframes wc162DotPop {
  from { opacity: 0; transform: scale(0); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}
@keyframes wc162RankGrow {
  from { width: 0; }
  to { width: var(--wc-rank-width); }
}
@keyframes wc162RankRunner {
  0% { left: 0; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { left: calc(var(--wc-rank-width) - 5px); opacity: 0; }
}
@keyframes wc162Urgent {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
@keyframes wc162Sweep {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  18% { opacity: .5; }
  55% { opacity: .12; }
  100% { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}
#gogo-workspace .wc-v162,
#gogoModal .wc-v162{
  padding-bottom: 44px !important;
  animation: wc162Reveal .42s cubic-bezier(.2,.82,.3,1) both;
}
#gogo-workspace .wc-control-hero,
#gogoModal .wc-control-hero{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(180px,270px);
  align-items: center;
  gap: 22px;
  min-height: 132px;
  margin-bottom: 16px;
  padding: 22px 24px;
  overflow: hidden;
  border: 1px solid rgba(26,112,72,.10);
  border-radius: 30px;
  background:
    radial-gradient(circle at 84% 22%, rgba(45,184,110,.15), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(238,249,243,.74));
  box-shadow: 0 18px 38px rgba(33,91,65,.055);
}
#gogo-workspace .wc-control-hero::after,
#gogoModal .wc-control-hero::after{
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: 0;
  width: 18%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
  animation: wc162Sweep 7s ease-in-out infinite;
}
#gogo-workspace .wc-hero-copy,
#gogoModal .wc-hero-copy{
  min-width: 0;
  position: relative;
  z-index: 2;
}
#gogo-workspace .wc-hero-copy .gogo-title,
#gogoModal .wc-hero-copy .gogo-title{
  margin-bottom: 6px !important;
}
#gogo-workspace .wc-live-route,
#gogoModal .wc-live-route{
  position: relative;
  z-index: 2;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#gogo-workspace .wc-route-node,
#gogoModal .wc-route-node{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(35,138,87,.13);
  border-radius: 15px;
  background: rgba(255,255,255,.86);
  color: #167549;
  font-size: 9px;
  font-weight: 900;
  box-shadow: 0 9px 20px rgba(35,100,72,.06);
}
#gogo-workspace .wc-route-node.complete,
#gogoModal .wc-route-node.complete{
  color: #fff;
  background: linear-gradient(145deg, #1c9c5e, #32b873);
}
#gogo-workspace .wc-route-track,
#gogoModal .wc-route-track{
  position: absolute;
  left: 38px;
  right: 38px;
  top: 50%;
  height: 2px;
  overflow: hidden;
  transform: translateY(-50%);
  background:
    repeating-linear-gradient(
      90deg,
      rgba(29,142,85,.24) 0 7px,
      transparent 7px 13px
    );
}
#gogo-workspace .wc-route-packet,
#gogoModal .wc-route-packet{
  position: absolute;
  left: 12%;
  top: 50%;
  z-index: 3;
  color: #20a866;
  font-size: 11px;
  transform: translateY(-50%);
  animation: wc162Packet 3.7s linear infinite;
}
#gogo-workspace .wc-route-packet.p2,
#gogoModal .wc-route-packet.p2{ animation-delay: 1.18s; }
#gogo-workspace .wc-route-packet.p3,
#gogoModal .wc-route-packet.p3{ animation-delay: 2.36s; }
#gogo-workspace .wc-live-label,
#gogoModal .wc-live-label{
  position: absolute;
  right: 22px;
  bottom: 13px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #4f7c68;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
}
#gogo-workspace .wc-live-label span,
#gogoModal .wc-live-label span{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #27ad68;
  animation: wc162LivePulse 1.8s ease-in-out infinite;
}
#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card{
  position: relative;
  min-width: 0;
  min-height: 134px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(28,103,70,.10);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 28px rgba(35,94,69,.045);
  opacity: 0;
  animation: wc162CardIn .5s cubic-bezier(.2,.82,.3,1) forwards;
}
#gogo-workspace .wc-today-card:nth-child(1),
#gogoModal .wc-today-card:nth-child(1){ animation-delay: .05s; }
#gogo-workspace .wc-today-card:nth-child(2),
#gogoModal .wc-today-card:nth-child(2){ animation-delay: .11s; }
#gogo-workspace .wc-today-card:nth-child(3),
#gogoModal .wc-today-card:nth-child(3){ animation-delay: .17s; }
#gogo-workspace .wc-today-card:nth-child(4),
#gogoModal .wc-today-card:nth-child(4){ animation-delay: .23s; }
#gogo-workspace .wc-today-card::after,
#gogoModal .wc-today-card::after{
  content: "";
  position: absolute;
  width: 74px;
  height: 74px;
  right: -23px;
  bottom: -29px;
  border-radius: 50%;
  background: rgba(35,164,98,.055);
}
#gogo-workspace .wc-today-card.complete::after,
#gogoModal .wc-today-card.complete::after{ background: rgba(39,112,83,.06); }
#gogo-workspace .wc-today-card.urgent,
#gogoModal .wc-today-card.urgent{
  background: linear-gradient(145deg, rgba(255,252,242,.95), rgba(255,255,255,.78));
}
#gogo-workspace .wc-today-card.urgent::after,
#gogoModal .wc-today-card.urgent::after{ background: rgba(216,155,32,.08); }
#gogo-workspace .wc-today-head,
#gogoModal .wc-today-head{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 13px;
}
#gogo-workspace .wc-today-head > span,
#gogoModal .wc-today-head > span{
  color: #72877c;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .10em;
}
#gogo-workspace .wc-today-head b,
#gogoModal .wc-today-head b{
  padding: 5px 7px;
  border-radius: 999px;
  background: #edf6f1;
  color: #5b7668;
  font-size: 7px;
  font-weight: 900;
}
#gogo-workspace .wc-today-head b.up,
#gogoModal .wc-today-head b.up{
  color: #0e8b50;
  background: #e7f7ed;
}
#gogo-workspace .wc-today-head b.down,
#gogoModal .wc-today-head b.down{
  color: #b66c18;
  background: #fff2dc;
}
#gogo-workspace .wc-big-number,
#gogoModal .wc-big-number{
  position: relative;
  z-index: 2;
  color: #174a35;
  font-size: clamp(27px,3vw,38px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
}
#gogo-workspace .wc-today-foot,
#gogoModal .wc-today-foot{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 15px;
  color: #8b9b93;
  font-size: 7px;
}
#gogo-workspace .wc-today-foot strong,
#gogoModal .wc-today-foot strong{
  color: #587364;
  font-size: 8px;
}
#gogo-workspace .wc-trend-word,
#gogoModal .wc-trend-word{
  position: relative;
  z-index: 2;
  color: #178451;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
}
#gogo-workspace .wc-today-card.trend.down .wc-trend-word,
#gogoModal .wc-today-card.trend.down .wc-trend-word{ color: #ad6a1d; }
#gogo-workspace .wc-today-card.trend.flat .wc-trend-word,
#gogoModal .wc-today-card.trend.flat .wc-trend-word{ color: #5f786b; }
#gogo-workspace .wc-trend-detail,
#gogoModal .wc-trend-detail{
  position: relative;
  z-index: 2;
  margin-top: 10px;
  color: #84958d;
  font-size: 7px;
  line-height: 1.45;
}
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel{
  margin-bottom: 16px;
  padding: 20px 20px 16px;
  overflow: hidden;
  border: 1px solid rgba(27,106,71,.10);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,252,249,.76));
  box-shadow: 0 14px 32px rgba(35,94,69,.05);
  opacity: 0;
  animation: wc162CardIn .58s cubic-bezier(.2,.82,.3,1) .27s forwards;
}
#gogo-workspace .wc-panel-head,
#gogoModal .wc-panel-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 5px;
}
#gogo-workspace .wc-panel-kicker,
#gogoModal .wc-panel-kicker{
  color: #198352;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .13em;
}
#gogo-workspace .wc-panel-head h3,
#gogoModal .wc-panel-head h3{
  margin: 4px 0 3px;
  color: #174b36;
  font-size: 16px;
}
#gogo-workspace .wc-panel-head p,
#gogoModal .wc-panel-head p{
  margin: 0;
  color: #87988f;
  font-size: 8px;
}
#gogo-workspace .wc-chart-legend,
#gogoModal .wc-chart-legend{
  display: flex;
  align-items: center;
  gap: 13px;
  padding-top: 3px;
  color: #71867b;
  font-size: 7px;
  font-weight: 800;
}
#gogo-workspace .wc-chart-legend span,
#gogoModal .wc-chart-legend span{
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
#gogo-workspace .wc-chart-legend i,
#gogoModal .wc-chart-legend i{
  width: 9px;
  height: 3px;
  border-radius: 999px;
}
#gogo-workspace .wc-chart-legend i.incoming,
#gogoModal .wc-chart-legend i.incoming{ background: #20a866; }
#gogo-workspace .wc-chart-legend i.completed,
#gogoModal .wc-chart-legend i.completed{ background: #225f49; }
#gogo-workspace .wc-chart-wrap,
#gogoModal .wc-chart-wrap{
  min-width: 0;
  overflow: hidden;
}
#gogo-workspace .wc-pulse-chart,
#gogoModal .wc-pulse-chart{
  display: block;
  width: 100%;
  height: auto;
  min-height: 235px;
  overflow: visible;
}
#gogo-workspace .wc-chart-grid-line,
#gogoModal .wc-chart-grid-line{
  stroke: rgba(54,102,78,.10);
  stroke-width: 1;
}
#gogo-workspace .wc-chart-axis-y,
#gogoModal .wc-chart-axis-y,
#gogo-workspace .wc-chart-axis-x,
#gogoModal .wc-chart-axis-x{
  fill: #8fa097;
  font-size: 8px;
  font-weight: 700;
}
#gogo-workspace .wc-chart-area,
#gogoModal .wc-chart-area{
  fill: url(#wcIncomingArea);
  opacity: 0;
  animation: wc162Reveal .7s ease .65s forwards;
}
#gogo-workspace .wc-chart-line,
#gogoModal .wc-chart-line{
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: wc162LineDraw 1.25s cubic-bezier(.2,.8,.25,1) forwards;
}
#gogo-workspace .wc-chart-line-incoming,
#gogoModal .wc-chart-line-incoming{
  stroke: #20a866;
  filter: url(#wcLineGlow);
  animation-delay: .42s;
}
#gogo-workspace .wc-chart-line-complete,
#gogoModal .wc-chart-line-complete{
  stroke: #225f49;
  stroke-width: 2.2;
  animation-delay: .62s;
}
#gogo-workspace .wc-chart-dot,
#gogoModal .wc-chart-dot{
  fill: #fff;
  stroke: #20a866;
  stroke-width: 2;
  opacity: 0;
  animation: wc162DotPop .25s ease .92s forwards;
}
#gogo-workspace .wc-chart-dot-complete,
#gogoModal .wc-chart-dot-complete{
  stroke: #225f49;
  animation-delay: 1.05s;
}
#gogo-workspace .wc-chart-dot-live,
#gogoModal .wc-chart-dot-live{
  fill: #20a866;
  stroke: #fff;
  stroke-width: 2.5;
  filter: url(#wcLineGlow);
}
#gogo-workspace .wc-month-summary,
#gogoModal .wc-month-summary{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
  margin-top: 2px;
}
#gogo-workspace .wc-month-summary > div,
#gogoModal .wc-month-summary > div{
  min-width: 0;
  padding: 11px 12px;
  border-radius: 16px;
  background: #f2f8f5;
}
#gogo-workspace .wc-month-summary span,
#gogoModal .wc-month-summary span,
#gogo-workspace .wc-month-summary small,
#gogoModal .wc-month-summary small{
  display: block;
}
#gogo-workspace .wc-month-summary span,
#gogoModal .wc-month-summary span{
  color: #7f9188;
  font-size: 6px;
  font-weight: 900;
  letter-spacing: .09em;
}
#gogo-workspace .wc-month-summary strong,
#gogoModal .wc-month-summary strong{
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: #24583f;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-month-summary small,
#gogoModal .wc-month-summary small{
  margin-top: 2px;
  color: #899a91;
  font-size: 6px;
}
#gogo-workspace .wc-ranking-grid,
#gogoModal .wc-ranking-grid{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 16px;
}
#gogo-workspace .wc-analysis-card,
#gogoModal .wc-analysis-card{
  min-width: 0;
  padding: 20px;
  border: 1px solid rgba(28,103,70,.10);
  border-radius: 26px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 12px 30px rgba(35,94,69,.045);
}
#gogo-workspace .wc-control-rankings .wc-analysis-card,
#gogoModal .wc-control-rankings .wc-analysis-card{
  opacity: 0;
  animation: wc162CardIn .55s cubic-bezier(.2,.82,.3,1) forwards;
}
#gogo-workspace .wc-control-rankings .wc-analysis-card:nth-child(1),
#gogoModal .wc-control-rankings .wc-analysis-card:nth-child(1){ animation-delay: .38s; }
#gogo-workspace .wc-control-rankings .wc-analysis-card:nth-child(2),
#gogoModal .wc-control-rankings .wc-analysis-card:nth-child(2){ animation-delay: .46s; }
#gogo-workspace .wc-card-head,
#gogoModal .wc-card-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
#gogo-workspace .wc-card-head h3,
#gogoModal .wc-card-head h3{
  margin: 4px 0 0;
  color: #174b36;
  font-size: 15px;
  line-height: 1.2;
}
#gogo-workspace .wc-card-head p,
#gogoModal .wc-card-head p{
  margin: 6px 0 0;
  color: #82958b;
  font-size: 8px;
  line-height: 1.45;
}
#gogo-workspace .wc-card-kicker,
#gogoModal .wc-card-kicker{
  color: #188453;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .13em;
}
#gogo-workspace .wc-card-kicker.warning,
#gogoModal .wc-card-kicker.warning{ color: #b57a12; }
#gogo-workspace .wc-card-badge,
#gogoModal .wc-card-badge,
#gogo-workspace .wc-overdue-count,
#gogoModal .wc-overdue-count{
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eaf7ef;
  color: #158150;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-overdue-count,
#gogoModal .wc-overdue-count{
  min-width: 36px;
  background: #fff0cc;
  color: #a76b00;
}
#gogo-workspace .wc-rank-list,
#gogoModal .wc-rank-list{
  display: grid;
  gap: 12px;
}
#gogo-workspace .wc-rank-row,
#gogoModal .wc-rank-row{
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) 34px;
  align-items: center;
  gap: 10px;
}
#gogo-workspace .wc-rank-number,
#gogoModal .wc-rank-number{
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #edf7f1;
  color: #17784d;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-rank-row:first-child .wc-rank-number,
#gogoModal .wc-rank-row:first-child .wc-rank-number{
  color: #fff;
  background: linear-gradient(145deg,#159254,#30b56f);
  box-shadow: 0 6px 14px rgba(26,156,91,.16);
}
#gogo-workspace .wc-rank-main,
#gogoModal .wc-rank-main{ min-width: 0; }
#gogo-workspace .wc-rank-name,
#gogoModal .wc-rank-name{
  margin-bottom: 6px;
  overflow: hidden;
  color: #315d49;
  font-size: 9px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-rank-bar,
#gogoModal .wc-rank-bar{
  position: relative;
  height: 6px;
  overflow: visible;
  border-radius: 999px;
  background: #edf3ef;
}
#gogo-workspace .wc-rank-bar span,
#gogoModal .wc-rank-bar span{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--wc-rank-width);
  border-radius: inherit;
  background: linear-gradient(90deg,#16a05e,#53c98b);
  animation: wc162RankGrow .9s cubic-bezier(.16,.84,.3,1) .45s both;
}
#gogo-workspace .wc-rank-bar i,
#gogoModal .wc-rank-bar i{
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px #30ae6e,0 0 10px rgba(48,174,110,.25);
  animation: wc162RankRunner .9s cubic-bezier(.16,.84,.3,1) .45s both;
}
#gogo-workspace .wc-rank-count,
#gogoModal .wc-rank-count{
  color: #157c4e;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
}
#gogo-workspace .wc-empty-rank,
#gogoModal .wc-empty-rank{
  padding: 24px 10px;
  color: #8a9c93;
  font-size: 9px;
  text-align: center;
}
#gogo-workspace .wc-overdue-card,
#gogoModal .wc-overdue-card{
  background: linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,250,238,.73));
  opacity: 0;
  animation: wc162CardIn .55s cubic-bezier(.2,.82,.3,1) .54s forwards;
}
#gogo-workspace .wc-overdue-list,
#gogoModal .wc-overdue-list{
  display: grid;
  gap: 11px;
}
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row{
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(196,142,32,.15);
  border-radius: 20px;
  background: rgba(255,255,255,.80);
  opacity: 0;
  animation: wc162CardIn .38s ease calc(.62s + var(--wc-delay)) forwards;
  transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#gogo-workspace .wc-overdue-row:hover,
#gogoModal .wc-overdue-row:hover,
#gogo-workspace .wc-overdue-row:active,
#gogoModal .wc-overdue-row:active{
  transform: translateX(3px);
  border-color: rgba(205,145,24,.30);
  box-shadow: 0 10px 24px rgba(115,83,23,.07);
}
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #fff3d8;
  font-size: 16px;
  animation: wc162Urgent 2.25s ease-in-out infinite;
}
#gogo-workspace .wc-overdue-main,
#gogoModal .wc-overdue-main{ min-width: 0; }
#gogo-workspace .wc-overdue-topline,
#gogoModal .wc-overdue-topline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#gogo-workspace .wc-overdue-topline strong,
#gogoModal .wc-overdue-topline strong{
  overflow: hidden;
  color: #214f3b;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gogo-workspace .wc-overdue-topline span,
#gogoModal .wc-overdue-topline span{
  flex: 0 0 auto;
  color: #b36f00;
  font-size: 8px;
  font-weight: 900;
}
#gogo-workspace .wc-overdue-meta,
#gogoModal .wc-overdue-meta,
#gogo-workspace .wc-overdue-shop,
#gogoModal .wc-overdue-shop{
  margin-top: 4px;
  color: #80928a;
  font-size: 8px;
  line-height: 1.35;
}
#gogo-workspace .wc-overdue-shop,
#gogoModal .wc-overdue-shop{
  color: #3f7059;
  font-weight: 800;
}
#gogo-workspace .wc-overdue-status,
#gogoModal .wc-overdue-status{
  display: inline-flex;
  margin-top: 7px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef6f1;
  color: #537565;
  font-size: 7px;
  font-weight: 900;
  text-transform: uppercase;
}
#gogo-workspace .wc-overdue-actions,
#gogoModal .wc-overdue-actions{
  display: flex;
  align-items: center;
  gap: 7px;
}
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info,
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 8px;
  font-weight: 900;
  transition: transform .16s ease,background .16s ease;
}
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info{
  border: 1px solid #cce3d6;
  background: #f8fcfa;
  color: #187b4e;
}
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
  border: 1px solid #f0d7a3;
  background: #fff7e7;
  color: #a46900;
}
#gogo-workspace .wc-overdue-info:active,
#gogoModal .wc-overdue-info:active,
#gogo-workspace .wc-overdue-return:active,
#gogoModal .wc-overdue-return:active{
  transform: scale(.96);
}
#gogo-workspace .wc-all-clear,
#gogoModal .wc-all-clear{
  min-height: 130px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #769085;
  text-align: center;
}
#gogo-workspace .wc-all-clear div,
#gogoModal .wc-all-clear div{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 4px;
  border-radius: 50%;
  background: #e7f7ed;
  color: #119052;
  font-size: 18px;
  font-weight: 900;
}
#gogo-workspace .wc-all-clear strong,
#gogoModal .wc-all-clear strong{
  color: #286147;
  font-size: 11px;
}
#gogo-workspace .wc-all-clear span,
#gogoModal .wc-all-clear span{
  font-size: 8px;
}
#gogo-workspace .wc-return-confirm-btn,
#gogoModal .wc-return-confirm-btn{
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 15px;
  background: #d99a27;
  color: #fff;
  font-weight: 900;
}
@media (max-width: 920px){#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }}
@media (max-width: 720px){#gogo-workspace .wc-control-hero,
#gogoModal .wc-control-hero{
    grid-template-columns: 1fr;
    min-height: 170px;
    padding: 18px;
    border-radius: 24px;
  }
#gogo-workspace .wc-live-route,
#gogoModal .wc-live-route{
    height: 48px;
  }
#gogo-workspace .wc-live-label,
#gogoModal .wc-live-label{
    right: 18px;
    bottom: 10px;
  }
#gogo-workspace .wc-today-grid,
#gogoModal .wc-today-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card{
    min-height: 122px;
    padding: 13px;
    border-radius: 20px;
  }
#gogo-workspace .wc-today-head > span,
#gogoModal .wc-today-head > span{
    font-size: 6px;
  }
#gogo-workspace .wc-big-number,
#gogoModal .wc-big-number{
    font-size: 29px;
  }
#gogo-workspace .wc-trend-word,
#gogoModal .wc-trend-word{
    font-size: 18px;
  }
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel{
    padding: 15px 12px 13px;
    border-radius: 22px;
  }
#gogo-workspace .wc-panel-head,
#gogoModal .wc-panel-head{
    display: block;
  }
#gogo-workspace .wc-chart-legend,
#gogoModal .wc-chart-legend{
    margin-top: 10px;
    padding-top: 0;
  }
#gogo-workspace .wc-pulse-chart,
#gogoModal .wc-pulse-chart{
    min-height: 190px;
  }
#gogo-workspace .wc-month-summary,
#gogoModal .wc-month-summary{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
#gogo-workspace .wc-ranking-grid,
#gogoModal .wc-ranking-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
#gogo-workspace .wc-analysis-card,
#gogoModal .wc-analysis-card{
    padding: 15px;
    border-radius: 22px;
  }
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row{
    grid-template-columns: 32px minmax(0,1fr);
    gap: 10px;
    padding: 12px;
  }
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 14px;
  }
#gogo-workspace .wc-overdue-actions,
#gogoModal .wc-overdue-actions{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
#gogo-workspace .wc-overdue-info,
#gogoModal .wc-overdue-info,
#gogo-workspace .wc-overdue-return,
#gogoModal .wc-overdue-return{
    width: 100%;
  }}
@media (prefers-reduced-motion: reduce){#gogo-workspace .wc-v162,
#gogoModal .wc-v162,
#gogo-workspace .wc-control-hero::after,
#gogoModal .wc-control-hero::after,
#gogo-workspace .wc-route-packet,
#gogoModal .wc-route-packet,
#gogo-workspace .wc-live-label span,
#gogoModal .wc-live-label span,
#gogo-workspace .wc-today-card,
#gogoModal .wc-today-card,
#gogo-workspace .wc-pulse-panel,
#gogoModal .wc-pulse-panel,
#gogo-workspace .wc-chart-area,
#gogoModal .wc-chart-area,
#gogo-workspace .wc-chart-line,
#gogoModal .wc-chart-line,
#gogo-workspace .wc-chart-dot,
#gogoModal .wc-chart-dot,
#gogo-workspace .wc-rank-bar span,
#gogoModal .wc-rank-bar span,
#gogo-workspace .wc-rank-bar i,
#gogoModal .wc-rank-bar i,
#gogo-workspace .wc-control-rankings .wc-analysis-card,
#gogoModal .wc-control-rankings .wc-analysis-card,
#gogo-workspace .wc-overdue-card,
#gogoModal .wc-overdue-card,
#gogo-workspace .wc-overdue-row,
#gogoModal .wc-overdue-row,
#gogo-workspace .wc-overdue-warning,
#gogoModal .wc-overdue-warning{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }}


/* V3.7 FUNCTIONALITY ISOLATION — visible V3.2 design above is untouched. */
#dashboard{width:100%;position:relative;overflow:hidden;background:#eef7f2;}
#gogo-workspace.workspace{box-sizing:border-box;overflow:visible;}
#gogoModal{z-index:99999;}
/* iOS Safari must not zoom on focus. 16px only on dynamic form controls; master stage scaling keeps visual size consistent. */
#gogo-workspace input,#gogo-workspace select,#gogo-workspace textarea,#gogoModal input,#gogoModal select,#gogoModal textarea,#loginPage input{font-size:16px !important;}


/* =========================================================
   V3.8 — DATA HISTORY RESULTS FULLSCREEN + UTF-8 SAFE BUILD
   Filter screen remains inside the locked dashboard.
   After Search Records, results intentionally cover the whole viewport.
   ========================================================= */
body.gogo-history-open{
  overflow:hidden !important;
}

body.gogo-history-open #gogoViewport{
  width:100vw !important;
  height:100dvh !important;
  overflow:visible !important;
}

/* The master canvas is normally scaled. Disable that scale ONLY while
   Data History results are open, so position:fixed is truly viewport-fixed. */
body.gogo-history-open #gogoStage{
  width:100vw !important;
  min-height:100dvh !important;
  height:100dvh !important;
  transform:none !important;
  transform-origin:top left !important;
  overflow:visible !important;
}

#dashboard.data-history-mode .sidebar{
  display:none !important;
}

#dashboard.data-history-mode #gogo-workspace,
body.gogo-history-open #gogo-workspace.workspace{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100vh !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eaf5ef !important;
  z-index:9000 !important;
  box-sizing:border-box !important;
}

#dashboard.data-history-mode #gogo-workspace .dh-fullscreen,
body.gogo-history-open #gogo-workspace .dh-fullscreen{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  padding:14px !important;
  box-sizing:border-box !important;
  background:
    radial-gradient(circle at 96% 3%, rgba(73,173,117,.10), transparent 220px),
    linear-gradient(160deg,#f8fcf9 0%,#eaf5ef 58%,#e4f1e9 100%) !important;
  color:#173f2f !important;
}

@media (max-width:700px){
  #dashboard.data-history-mode #gogo-workspace .dh-fullscreen.dh-v10-results,
  body.gogo-history-open #gogo-workspace .dh-fullscreen.dh-v10-results{
    padding:
      max(18px, env(safe-area-inset-top))
      9px
      max(9px, env(safe-area-inset-bottom))
      9px !important;
  }
}


/* =========================================================
   V3.8.1 — ONLINE SHOP PORTAL RESTORE
   Scoped only to OS workspace. Locked shell remains unchanged.
   ========================================================= */
body.gogo-role-os #gogo-workspace .os-portal-page {
  padding-bottom:34px !important;
}

body.gogo-role-os #gogo-workspace .os-portal-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

body.gogo-role-os #gogo-workspace .os-portal-history-btn {
  flex:0 0 auto;
  border:1px solid rgba(31,143,84,.22);
  background:rgba(255,255,255,.82);
  color:#0f7c48;
  border-radius:18px;
  padding:11px 15px;
  font-size:11px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(22,83,53,.07);
}

body.gogo-role-os #gogo-workspace .os-portal-summary {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

body.gogo-role-os #gogo-workspace .os-portal-stat {
  appearance:none;
  border:1px solid rgba(67,135,101,.14);
  background:rgba(255,255,255,.76);
  border-radius:18px;
  min-height:82px;
  padding:12px;
  text-align:left;
  color:#315d49;
  box-shadow:0 8px 24px rgba(37,95,66,.05);
}

body.gogo-role-os #gogo-workspace .os-portal-stat span {
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.72;
}

body.gogo-role-os #gogo-workspace .os-portal-stat strong {
  display:block;
  margin-top:7px;
  color:#0e8b4e;
  font-size:24px;
  line-height:1;
}

body.gogo-role-os #gogo-workspace .os-portal-stat.selected {
  border-color:rgba(17,143,78,.42);
  background:#fff;
  box-shadow:0 10px 26px rgba(29,119,72,.10);
}

body.gogo-role-os #gogo-workspace .os-portal-list-card {
  border:1px solid rgba(86,141,113,.12);
  border-radius:24px;
  background:rgba(255,255,255,.64);
  overflow:hidden;
  box-shadow:0 12px 28px rgba(39,86,64,.05);
}

body.gogo-role-os #gogo-workspace .os-portal-list-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid rgba(73,129,102,.10);
}

body.gogo-role-os #gogo-workspace .os-portal-list-head span {
  display:block;
  color:#6f8c7e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
}

body.gogo-role-os #gogo-workspace .os-portal-list-head strong {
  display:block;
  margin-top:3px;
  color:#285743;
  font-size:13px;
}

body.gogo-role-os #gogo-workspace .os-portal-show-all {
  border:0;
  background:transparent;
  color:#0d8750;
  font-size:10px;
  font-weight:800;
}

body.gogo-role-os #gogo-workspace .os-portal-way-list {
  display:grid;
  gap:0;
}

body.gogo-role-os #gogo-workspace .os-portal-way-card {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  padding:14px 15px;
  border-bottom:1px solid rgba(81,134,108,.09);
  background:rgba(255,255,255,.45);
}

body.gogo-role-os #gogo-workspace .os-portal-way-card:last-child {
  border-bottom:0;
}

body.gogo-role-os #gogo-workspace .os-portal-way-photo {
  width:72px;
  height:72px;
  border-radius:16px;
  overflow:hidden;
  background:#edf6f1;
  display:grid;
  place-items:center;
}

body.gogo-role-os #gogo-workspace .os-portal-parcel-photo {
  width:100%;
  height:100%;
  object-fit:cover;
}

body.gogo-role-os #gogo-workspace .os-portal-parcel-placeholder { font-size:26px; }
body.gogo-role-os #gogo-workspace .os-portal-way-main { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-way-top {
  display:flex;
  justify-content:space-between;
  gap:9px;
  align-items:flex-start;
}

body.gogo-role-os #gogo-workspace .os-portal-way-top > div { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-way-top strong {
  display:block;
  color:#244f3c;
  font-size:12px;
  line-height:1.25;
}

body.gogo-role-os #gogo-workspace .os-portal-way-top span:not(.dh-status) {
  display:block;
  margin-top:3px;
  color:#6d887a;
  font-size:9px;
}

body.gogo-role-os #gogo-workspace .os-portal-way-address {
  margin-top:6px;
  color:#597566;
  font-size:9px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-row {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px dashed rgba(80,135,108,.15);
}

body.gogo-role-os #gogo-workspace .os-portal-rider-avatar {
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:50%;
  overflow:hidden;
  background:#eaf4ef;
  display:grid;
  place-items:center;
  border:1px solid rgba(58,130,94,.16);
}

body.gogo-role-os #gogo-workspace .os-portal-rider-photo {
  width:100%;
  height:100%;
  object-fit:cover;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-placeholder { font-size:16px; }
body.gogo-role-os #gogo-workspace .os-portal-rider-info { min-width:0; }

body.gogo-role-os #gogo-workspace .os-portal-rider-info small {
  display:block;
  color:#89a095;
  font-size:7px;
  font-weight:800;
  letter-spacing:.11em;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-info strong {
  display:block;
  color:#315a47;
  font-size:10px;
  line-height:1.2;
}

body.gogo-role-os #gogo-workspace .os-portal-rider-info a,
body.gogo-role-os #gogo-workspace .os-portal-rider-info span {
  display:inline-block;
  margin-top:2px;
  color:#0e8a4f;
  font-size:9px;
  font-weight:700;
  text-decoration:none;
}

body.gogo-role-os #gogo-workspace .os-portal-empty {
  padding:34px 18px;
  text-align:center;
  color:#6c877a;
}

body.gogo-role-os #gogo-workspace .os-portal-empty.compact { padding:24px 16px; }
body.gogo-role-os #gogo-workspace .os-portal-empty > span {
  display:block;
  font-size:30px;
  margin-bottom:8px;
}
body.gogo-role-os #gogo-workspace .os-portal-empty strong {
  display:block;
  color:#315b48;
  font-size:12px;
}
body.gogo-role-os #gogo-workspace .os-portal-empty p {
  margin:5px auto 0;
  max-width:280px;
  font-size:9px;
  line-height:1.45;
}

/* OS-only logout: keep the locked button size/style, center its position only. */
body.gogo-role-os #dashboard .lower-actions .logout-btn {
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

@media (max-width:720px) {
  body.gogo-role-os #gogo-workspace .os-portal-head { display:block; }
  body.gogo-role-os #gogo-workspace .os-portal-history-btn { margin-top:10px; }
  body.gogo-role-os #gogo-workspace .os-portal-summary {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.gogo-role-os #gogo-workspace .os-portal-stat { min-height:70px; }
  body.gogo-role-os #gogo-workspace .os-portal-way-card {
    grid-template-columns:58px minmax(0,1fr);
    gap:9px;
    padding:12px;
  }
  body.gogo-role-os #gogo-workspace .os-portal-way-photo {
    width:58px;
    height:58px;
    border-radius:14px;
  }
}

/* =========================================================
   V3.8.2 — OS SIDEBAR NAV + LOGOUT FIX
   Explicit user-requested OS-only layout changes.
   Do not alter the locked admin/office/biker shell.
   ========================================================= */

/* OnlineShop + Data History must sit directly one below the other for OS. */
body.gogo-role-os #dashboard .os-row {
  top:181px !important;
}

body.gogo-role-os #dashboard .history-row {
  top:265px !important;
}

/* OS must never reserve/show the office-only middle controls. */
body.gogo-role-os #dashboard .biker-row,
body.gogo-role-os #dashboard .way-row,
body.gogo-role-os #dashboard .um-btn {
  display:none !important;
}

/* Keep the OS logout visible and truly centered horizontally.
   It stays in the existing locked lower design; only its OS placement changes. */
body.gogo-role-os #dashboard .lower-actions {
  bottom:95px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

body.gogo-role-os #dashboard .lower-actions .logout-btn {
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  translate:none !important;
  margin:0 !important;
}

/* =========================================================
   V3.8.7 — TARGETED UI RESTORE ONLY
   Scope is intentionally limited to:
   1) Today's Intake card visibility
   2) Parcel Date field width
   3) Login-success celebration overlay
   No other approved V3.8.6 layout/design rules are changed.
   ========================================================= */

/* 1) Restore a visible card boundary around Today's Intake. */
#gogo-workspace .osm-intake-card{
  border: 1px solid #e3ece7 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 22px rgba(20, 75, 49, 0.055) !important;
}

/* 2) Make the Date control exactly fill the same form column as other inputs. */
#gogo-workspace #parcelDate{
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 3) Restore the successful-login upward celebration burst. */
#loginSuccess{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

#loginSuccess #confetti{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#loginSuccess .confetti-piece{
  position: absolute !important;
  left: 50% !important;
  bottom: 15% !important;
  width: 8px !important;
  height: 14px !important;
  border-radius: 2px !important;
  opacity: 0;
  will-change: transform, opacity;
  animation: gogoLoginCelebrationBurst var(--dur, .86s) cubic-bezier(.14,.72,.28,1) var(--delay, 0s) both !important;
}

#loginSuccess .confetti-piece:nth-child(3n){
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

#loginSuccess .confetti-piece:nth-child(4n){
  width: 5px !important;
  height: 11px !important;
}

@keyframes gogoLoginCelebrationBurst{
  0%{
    transform: translate3d(-50%, 0, 0) rotate(0deg) scale(.45);
    opacity: 0;
  }
  8%{
    opacity: 1;
  }
  72%{
    opacity: 1;
  }
  100%{
    transform: translate3d(calc(-50% + (var(--x) * 1px)), calc(var(--y) * 1px), 0) rotate(calc(var(--r) * 1deg)) scale(.72);
    opacity: 0;
  }
}


/* =========================================================
   V3.9.1.2 — ADMIN + STAFF DELETE / CARD TOP-RIGHT POSITION
   UI only. Existing global edit permissions remain unchanged.
========================================================= */
#gogo-workspace .um-role-user-card,
#gogoModal .um-role-user-card{
  position: relative !important;
  overflow: visible !important;
}

#gogo-workspace .um-card-delete-icon,
#gogoModal .um-card-delete-icon{
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid #efc8c1 !important;
  border-radius: 999px !important;
  background: #fff5f3 !important;
  color: #b45147 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 10px rgba(180,81,71,.12) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

#gogo-workspace .um-card-delete-icon svg,
#gogoModal .um-card-delete-icon svg{
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  pointer-events: none !important;
}

#gogo-workspace .um-card-delete-icon:active,
#gogoModal .um-card-delete-icon:active{
  transform: scale(.94) !important;
}

/* Leave space so status/actions never collide with the corner delete button. */
#gogo-workspace .um-role-user-card .um-user-side,
#gogoModal .um-role-user-card .um-user-side{
  padding-top: 24px !important;
}

#gogo-workspace .biker-profile-photo-wrap{
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  flex: 0 0 58px !important;
}

#gogo-workspace .biker-profile-photo-wrap .biker-profile-photo{
  display: block !important;
  margin: 0 !important;
}

#gogo-workspace .biker-profile-card{
  position: relative !important;
  overflow: visible !important;
  padding-right: 44px !important;
}

#gogo-workspace .biker-profile-delete-btn{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid #efc8c1 !important;
  border-radius: 999px !important;
  background: #fff5f3 !important;
  color: #b45147 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 4px 10px rgba(180,81,71,.12) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

#gogo-workspace .biker-profile-delete-btn svg{
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  pointer-events: none !important;
}

#gogo-workspace .biker-profile-delete-btn:active{
  transform: scale(.94) !important;
}

/* V3.9.1.7 — requested Create Biker dropdown height only. */
#gogoModal #umNewLinkedRider,
#gogoModal #umNewStatus{
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
}

/* V3.9.2.1 — Rider profile editing. Keep existing Biker Management layout;
   replace the corner trash control with one compact Edit action. */
#gogo-workspace .biker-profile-card{
  padding-right: 62px !important;
}
#gogo-workspace .biker-profile-edit-btn{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  min-width: 42px !important;
  height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid #cfe2d8 !important;
  border-radius: 999px !important;
  background: #f3faf6 !important;
  color: #285f46 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(40,95,70,.08) !important;
  z-index: 12 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogo-workspace .biker-profile-edit-btn:active{
  transform: scale(.96) !important;
}
#gogoModal .rider-edit-modal .biker-photo-box{
  margin-top: 12px !important;
}
#gogoModal .rider-edit-actions{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
  margin-top: 14px !important;
}
#gogoModal .rider-edit-actions .gogo-primary,
#gogoModal .rider-edit-actions .delete-rider-cancel{
  min-height: 42px !important;
  margin: 0 !important;
}
#gogoModal .rider-edit-danger-zone{
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e8eeea !important;
}
#gogoModal .rider-edit-delete-btn{
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #efc9c4 !important;
  border-radius: 12px !important;
  background: #fff5f3 !important;
  color: #b84f45 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}
#gogoModal .rider-edit-delete-btn:active{
  transform: scale(.99) !important;
}
@media (max-width: 700px){
  #gogo-workspace .biker-profile-card{
    padding-right: 58px !important;
  }
  #gogo-workspace .biker-profile-edit-btn{
    min-width: 40px !important;
    height: 25px !important;
    padding: 0 9px !important;
    font-size: 7.5px !important;
  }
}

/* =========================================================
   V3.10.0 — Rider Tracking Foundation (additive only)
   ========================================================= */
.gogo-rider-duty-banner,
.gogo-office-duty-card {
  border-radius: 14px;
  padding: 12px 13px;
  margin-bottom: 12px;
  border: 1px solid rgba(28,73,53,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 20px rgba(35,73,55,.06);
}
.gogo-rider-duty-banner > div,
.gogo-office-duty-head > div {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #244c3b;
  font-size: 11px;
  letter-spacing: .08em;
}
.gogo-rider-duty-banner small,
.gogo-office-duty-head small,
.gogo-office-duty-location,
.gogo-office-duty-cutoff,
.gogo-live-map-meta,
.gogo-live-map-note {
  display: block;
  margin-top: 5px;
  color: #7d8d85;
  font-size: 10px;
  line-height: 1.45;
}
.gogo-duty-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #a7aaa8;
  box-shadow: 0 0 0 3px rgba(167,170,168,.12);
}
.gogo-rider-duty-banner.on .gogo-duty-dot,
.gogo-office-duty-card.on .gogo-duty-dot {
  background: #16a765;
  box-shadow: 0 0 0 3px rgba(22,167,101,.12);
}
.gogo-rider-duty-banner.off,
.gogo-office-duty-card.off {
  background: rgba(248,247,244,.9);
}
.gogo-office-duty-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.gogo-office-duty-location {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(231,239,235,.6);
}
.gogo-office-duty-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}
.gogo-duty-start-btn,
.gogo-duty-end-btn,
.gogo-duty-map-btn {
  border: 0;
  border-radius: 10px;
  padding: 10px 8px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.gogo-duty-start-btn { background: #1e9d61; color: white; }
.gogo-duty-end-btn { background: #80564a; color: white; }
.gogo-duty-map-btn { background: #e7efeb; color: #244c3b; }
.gogo-duty-map-btn:disabled { opacity: .45; cursor: default; }
.gogo-duty-required-modal { text-align: center; padding: 6px 4px 2px; }
.gogo-duty-required-icon {
  width: 46px;
  height: 46px;
  margin: 0 auto 10px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #edf5f1;
  color: #1f7f55;
  font-size: 24px;
}
.gogo-duty-required-modal p { color: #6d7f75; font-size: 11px; line-height: 1.55; }
.gogo-live-map-frame {
  width: 100%;
  height: 330px;
  border: 0;
  border-radius: 14px;
  margin-top: 10px;
  background: #edf1ef;
}

/* V3.10.1 — explicit Android geolocation permission handoff */
.gogo-location-enable-btn{
  margin-top:10px;
  min-height:40px;
  padding:9px 14px;
  border:0;
  border-radius:14px;
  font:inherit;
  font-weight:700;
  background:#0f9f55;
  color:#fff;
  cursor:pointer;
}
.gogo-location-enable-btn:active{transform:translateY(1px)}

/* =========================================================
   V3.9.3.7 — DONE CHARCOAL GRAY FINAL
   Keep On Way green; Done uses the approved Charcoal Gray #4B5563.
   ========================================================= */
#gogo-workspace .way-action-primary.done-btn,
#gogo-workspace .done-btn{
  background: #4B5563 !important;
  color: #ffffff !important;
  border-color: #4B5563 !important;
}


/* =========================================================
   V3.10.4 — LIVE MOVING RIDER MAP (STAGING)
   Current location only; no route-history retention.
   ========================================================= */
.gogo-live-map-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.gogo-live-map-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(22,167,101,.10);
  color:#168a57;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.gogo-live-map-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#16a765;
  box-shadow:0 0 0 4px rgba(22,167,101,.12);
  animation:gogoLivePulse 1.5s ease-in-out infinite;
}
.gogo-live-map-status.off{
  background:rgba(107,114,128,.10);
  color:#6b7280;
}
.gogo-live-map-status.off::before{
  background:#9ca3af;
  box-shadow:none;
  animation:none;
}
.gogo-live-map-shell{
  position:relative;
  width:100%;
  height:330px;
  margin-top:10px;
  overflow:hidden;
  border-radius:14px;
  background:#edf1ef;
  border:1px solid rgba(28,73,53,.08);
}
.gogo-live-map-shell .gogo-live-map-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  border:0;
  border-radius:0;
  pointer-events:none;
}
.gogo-live-map-marker{
  position:absolute;
  left:50%;
  top:50%;
  width:28px;
  height:36px;
  transform:translate(-50%,-100%);
  transition:left 1.4s linear, top 1.4s linear, transform .18s ease;
  z-index:4;
  pointer-events:none;
  filter:drop-shadow(0 4px 5px rgba(20,55,40,.26));
}
.gogo-live-map-marker::before{
  content:"";
  position:absolute;
  left:4px;
  top:2px;
  width:20px;
  height:20px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#64b936;
  border:2px solid #fff;
}
.gogo-live-map-marker span{
  position:absolute;
  left:10px;
  top:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  z-index:2;
}
.gogo-live-map-marker.fresh{
  transform:translate(-50%,-100%) scale(1.08);
}
.gogo-live-map-controls{
  position:absolute;
  right:10px;
  top:10px;
  z-index:5;
  display:grid;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(20,55,40,.14);
}
.gogo-live-map-controls button{
  width:38px;
  height:38px;
  border:0;
  background:#fff;
  color:#223b30;
  font-size:24px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
}
.gogo-live-map-controls button + button{
  border-top:1px solid #e2e8e4;
}
.gogo-live-map-controls button:active{
  background:#eef4f1;
}
@keyframes gogoLivePulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.58;transform:scale(.78)}
}
@media (prefers-reduced-motion: reduce){
  .gogo-live-map-marker{transition:none}
  .gogo-live-map-status::before{animation:none}
}

/* =========================================================
   V3.10.5.1 — LIVE MAP TILE RELIABILITY FIX
   Avoids the cross-origin OSM embed iframe that can render blank in iOS/WebView.
   ========================================================= */
.gogo-live-map-tiles{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  background:#edf1ef;
  pointer-events:none;
}
.gogo-live-map-tile{
  position:absolute;
  width:256px !important;
  height:256px !important;
  max-width:none !important;
  margin:0 !important;
  border:0 !important;
  user-select:none;
  -webkit-user-drag:none;
}
.gogo-live-map-attribution{
  position:absolute;
  right:5px;
  bottom:4px;
  z-index:3;
  padding:2px 5px;
  border-radius:5px;
  background:rgba(255,255,255,.82);
  color:#64736c;
  font-size:7px;
  line-height:1.25;
  pointer-events:auto;
}
.gogo-live-map-attribution a{
  color:#536d61;
  text-decoration:none;
}


/* =========================================================
   V3.10.5.2 — FULL-SCREEN LIVE RIDER MAP
   Live Map only. Other GoGo modals / workflow / layout stay unchanged.
   ========================================================= */
#gogoModal.gogo-live-map-open{
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: rgba(12,35,25,.34) !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-card{
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: max(16px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-card::before{
  margin: 0 auto 10px !important;
  flex: 0 0 auto !important;
}
#gogoModal.gogo-live-map-open #gogoModalBody{
  height: calc(100% - 14px) !important;
  min-height: 0 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-modal{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-title-row{
  flex: 0 0 auto !important;
  padding-right: 42px !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-title{
  margin-bottom: 4px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-meta{
  flex: 0 0 auto !important;
  margin: 2px 0 7px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-shell{
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  border-radius: 16px !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-note{
  flex: 0 0 auto !important;
  margin: 7px 2px 0 !important;
  font-size: 9px !important;
}
#gogoModal.gogo-live-map-open .gogo-modal-close{
  right: max(10px, env(safe-area-inset-right)) !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  z-index: 20 !important;
}
#gogoModal.gogo-live-map-open .gogo-live-map-controls{
  right: 12px !important;
  top: 12px !important;
}

/* Desktop/tablet: keep the map immersive without exceeding the viewport. */
@media (min-width: 820px){
  #gogoModal.gogo-live-map-open{
    padding: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #gogoModal.gogo-live-map-open .gogo-modal-card{
    width: min(1180px, calc(100vw - 36px)) !important;
    height: min(900px, calc(100dvh - 36px)) !important;
    border: 2px solid #cfe7da !important;
    border-radius: 24px !important;
    padding: 18px !important;
  }
}


/* =========================================================
   V3.11 WHITE-LABEL THEME FOUNDATION
   Layout/workflow remain locked. Only brand tokens change.
   ========================================================= */
:root{
  --brand-primary:#079b49;
  --brand-secondary:#173f32;
  --brand-accent:#e9f5ee;
  --brand-muted:#7b8e85;
  --brand-workspace:rgba(234,247,239,.91);
  --brand-primary-soft-28:rgba(123,232,165,.28);
  --brand-primary-soft-21:rgba(47,197,105,.21);
  --brand-primary-soft-55:rgba(7,155,73,.55);
  --brand-primary-soft-08:rgba(7,155,73,.08);
  --brand-login-bg-image:none;
  --brand-dashboard-bg-image:url("https://i.ibb.co/cSpFFpNX/1-CE54495-50-FD-476-A-8-A7-D-D06810-FA1-E76.png");
  --brand-workspace-bg-image:none;
  --brand-decorative-image:none;
}

/* Core brand tokens: dimensions/positions are intentionally untouched. */
body{color:var(--brand-secondary);}
#loginStage{
  color:var(--brand-secondary);
  background-image:
    var(--brand-login-bg-image),
    radial-gradient(circle at 104% -1%, var(--brand-primary-soft-28) 0 84px, transparent 85px),
    radial-gradient(circle at -12% 105%, var(--brand-primary-soft-21) 0 125px, transparent 126px),
    linear-gradient(145deg,#f8fcfa 0%,#edf8f2 62%,#e4f4eb 100%);
  background-position:center,center,center,center;
  background-size:cover,auto,auto,auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
}
.login-mark,
.login-submit{background:var(--brand-primary);}
.login-kicker{color:var(--brand-primary);}
.login-copy h1,
.login-field input{color:var(--brand-secondary);}
.login-brand-sub,
.login-copy p,
.login-status{color:var(--brand-muted);}
.login-field input:focus{border-color:var(--brand-primary-soft-55);box-shadow:0 0 0 3px var(--brand-primary-soft-08);}
.login-art svg path[fill="#0a9950"]{fill:var(--brand-primary)!important;}
.login-art svg path[stroke="#0a9950"],
.login-art svg circle[stroke="#0a9950"]{stroke:var(--brand-primary)!important;}
.login-art svg circle[fill="#173f32"],
.login-art svg path[fill="#173f32"]{fill:var(--brand-secondary)!important;}
.login-brand-logo{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block;}
.login-brand-logo[hidden]{display:none!important;}
.login-mark.has-brand-logo [data-brand-mark]{display:none;}

#gogoStage{
  background:
    var(--brand-dashboard-bg-image)
    top left / 390px auto no-repeat,
    #eef7f2;
}
.workspace{
  background-color:var(--brand-workspace)!important;
  background-image:var(--brand-workspace-bg-image)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.workspace h1,
#gogo-workspace .gogo-title{color:var(--brand-secondary)!important;}
.eyebrow,
.subtitle,
#gogo-workspace .gogo-eyebrow,
#gogo-workspace .gogo-subtitle{color:var(--brand-muted)!important;}

/* Primary action tint only; action semantics/positions stay unchanged. */
#gogo-workspace .osm-add-shop-btn,
#gogo-workspace .gogo-primary,
#gogo-workspace .assign-way-btn,
#gogo-workspace .way-action-primary,
#gogo-workspace .create-biker-v2-btn{
  background:var(--brand-primary)!important;
}
#gogo-workspace .osm-intake-card strong{color:var(--brand-primary)!important;}

/* Optional decorative artwork layer. Empty by default. */
#gogoStage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:var(--brand-decorative-image);
  background-position:top left;
  background-size:390px auto;
  background-repeat:no-repeat;
  z-index:0;
}
#gogoStage > .sidebar{z-index:1;}
#gogoStage > .workspace{position:relative;z-index:1;}

.slogan [data-brand-slogan]{white-space:pre-line;}

/* ===== V3.11.1 — COMPANY MONTHLY PAYMENT (isolated) ===== */
.lower-actions{gap:8px!important;}
.lower-card.payment-btn{display:none;}
body.gogo-role-admin .lower-card.payment-btn,
body.gogo-role-office .lower-card.payment-btn{display:flex;}
#gogo-workspace .payment-shell{padding:18px 14px 28px;color:#20362e;}
#gogo-workspace .payment-head{margin-bottom:14px;}
#gogo-workspace .payment-kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#9a7a47;font-weight:800;}
#gogo-workspace .payment-title{font-family:Georgia,serif;font-size:27px;line-height:1.05;margin:5px 0;color:#173b2d;}
#gogo-workspace .payment-sub{font-size:12px;color:#718078;line-height:1.5;}
#gogo-workspace .payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;}
#gogo-workspace .payment-stat,#gogo-workspace .payment-card{background:rgba(255,255,255,.92);border:1px solid rgba(200,164,107,.28);border-radius:17px;box-shadow:0 8px 22px rgba(30,54,45,.07);}
#gogo-workspace .payment-stat{padding:12px;}
#gogo-workspace .payment-stat span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#87938d;font-weight:700;}
#gogo-workspace .payment-stat strong{display:block;margin-top:5px;font-size:15px;color:#173b2d;}
#gogo-workspace .payment-card{padding:14px;margin-top:10px;}
#gogo-workspace .payment-card h3{margin:0 0 10px;font-size:14px;color:#173b2d;}
#gogo-workspace .payment-accounts-card{padding:14px;}
#gogo-workspace .payment-account-list{display:flex;flex-direction:column;gap:8px;}
#gogo-workspace .pay-account{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#f7f5ef;border:1px solid #e6ddcc;border-radius:13px;padding:9px 9px 9px 11px;margin:0;min-height:54px;overflow:hidden;}
#gogo-workspace .pay-account-main{flex:1 1 auto;min-width:0;overflow:hidden;}
#gogo-workspace .pay-account small{display:block;margin:0 0 3px;color:#8a938e;font-size:8.5px;text-transform:uppercase;letter-spacing:.9px;line-height:1.15;}
#gogo-workspace .pay-account b{display:block;width:100%;min-width:0;margin:0;font-size:13px;line-height:1.15;color:#173b2d;white-space:nowrap;word-break:normal;overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.2px;}
#gogo-workspace .pay-copy{position:static;flex:0 0 30px;width:30px;min-width:30px;max-width:30px;height:30px;padding:0;margin:0;border:0;border-radius:9px;background:#fff;color:#876a3d;font-size:15px;line-height:30px;box-shadow:0 2px 8px rgba(0,0,0,.08);}
#gogo-workspace #paymentSummaryPeriod{white-space:nowrap;word-break:keep-all;font-size:14px;letter-spacing:-.25px;}
#gogo-workspace #paymentSummaryDue{white-space:nowrap;word-break:keep-all;font-size:14px;letter-spacing:-.2px;}
#gogo-workspace .pay-upload{display:block;border:1.5px dashed #cdbb99;border-radius:14px;padding:14px;text-align:center;background:#fbfaf7;cursor:pointer;}
#gogo-workspace .pay-upload input{display:none;}
#gogo-workspace .pay-preview{display:none;width:100%;height:220px;object-fit:contain;border-radius:11px;background:#f2f2f2;}
#gogo-workspace .pay-upload.has-preview{padding:6px;position:relative;border-style:solid;}
#gogo-workspace .pay-upload.has-preview .pay-upload-prompt{display:none;}
#gogo-workspace .pay-upload.has-preview .pay-preview{display:block;}
#gogo-workspace .pay-change-photo{display:none;position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(7,25,37,.88);color:#fff;font-size:10px;font-weight:800;}
#gogo-workspace .pay-upload.has-preview .pay-change-photo{display:block;}
#gogo-workspace .payment-period-select{width:100%;margin-top:10px;padding:12px;border-radius:10px;background:#fff;color:#173b2d;border:1px solid #d9cfbd;font-weight:800;}
#gogo-workspace .payment-period-select option{color:#173b2d;background:#fff;}
#gogo-workspace .payment-total{margin-top:12px;}
#gogo-workspace .payment-action-divider{height:1px;background:#eee5d7;margin:16px 0 13px;}
#gogo-workspace .payment-receipt-title{margin-bottom:10px !important;}
#gogo-workspace .payment-notice{border-color:#b88a38 !important;}
@media(max-width:520px){
  #gogo-workspace .pay-account{gap:7px;padding:9px 8px 9px 10px;}
  #gogo-workspace .pay-account b{font-size:12.5px;letter-spacing:-.3px;}
  #gogo-workspace .pay-copy{flex-basis:28px;width:28px;min-width:28px;max-width:28px;height:28px;line-height:28px;}
  #gogo-workspace #paymentSummaryPeriod{font-size:13.5px;}
  #gogo-workspace #paymentSummaryDue{font-size:13.5px;}
}
#gogo-workspace .pay-submit{width:100%;border:0;border-radius:13px;padding:12px 14px;margin-top:11px;background:#173b2d;color:white;font-weight:800;font-size:13px;}
#gogo-workspace .pay-submit:disabled{opacity:.45;}
#gogo-workspace .pay-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:#f0eadf;color:#856b43;}
#gogo-workspace .pay-history-row{padding:10px 0;border-top:1px solid #eee7db;display:flex;justify-content:space-between;gap:10px;font-size:11px;}


/* V3.15.0 — payment transaction history only. No delivery workflow styling changed. */
#gogo-workspace .pay-history-button{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;color:inherit;cursor:pointer;align-items:center;}
#gogo-workspace .pay-history-button:hover{background:rgba(23,59,45,.035);}
#gogo-workspace .pay-history-copy{min-width:0;flex:1;}
#gogo-workspace .pay-history-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:0 0 auto;}
#gogo-workspace .pay-history-open{font-size:9px;font-weight:800;color:#856b43;white-space:nowrap;}
#gogo-workspace .company-payment-modal[hidden]{display:none!important;}
#gogo-workspace .company-payment-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;}
#gogo-workspace .company-payment-modal-backdrop{position:absolute;inset:0;background:rgba(5,18,13,.64);backdrop-filter:blur(3px);}
#gogo-workspace .company-payment-modal-card{position:relative;z-index:1;width:min(92vw,430px);max-height:82vh;overflow:auto;border:1px solid #dfd4c2;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(7,25,18,.28);padding:18px;color:#173b2d;}
#gogo-workspace .company-payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
#gogo-workspace .company-payment-modal-head small{display:block;color:#a98a58;letter-spacing:.16em;font-size:9px;font-weight:800;margin-bottom:4px;}
#gogo-workspace .company-payment-modal-head h3{margin:0;font-size:20px;}
#gogo-workspace .company-payment-modal-head button{border:0;background:#f2ece2;color:#173b2d;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:32px;cursor:pointer;}
#gogo-workspace .company-payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#gogo-workspace .company-payment-detail-grid>div{border:1px solid #eee5d8;border-radius:14px;padding:11px;background:#fbf8f2;min-width:0;}
#gogo-workspace .company-payment-detail-grid span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9b9488;margin-bottom:5px;}
#gogo-workspace .company-payment-detail-grid b{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
#gogo-workspace .company-payment-detail-grid .company-payment-detail-wide{grid-column:1/-1;}
#gogo-workspace .company-payment-receipt-btn{grid-column:1/-1;border:0;border-radius:13px;padding:12px 14px;background:#173b2d;color:#fff;font-weight:800;cursor:pointer;}
@media(max-width:520px){#gogo-workspace .company-payment-detail-grid{grid-template-columns:1fr 1fr;}#gogo-workspace .company-payment-modal-card{width:min(94vw,430px);padding:15px;}}


/* V3.15.1 — COMPANY PAYMENT HISTORY MOBILE OPEN FIX
   Global (body-level) modal escapes #gogoViewport overflow and #gogoStage scaling. */
.pay-history-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(133,107,67,.12);}
.company-payment-modal[hidden]{display:none!important;}
.company-payment-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));}
.company-payment-modal-backdrop{position:absolute;inset:0;background:rgba(5,18,13,.64);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.company-payment-modal-card{position:relative;z-index:1;width:min(92vw,430px);max-height:min(82vh,720px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #dfd4c2;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(7,25,18,.28);padding:18px;color:#173b2d;}
.company-payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.company-payment-modal-head small{display:block;color:#a98a58;letter-spacing:.16em;font-size:9px;font-weight:800;margin-bottom:4px;}
.company-payment-modal-head h3{margin:0;font-size:20px;}
.company-payment-modal-head button{border:0;background:#f2ece2;color:#173b2d;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:32px;cursor:pointer;touch-action:manipulation;}
.company-payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.company-payment-detail-grid>div{border:1px solid #eee5d8;border-radius:14px;padding:11px;background:#fbf8f2;min-width:0;}
.company-payment-detail-grid span{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9b9488;margin-bottom:5px;}
.company-payment-detail-grid b{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
.company-payment-detail-grid .company-payment-detail-wide{grid-column:1/-1;}
.company-payment-receipt-btn{grid-column:1/-1;border:0;border-radius:13px;padding:12px 14px;background:#173b2d;color:#fff;font-weight:800;cursor:pointer;touch-action:manipulation;}
@media(max-width:520px){.company-payment-detail-grid{grid-template-columns:1fr 1fr;}.company-payment-modal-card{width:min(94vw,430px);padding:15px;}}

/* Jay Project LV: DOM-powered Theme Library, designed to match the selected visual.
   The uploaded screenshot itself is never displayed as a screen: texture-only image assets. */
#dashboard.lv-live-theme-mode{background:#120904!important;min-height:100svh!important;overflow:visible!important;color:#f2dcb6!important}
#dashboard.lv-live-theme-mode #lvDashHome,#dashboard.lv-live-theme-mode #lvBlankScreen{display:none!important}
#dashboard.lv-live-theme-mode #lvDashboardBack{display:none!important}
#dashboard.lv-live-theme-mode #gogoViewport{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;width:100%!important;height:auto!important;overflow:visible!important;inset:auto!important}
#dashboard.lv-live-theme-mode #gogoStage{display:block!important;visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100svh!important;position:relative!important;inset:auto!important;margin:0!important;padding:0!important;transform:none!important}
#dashboard.lv-live-theme-mode #gogoStage .sidebar{display:none!important}
#dashboard.lv-live-theme-mode #gogo-workspace{display:block!important;visibility:visible!important;opacity:1!important;float:none!important;position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:100svh!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;background:#110804!important}
#dashboard.lv-live-theme-mode .lv-live-themes, #dashboard.lv-live-theme-mode .lv-live-themes *{box-sizing:border-box}
#dashboard.lv-live-theme-mode .lv-live-themes{max-width:942px;min-height:100svh;margin:0 auto;background:linear-gradient(180deg,#190b04 0%,#170c06 46%,#0d0502 100%);font-family:Georgia,'Times New Roman',serif;color:#f5dfb8;isolation:isolate;box-shadow:0 0 60px #0008}
#dashboard.lv-live-theme-mode .lv-live-themes button{cursor:pointer;touch-action:manipulation}
#dashboard.lv-live-theme-mode .lv-live-themes button:focus-visible,#dashboard.lv-live-theme-mode .lv-live-themes input:focus-visible{outline:2px solid #ffe0a5!important;outline-offset:3px}
.lvt-hero{height:365px;position:relative;overflow:hidden;border-bottom:2px solid #d7a96a;background:radial-gradient(ellipse at 7% 25%,#c78b4180,transparent 37%),linear-gradient(115deg,#261308 12%,#4a250e4d 48%,#0d0703 94%),url('/assets/lv_mythemes_leather.webp') 63% 27%/cover no-repeat}
.lvt-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 64% 66%,transparent 10%,#10080391 92%)}
.lvt-hero:after{content:'';position:absolute;left:-5%;right:-5%;height:72px;bottom:-54px;pointer-events:none;transform:rotate(-2deg);background:#140a05;border-top:2px solid #edc183;border-radius:50% 50% 0 0}
.lvt-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 36px}
#dashboard.lv-live-theme-mode .lvt-back{height:66px;width:66px;display:grid;place-items:center;background:linear-gradient(150deg,#26170c,#090704);border:1px solid #846036;border-radius:16px;font:48px/1 Georgia;color:#fff0d5;box-shadow:0 3px 12px #000a;padding:0 0 9px}
.lvt-account{display:flex;gap:12px;align-items:center;padding:4px 17px 4px 9px;background:#0e0907ce;border-radius:28px;color:#e9d5ae;min-width:190px;font-size:19px}
.lvt-account small{display:block;color:#ddc9b0;font-size:15px;margin-top:3px}
.lvt-avatar{height:49px;width:49px;display:grid;place-items:center;border-radius:50%;font:28px Georgia;background:#d3b38b;color:#553523}
.lvt-hero-body{z-index:1;position:relative;display:flex;justify-content:center;align-items:center;gap:30px;height:212px;padding:10px 42px 35px}
.lvt-monogram{font:bold italic 95px/1 Georgia,'Times New Roman',serif;color:#e0bc8c;text-shadow:2px 4px 4px #000d,0 0 21px #dbae5b4c;letter-spacing:-13px;margin-right:15px;flex-shrink:0}
.lvt-hero-text{text-align:center;white-space:nowrap;text-shadow:0 3px 8px #000}
.lvt-hero-text h1{margin:0;color:#f1d7b3;font:30px/1.25 Georgia,serif;letter-spacing:.20em}
.lvt-hero-text p{margin:9px 0 11px;font:15px Georgia,serif;letter-spacing:.14em;color:#e6cba4}
.lvt-ornament{font-size:24px;color:#f3c589}
.lvt-side-motto{font:13px/2.15 Georgia,serif;letter-spacing:.2em;min-width:85px;color:#f4dfc4;margin-left:auto}
.lvt-main{padding:26px 34px 8px;position:relative}
.lvt-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:15px 19px;border:1px solid #986938;border-radius:30px;background:linear-gradient(180deg,#21140c,#0f0806);box-shadow:inset 0 0 30px #000b,0 8px 24px #0008}
#dashboard.lv-live-theme-mode .lvt-tab{display:flex;justify-content:center;align-items:center;gap:20px;min-height:112px;background:linear-gradient(130deg,#23160e,#140c07);border:1px solid #8b5e37;border-radius:23px;color:#f1dfc3;padding:12px 16px;text-align:left}
#dashboard.lv-live-theme-mode .lvt-tab.selected{background:linear-gradient(115deg,#fce3a5,#d6a05d 36%,#ecc38a 80%,#c28847);color:#34180b;border-color:#ffe4ad;box-shadow:0 4px 18px #e3aa677b,inset 0 2px 3px #fff6}
.lvt-tab-symbol{font:39px Georgia,serif;color:inherit;min-width:40px;text-align:center}
.lvt-tab strong{font:27px Georgia,serif;letter-spacing:.04em;display:block}
.lvt-tab small{font:17px Georgia,serif;display:block;opacity:.86;margin-top:7px}
.lvt-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:29px 24px 17px}
.lvt-section-head h2{font:34px Georgia,serif;color:#f4dfc5;margin:0 0 5px;letter-spacing:.06em}
.lvt-section-head p{font:19px Georgia,serif;color:#dec7a9;margin:0}
.lvt-count{font:13px/1.5 Georgia,serif;letter-spacing:.22em;color:#edc28f;white-space:nowrap;border-top:1px solid #c08b54;padding:9px 3px 0;align-self:center}
.lvt-search{display:flex;align-items:center;gap:14px;margin:0 24px 22px}
.lvt-search[hidden]{display:none!important}
.lvt-search label{font:14px Georgia,serif;color:#e5be8c;white-space:nowrap}
.lvt-search input{flex:1;min-width:0;border:1px solid #94633a;border-radius:14px;background:#1c0f09;color:#f8e5c8;padding:11px 16px;font:14px system-ui,sans-serif}
.lvt-search input::placeholder{color:#9f8265}
.lvt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;min-height:340px;padding:0 13px 28px}
.lvt-card{border:2px solid #886140;border-radius:25px;background:linear-gradient(#211007,#0d0704);overflow:hidden;min-width:0;box-shadow:0 12px 25px #0008;position:relative}
.lvt-card.active{border:3px solid #eab676;box-shadow:0 0 0 2px #6c3f1f,0 0 20px #dfa75b7a}
.lvt-card-art{height:290px;position:relative;background:#2b160c;overflow:hidden}
.lvt-card-art:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#170b07);pointer-events:none}
.lvt-card-art img{height:100%;width:100%;object-fit:cover;display:block}
.lvt-active-tag{position:absolute;left:12px;top:16px;z-index:1;color:#2e180c;background:linear-gradient(120deg,#f9d88e,#cd8f41);border:1px solid #fce0a1;border-radius:20px;padding:7px 12px;font:17px Georgia,serif;box-shadow:0 2px 8px #0008}
#dashboard.lv-live-theme-mode .lvt-dots{position:absolute;right:12px;top:14px;z-index:2;width:43px;height:43px;border-radius:14px;background:#150e09ed;border:1px solid #96704b;color:#f8e7d0;font:bold 18px system-ui,sans-serif;letter-spacing:2px;display:grid;place-items:center}
.lvt-card-body{text-align:center;padding:14px 14px 20px;background:linear-gradient(180deg,#170d08,#0b0805)}
.lvt-card-body h3{font:26px Georgia,serif;margin:0 0 6px;color:#f8e4c3;overflow-wrap:anywhere}
.lvt-card-body p{font:16px/1.4 Georgia,serif;color:#debc99;margin:0;min-height:47px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lvt-mini-ornament{font:18px Georgia,serif;letter-spacing:.3em;color:#d7a15f;margin:5px 0 14px}
#dashboard.lv-live-theme-mode .lvt-apply{width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:25px;border:1px solid #cda06b;border-radius:24px;color:#f4dcc0;background:linear-gradient(100deg,#3b2618,#1e120b);font:20px Georgia,serif;padding:9px 10px}
#dashboard.lv-live-theme-mode .lvt-apply span{font-size:23px}
#dashboard.lv-live-theme-mode .lvt-apply.already-active{color:#9f866c;border-color:#54402d;background:#29180e}
.lvt-footer{min-height:220px;background:radial-gradient(ellipse at top,#5c331d88,transparent 70%),#100602;position:relative;overflow:hidden}
.lvt-bottom-wave{height:205px;background:linear-gradient(180deg,transparent 10%,#0d0604 93%),url('/assets/lv_mythemes_hero.webp') center center/cover;opacity:.85;clip-path:ellipse(94% 67% at 50% 29%)}
.lvt-message{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;background:linear-gradient(135deg,#281508,#120905);border:1px solid #916039;border-radius:25px;color:#edd5b0;padding:25px;font:16px/1.7 Georgia,serif}
.lvt-message h3{font:27px Georgia,serif;color:#efd4a7;margin:10px 0 8px}.lvt-message p{max-width:500px;margin:0}
.lvt-empty-glyph{font:55px Georgia,serif;color:#d7a55f}
#dashboard.lv-live-theme-mode .lvt-small-button{margin-top:15px;background:#d5ae6e;border:0;border-radius:10px;color:#281305;font:16px Georgia,serif;padding:12px 22px}
.lvt-toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:8500;max-width:min(90vw,440px);padding:14px 18px;background:#28160f;color:#f8dba7;border:1px solid #b68954;border-radius:13px;box-shadow:0 6px 30px #000a;font:14px/1.5 system-ui,sans-serif;text-align:center}
.lvt-toast[hidden],.lvt-dialog-wrap[hidden]{display:none!important}
.lvt-dialog-wrap{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px}
.lvt-dialog-shade{position:absolute;inset:0;background:#000d}
.lvt-dialog-card{position:relative;z-index:1;background:linear-gradient(135deg,#2d190e,#130906);border:1px solid #d1a365;border-radius:24px;padding:27px;max-width:475px;width:100%;color:#f0d6b0;box-shadow:0 10px 45px #0009}
#dashboard.lv-live-theme-mode .lvt-dialog-x{position:absolute;right:13px;top:9px;width:32px;height:32px;border:0;color:#e9c8a1;background:transparent;font:30px Georgia,serif}
.lvt-modal-kicker{color:#d7a85b;font:12px system-ui,sans-serif;letter-spacing:.22em;margin:0}
.lvt-dialog-card h2{font:28px Georgia,serif;color:#ffe1a5;margin:12px 0}
.lvt-dialog-card p{font:15px/1.7 Georgia,serif;color:#ddc5a6}
.lvt-details{margin:20px 0}.lvt-details>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #65442a;gap:10px}.lvt-details dt{color:#d6b891}.lvt-details dd{margin:0;color:#f4debe}
.lvt-modal-buttons{display:flex;gap:12px;margin-top:20px}
#dashboard.lv-live-theme-mode .lvt-modal-apply,#dashboard.lv-live-theme-mode .lvt-cancel{border:1px solid #b7874d;border-radius:12px;padding:11px 15px;font:16px Georgia,serif;background:#cca064;color:#261105;min-height:44px;flex:1}
#dashboard.lv-live-theme-mode .lvt-cancel{background:#24160f;color:#e3c9ab}
#dashboard.lv-live-theme-mode .lvt-modal-apply:disabled{opacity:.6;cursor:wait}
.lvt-modal-footnote{font-size:12px!important}
@media(max-width:750px){.lvt-topbar{padding:17px 20px}.lvt-hero{height:300px}.lvt-hero-body{gap:15px;padding:10px 18px 25px;height:180px}.lvt-monogram{font-size:72px;margin-right:7px}.lvt-hero-text h1{font-size:25px}.lvt-hero-text p{font-size:13px}.lvt-side-motto{font-size:10px;min-width:57px}.lvt-main{padding:18px 18px 0}.lvt-tab strong{font-size:20px}.lvt-tab small{font-size:13px}.lvt-tab-symbol{font-size:29px;min-width:23px}.lvt-section-head{margin:22px 8px 15px}.lvt-section-head h2{font-size:28px}.lvt-section-head p{font-size:15px}.lvt-count{font-size:11px}.lvt-search{margin:0 8px 16px}.lvt-card-art{height:215px}.lvt-card-body h3{font-size:20px}.lvt-card-body p{font-size:13px;min-height:37px}.lvt-grid{gap:12px;padding:0 4px 20px}.lvt-active-tag{font-size:12px;padding:5px 8px}#dashboard.lv-live-theme-mode .lvt-apply{font-size:15px;min-height:45px;gap:8px}}
@media(max-width:485px){.lvt-hero{height:245px}.lvt-topbar{padding:11px 13px}.lvt-back{max-height:46px;max-width:46px;font-size:36px!important;border-radius:11px!important}.lvt-account{font-size:13px;min-width:115px;padding:3px 9px 3px 5px;gap:6px}.lvt-account small{font-size:11px}.lvt-avatar{height:34px;width:34px;font-size:18px}.lvt-hero-body{height:160px;padding:0 14px 25px;gap:9px}.lvt-monogram{font-size:60px;letter-spacing:-9px;margin-right:3px}.lvt-hero-text h1{font-size:19px;letter-spacing:.1em}.lvt-hero-text p{font-size:10px;letter-spacing:.07em}.lvt-side-motto{font-size:8px;min-width:52px;letter-spacing:.07em}.lvt-main{padding:10px 10px 0}.lvt-tabs{gap:8px;padding:8px;border-radius:18px}#dashboard.lv-live-theme-mode .lvt-tab{gap:7px;min-height:70px;border-radius:12px;padding:7px}.lvt-tab-symbol{font-size:23px;min-width:19px}.lvt-tab strong{font-size:15px}.lvt-tab small{font-size:11px;margin-top:3px}.lvt-section-head{margin:20px 5px 14px}.lvt-section-head h2{font-size:24px}.lvt-section-head p{font-size:12px}.lvt-count{font-size:9px;letter-spacing:.1em}.lvt-search label{font-size:11px}.lvt-search input{font-size:12px;padding:8px 11px}.lvt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 3px 20px}.lvt-card{border-radius:17px}.lvt-card-art{height:180px}.lvt-card-body{padding:9px 7px 12px}.lvt-card-body h3{font-size:17px}.lvt-card-body p{font-size:12px;min-height:35px}.lvt-mini-ornament{font-size:13px;margin:5px 0 8px}#dashboard.lv-live-theme-mode .lvt-apply{min-height:40px;font-size:14px;padding:6px}.lvt-active-tag{left:5px;top:7px;font-size:11px}#dashboard.lv-live-theme-mode .lvt-dots{right:5px;top:7px;width:30px;height:30px;font-size:12px;border-radius:10px}.lvt-footer{min-height:140px}.lvt-bottom-wave{height:150px}}
/* Pixel-matched UI refinements from user's exact Jay Project Theme Library reference */
#dashboard.lv-live-theme-mode .lv-live-themes{background:linear-gradient(180deg,#130905,#1b0d05 36%,#100703 100%)!important}
#dashboard.lv-live-theme-mode .lvt-hero{height:396px!important;position:relative!important;background:linear-gradient(180deg,rgba(15,7,3,.08),rgba(8,3,1,.18)),url('/assets/lv_mythemes_header_clean.webp') center center/cover no-repeat!important;border:0!important;overflow:hidden!important}
#dashboard.lv-live-theme-mode .lvt-hero:before{background:linear-gradient(90deg,rgba(15,6,2,.07),transparent 40%,rgba(0,0,0,.09))!important}
#dashboard.lv-live-theme-mode .lvt-hero:after{height:70px!important;bottom:-52px!important;left:-10%!important;right:-10%!important;border-top:2px solid rgba(255,220,170,.85)!important;border-radius:50% 50% 0 0!important;transform:none!important;background:#100804!important}
#dashboard.lv-live-theme-mode .lvt-topbar{z-index:8;position:relative;padding:23px 40px!important;align-items:start!important}
#dashboard.lv-live-theme-mode .lvt-back{width:72px!important;height:72px!important;border:1px solid #947049!important;background:linear-gradient(#1b100aeb,#100905ee)!important;border-radius:18px!important;color:#fff4db!important;padding:15px!important;box-shadow:0 4px 14px #000c!important}
#dashboard.lv-live-theme-mode .lvt-back svg{width:100%;height:100%;display:block}
.lvt-right-head{position:relative;display:flex;align-items:center;gap:15px}
#dashboard.lv-live-theme-mode .lvt-notice{background:#21120cdb!important;color:#ead7c4!important;border:1px solid #a77a4b!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;padding:8px;width:58px;height:58px;box-shadow:0 3px 16px #0009}
.lvt-notice svg{width:100%;height:100%}
#dashboard.lv-live-theme-mode .lvt-account{display:flex;min-width:219px;max-height:69px;border:0!important;background:#1c100cd9!important;border-radius:14px!important;gap:12px!important;color:#f6e9d6!important;padding:6px 13px 6px 8px!important;text-align:left;font:20px/1.12 Georgia,serif!important;align-items:center}
.lvt-account strong{display:block;font-weight:400}
#dashboard.lv-live-theme-mode .lvt-account small{font:18px Georgia,serif;color:#e5d4be!important;margin-top:3px}
#dashboard.lv-live-theme-mode .lvt-avatar{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e4c4a5!important;color:#765034!important}
.lvt-avatar svg{width:84%;height:84%}
.lvt-chevron{color:#efdfcb;font:30px/1 Georgia,serif;align-self:center}
.lvt-account-menu{position:absolute;z-index:100;right:0;top:78px;width:240px;background:#1b0e08;border:1px solid #b18654;border-radius:14px;box-shadow:0 10px 30px #000d;padding:12px 16px;color:#f3d9b4}
.lvt-account-menu[hidden]{display:none!important}.lvt-account-menu p{margin:0 0 12px}.lvt-account-menu p small{color:#d3b591}
#dashboard.lv-live-theme-mode .lvt-account-menu button{padding:8px 12px;width:100%;border:1px solid #bd935d;border-radius:8px;background:#412514;color:#f7deab}
#dashboard.lv-live-theme-mode .lvt-hero-body{position:relative;z-index:2;display:grid!important;grid-template-columns:185px minmax(0,1fr) 116px;gap:15px!important;height:220px!important;padding:14px 44px 15px!important;align-items:center}
#dashboard.lv-live-theme-mode .lvt-monogram{margin:0!important;font:italic bold 125px/.9 Georgia,'Times New Roman',serif!important;letter-spacing:-17px;color:#e7c69a;text-shadow:0 4px 8px #000c,0 0 17px #dda9676e;text-align:center;white-space:nowrap}
#dashboard.lv-live-theme-mode .lvt-hero-text{text-align:center!important;white-space:normal!important;align-self:center}
#dashboard.lv-live-theme-mode .lvt-hero-text h1{font:normal 34px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:.13em!important;color:#fff5e9!important;text-shadow:0 3px 8px #000f!important;margin:0!important;white-space:nowrap}
#dashboard.lv-live-theme-mode .lvt-hero-text p{font:15px/1.6 Georgia,serif!important;letter-spacing:.18em!important;color:#f8e5d1!important;white-space:nowrap;margin:6px 0 13px!important}
.lvt-title-flourish{display:flex;align-items:center;justify-content:center;gap:12px;color:#f6d8a8;font:24px/1 Georgia,serif}.lvt-title-flourish span{width:35%;height:1px;background:#f1d6b8}
#dashboard.lv-live-theme-mode .lvt-side-motto{font:13px/2.35 Georgia,serif!important;letter-spacing:.14em!important;color:#f5e7d6!important;align-self:center!important;text-shadow:1px 1px 5px #000}
.lvt-side-motto span{display:block;background:#e1d0b8;height:1px;width:50px;margin-top:16px}
#dashboard.lv-live-theme-mode .lvt-main{padding:0 28px!important;background:linear-gradient(180deg,#160a04,#0f0704)!important}
#dashboard.lv-live-theme-mode .lvt-tabs{grid-template-columns:1fr 1fr;gap:19px!important;padding:20px!important;margin:-2px 0 0!important;border:1px solid #6f4a2b!important;border-radius:38px!important;box-shadow:0 3px 17px #000e!important;background:linear-gradient(180deg,#201208,#120906)!important}
#dashboard.lv-live-theme-mode .lvt-tab{min-height:112px!important;gap:20px!important;padding:12px 17px!important;border-radius:19px!important;border:1px solid #966f49!important;background:linear-gradient(120deg,#25160e,#150b06)!important;color:#f3dfc5!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:center!important}
#dashboard.lv-live-theme-mode .lvt-tab.selected{background:linear-gradient(125deg,#fbe7ac,#de9f52 40%,#ffdba0 69%,#cb8848)!important;border:1px solid #ffdda4!important;color:#291407!important;box-shadow:0 4px 17px #edb56b73!important}
#dashboard.lv-live-theme-mode .lvt-tab:disabled{cursor:default!important;opacity:1!important}
.lvt-tab-symbol{width:55px!important;height:55px!important;min-width:55px!important;display:grid;place-items:center;font:30px Georgia,serif!important;flex-shrink:0}
.lvt-tab-symbol svg{height:46px;width:46px}
#dashboard.lv-live-theme-mode .lvt-tab strong{font:27px/1.16 Georgia,serif!important;letter-spacing:.03em!important;white-space:nowrap}
#dashboard.lv-live-theme-mode .lvt-tab small{font:17px/1.1 Georgia,serif!important;opacity:.9!important;margin-top:10px!important;white-space:nowrap}
#dashboard.lv-live-theme-mode .lvt-section-head{margin:25px 32px 31px!important;align-items:center!important;gap:10px!important}
#dashboard.lv-live-theme-mode .lvt-section-head h2{font:normal 39px/1 Georgia,serif!important;color:#fff2df!important;letter-spacing:.045em!important;margin:0 0 7px!important}
#dashboard.lv-live-theme-mode .lvt-section-head p{font:19px Georgia,serif!important;color:#e9d2b1!important;white-space:normal}
#dashboard.lv-live-theme-mode .lvt-count{font:13px Georgia,serif!important;letter-spacing:.22em;color:#e7bd8b!important;padding:8px 0 0!important;min-width:100px;text-align:center!important;border-top:1px solid #b9956c!important}
#dashboard.lv-live-theme-mode .lvt-search{display:none!important}
#dashboard.lv-live-theme-mode .lvt-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;min-height:375px!important;padding:0 18px 20px!important}
#dashboard.lv-live-theme-mode .lvt-card{border:1px solid #8e6645!important;border-radius:23px!important;overflow:hidden!important;background:#0c0805!important;box-shadow:0 12px 17px #0009!important}
#dashboard.lv-live-theme-mode .lvt-card.active{border:3px solid #f4be78!important;box-shadow:0 0 0 2px #80512a,0 0 15px 4px #db9e516c!important}
#dashboard.lv-live-theme-mode .lvt-card-art{height:352px!important;position:relative!important}
#dashboard.lv-live-theme-mode .lvt-card-art img{width:100%;height:100%;object-fit:cover!important;object-position:center!important}
#dashboard.lv-live-theme-mode .lvt-card-body{text-align:center!important;background:linear-gradient(#1c100a,#090704)!important;padding:13px 13px 20px!important}
#dashboard.lv-live-theme-mode .lvt-card-body h3{font:26px/1.15 Georgia,serif!important;color:#fff1da!important;margin:0 0 6px!important}
#dashboard.lv-live-theme-mode .lvt-card-body p{font:17px/1.3 Georgia,serif!important;color:#e8ceac!important;height:auto!important;min-height:47px!important}
#dashboard.lv-live-theme-mode .lvt-mini-ornament{font:18px/1 Georgia,serif!important;margin:10px 0 17px!important;letter-spacing:.24em!important;color:#f3d2a0!important}
#dashboard.lv-live-theme-mode .lvt-active-tag,#dashboard.lv-live-theme-mode .lvt-concept-label{z-index:3;position:absolute;top:13px;left:12px;border:1px solid #f5cf8e;background:linear-gradient(110deg,#f9d999,#d9a15b);color:#2d190b;font:17px Georgia,serif;border-radius:21px;padding:8px 13px;box-shadow:0 2px 12px #0008}
#dashboard.lv-live-theme-mode .lvt-concept-label{font:10px system-ui,Arial,sans-serif;letter-spacing:.1em;color:#efe1c9;background:#281408df;border-color:#8d6238;padding:8px 7px}
#dashboard.lv-live-theme-mode .lvt-dots{z-index:4;right:12px!important;top:13px!important;width:45px!important;height:45px!important;border-radius:15px!important;background:#140b07e8!important;border:1px solid #9c734f!important;color:#ffe6c4!important;letter-spacing:1px!important}
#dashboard.lv-live-theme-mode .lvt-apply{min-height:59px!important;gap:16px!important;color:#f8e2c5!important;border-radius:29px!important;border:1px solid #cda173!important;background:linear-gradient(90deg,#382315,#180d07)!important;font:22px Georgia,serif!important}
#dashboard.lv-live-theme-mode .lvt-apply.already-active{color:#bda183!important;border-color:#6b4a2c!important;background:#2c180d!important}
#dashboard.lv-live-theme-mode .lvt-data-note{grid-column:1/-1;font:12px/1.5 system-ui,Arial,sans-serif;color:#bea180;text-align:center;margin:2px 0 0}
#dashboard.lv-live-theme-mode .lvt-message{min-height:235px!important;grid-column:1/-1}
#dashboard.lv-live-theme-mode .lvt-footer{min-height:242px!important;background:#0e0603!important;overflow:hidden}
#dashboard.lv-live-theme-mode .lvt-bottom-wave{height:230px!important;background:linear-gradient(180deg,transparent 5%,#130704 96%),url('/assets/lv_mythemes_footer_clean.webp') center center/cover no-repeat!important;clip-path:ellipse(93% 70% at 50% 23%)!important;opacity:1!important;position:relative}
#dashboard.lv-live-theme-mode .lvt-bottom-wave:before{content:'';position:absolute;left:-2%;right:-2%;top:0;height:80px;border-top:2px solid #f8d8a0;border-radius:50%}
@media(max-width:740px){
 #dashboard.lv-live-theme-mode .lvt-hero{height:284px!important}
 #dashboard.lv-live-theme-mode .lvt-topbar{padding:14px 21px!important}
 #dashboard.lv-live-theme-mode .lvt-back{width:52px!important;height:52px!important;padding:10px!important}
 #dashboard.lv-live-theme-mode .lvt-notice{height:43px;width:43px;padding:7px}
 #dashboard.lv-live-theme-mode .lvt-account{min-width:139px;max-height:52px;gap:7px!important;padding:3px 9px 3px 4px!important;font-size:14px!important}
 #dashboard.lv-live-theme-mode .lvt-avatar{width:38px;height:38px}
 #dashboard.lv-live-theme-mode .lvt-account small{font-size:12px!important}
 .lvt-chevron{font-size:19px}
 #dashboard.lv-live-theme-mode .lvt-hero-body{height:180px!important;grid-template-columns:110px minmax(0,1fr) 69px;padding:6px 23px 20px!important;gap:10px!important}
 #dashboard.lv-live-theme-mode .lvt-monogram{font-size:82px!important;letter-spacing:-10px}
 #dashboard.lv-live-theme-mode .lvt-hero-text h1{font-size:26px!important;letter-spacing:.085em!important}
 #dashboard.lv-live-theme-mode .lvt-hero-text p{font-size:11px!important;letter-spacing:.07em!important}
 #dashboard.lv-live-theme-mode .lvt-side-motto{font-size:10px!important;letter-spacing:.06em!important}
 #dashboard.lv-live-theme-mode .lvt-main{padding:0 15px!important}
 #dashboard.lv-live-theme-mode .lvt-tabs{gap:12px!important;padding:12px!important;border-radius:24px!important}
 #dashboard.lv-live-theme-mode .lvt-tab{min-height:84px!important;gap:11px!important;padding:8px!important}
 .lvt-tab-symbol{min-width:35px!important;width:35px!important;height:39px!important}.lvt-tab-symbol svg{width:35px;height:35px}
 #dashboard.lv-live-theme-mode .lvt-tab strong{font-size:19px!important}
 #dashboard.lv-live-theme-mode .lvt-tab small{font-size:12px!important;margin-top:4px!important}
 #dashboard.lv-live-theme-mode .lvt-section-head{margin:25px 17px 22px!important}
 #dashboard.lv-live-theme-mode .lvt-section-head h2{font-size:30px!important}
 #dashboard.lv-live-theme-mode .lvt-section-head p{font-size:15px!important}
 #dashboard.lv-live-theme-mode .lvt-card-art{height:220px!important}
 #dashboard.lv-live-theme-mode .lvt-grid{gap:10px!important;padding:0 6px 18px!important}
 #dashboard.lv-live-theme-mode .lvt-card-body h3{font-size:19px!important}
 #dashboard.lv-live-theme-mode .lvt-card-body p{font-size:13px!important;min-height:40px!important}
 #dashboard.lv-live-theme-mode .lvt-apply{min-height:45px!important;font-size:16px!important}
 #dashboard.lv-live-theme-mode .lvt-active-tag{font-size:11px!important;padding:6px 7px!important}
 #dashboard.lv-live-theme-mode .lvt-dots{width:32px!important;height:32px!important;font-size:12px!important}
 #dashboard.lv-live-theme-mode .lvt-count{font-size:10px!important}
 #dashboard.lv-live-theme-mode .lvt-footer{min-height:170px!important}.lvt-bottom-wave{height:170px!important}
}
@media(max-width:480px){
 #dashboard.lv-live-theme-mode .lvt-hero{height:223px!important}
 #dashboard.lv-live-theme-mode .lvt-topbar{padding:10px 13px!important}
 #dashboard.lv-live-theme-mode .lvt-back{width:44px!important;height:44px!important;padding:9px!important}
 #dashboard.lv-live-theme-mode .lvt-right-head{gap:7px}
 #dashboard.lv-live-theme-mode .lvt-notice{height:37px;width:37px}
 #dashboard.lv-live-theme-mode .lvt-account{min-width:120px!important;max-height:42px!important;font-size:12px!important}
 #dashboard.lv-live-theme-mode .lvt-avatar{height:31px;width:31px}
 #dashboard.lv-live-theme-mode .lvt-account small{font-size:10px!important}
 #dashboard.lv-live-theme-mode .lvt-hero-body{height:150px!important;grid-template-columns:77px minmax(0,1fr) 51px;gap:7px!important;padding:1px 12px 20px!important}
 #dashboard.lv-live-theme-mode .lvt-monogram{font-size:63px!important;letter-spacing:-8px}
 #dashboard.lv-live-theme-mode .lvt-hero-text h1{font-size:19px!important;letter-spacing:.035em!important}
 #dashboard.lv-live-theme-mode .lvt-hero-text p{font-size:9px!important;letter-spacing:0!important;margin:4px 0!important}
 .lvt-title-flourish{font-size:16px;gap:5px}.lvt-title-flourish span{width:27%}
 #dashboard.lv-live-theme-mode .lvt-side-motto{font-size:7px!important;letter-spacing:0!important;line-height:2.45!important;min-width:0}
 .lvt-side-motto span{margin-top:8px;width:24px}
 #dashboard.lv-live-theme-mode .lvt-main{padding:0 9px!important}
 #dashboard.lv-live-theme-mode .lvt-tabs{gap:8px!important;padding:8px!important;border-radius:19px!important}
 #dashboard.lv-live-theme-mode .lvt-tab{min-height:69px!important;border-radius:13px!important;gap:6px!important;padding:7px 6px!important}
 .lvt-tab-symbol{min-width:27px!important;width:27px!important;height:29px!important}.lvt-tab-symbol svg{width:27px;height:27px}
 #dashboard.lv-live-theme-mode .lvt-tab strong{font-size:15px!important;white-space:nowrap}
 #dashboard.lv-live-theme-mode .lvt-tab small{font-size:10px!important;white-space:nowrap}
 #dashboard.lv-live-theme-mode .lvt-section-head{margin:18px 8px 14px!important;align-items:center!important}
 #dashboard.lv-live-theme-mode .lvt-section-head h2{font-size:24px!important;margin-bottom:6px!important}
 #dashboard.lv-live-theme-mode .lvt-section-head p{font-size:11.5px!important;line-height:1.3!important}
 #dashboard.lv-live-theme-mode .lvt-count{font-size:9px!important;letter-spacing:.04em!important;min-width:65px!important}
 #dashboard.lv-live-theme-mode .lvt-grid{gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0 4px 14px!important}
 #dashboard.lv-live-theme-mode .lvt-card{border-radius:14px!important}
 #dashboard.lv-live-theme-mode .lvt-card-art{height:139px!important}
 #dashboard.lv-live-theme-mode .lvt-card-body{padding:8px 5px 10px!important}
 #dashboard.lv-live-theme-mode .lvt-card-body h3{font-size:14px!important;letter-spacing:-.01em!important;overflow-wrap:normal;white-space:normal}
 #dashboard.lv-live-theme-mode .lvt-card-body p{font-size:10px!important;min-height:36px!important;line-height:1.3!important;white-space:normal}
 #dashboard.lv-live-theme-mode .lvt-mini-ornament{font-size:12px!important;margin:5px 0 9px!important}
 #dashboard.lv-live-theme-mode .lvt-apply{min-height:34px!important;font-size:12.5px!important;padding:5px!important;gap:5px!important}
 #dashboard.lv-live-theme-mode .lvt-apply span{font-size:14px!important}
 #dashboard.lv-live-theme-mode .lvt-active-tag,#dashboard.lv-live-theme-mode .lvt-concept-label{font-size:8px!important;padding:4px 5px!important;top:5px!important;left:5px!important;max-width:65%!important}
 #dashboard.lv-live-theme-mode .lvt-dots{top:5px!important;right:4px!important;height:25px!important;width:25px!important;font-size:10px!important;border-radius:9px!important}
 #dashboard.lv-live-theme-mode .lvt-footer{min-height:122px!important}
 #dashboard.lv-live-theme-mode .lvt-bottom-wave{height:132px!important}
}
/* V4: user-requested HERO-ONLY refinement. No screen data, navigation, or modules changed. */
#dashboard.lv-live-theme-mode .lvt-hero{
 background:
  linear-gradient(180deg,rgba(15,6,2,.04),rgba(12,5,3,.06)),
  url('/assets/lv_mythemes_hero_detail_v4.webp') center 51%/cover no-repeat!important;
}
#dashboard.lv-live-theme-mode .lvt-hero:before{
 background:linear-gradient(90deg,rgba(10,4,2,.12) 0%,rgba(17,7,3,.03) 33%,transparent 62%,rgba(10,4,2,.12) 100%)!important;
}
#dashboard.lv-live-theme-mode .lvt-hero-text h1{
 font-family:Baskerville,'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif!important;
 font-weight:400!important;
 letter-spacing:.165em!important;
 line-height:1.16!important;
 color:#fff4e9!important;
 text-shadow:0 2px 8px rgba(12,3,1,.85)!important;
}
#dashboard.lv-live-theme-mode .lvt-hero-text p{
 font-family:Baskerville,'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif!important;
 font-weight:400!important;
 letter-spacing:.17em!important;
 line-height:1.6!important;
 color:#f5e4d0!important;
 text-shadow:0 2px 6px #160802!important;
}
#dashboard.lv-live-theme-mode .lvt-side-motto{
 font-family:Baskerville,'Iowan Old Style','Palatino Linotype',Georgia,serif!important;
 font-weight:400!important;
 letter-spacing:.16em!important;
 line-height:2.25!important;
 color:#f6e7d6!important;
 text-shadow:0 2px 6px #000!important;
}
#dashboard.lv-live-theme-mode .lvt-monogram{
 font-family:'Times New Roman',Georgia,serif!important;
 font-weight:700!important;
 font-style:italic!important;
 color:#edcba2!important;
 text-shadow:0 4px 6px #070301,0 0 12px rgba(213,158,92,.30)!important;
}
@media(max-width:740px){
 #dashboard.lv-live-theme-mode .lvt-hero-text h1{font-size:24px!important;letter-spacing:.125em!important}
 #dashboard.lv-live-theme-mode .lvt-hero-text p{font-size:11px!important;letter-spacing:.11em!important}
 #dashboard.lv-live-theme-mode .lvt-side-motto{font-size:9px!important;line-height:2.35!important;letter-spacing:.08em!important}
}
@media(max-width:480px){
 #dashboard.lv-live-theme-mode .lvt-hero{height:215px!important;background-position:54% 50%!important}
 #dashboard.lv-live-theme-mode .lvt-topbar{padding:9px 13px!important}
 #dashboard.lv-live-theme-mode .lvt-hero-body{height:143px!important;grid-template-columns:80px minmax(0,1fr) 51px!important;gap:6px!important;padding:1px 12px 18px!important}
 #dashboard.lv-live-theme-mode .lvt-monogram{font-size:62px!important;letter-spacing:-9px!important}
 #dashboard.lv-live-theme-mode .lvt-hero-text h1{font-size:17px!important;letter-spacing:.10em!important;white-space:nowrap!important}
 #dashboard.lv-live-theme-mode .lvt-hero-text p{font-size:8.4px!important;letter-spacing:.07em!important;white-space:nowrap!important;margin:5px 0 8px!important}
 #dashboard.lv-live-theme-mode .lvt-side-motto{font-size:7px!important;letter-spacing:.07em!important;line-height:2.22!important}
 #dashboard.lv-live-theme-mode .lvt-side-motto span{margin-top:8px;width:25px}
 #dashboard.lv-live-theme-mode .lvt-title-flourish{font-size:15px!important;gap:6px}
 #dashboard.lv-live-theme-mode .lvt-title-flourish span{width:28%;height:1px}
 #dashboard.lv-live-theme-mode .lvt-account{min-width:118px!important;font-family:Baskerville,'Iowan Old Style',Georgia,serif!important}
 #dashboard.lv-live-theme-mode .lvt-account small{font-family:Baskerville,'Iowan Old Style',Georgia,serif!important}
}

/* V5 — user-approved precise upper-hero accents ONLY.
   Source: Jay Project LV Theme Library selected reference.
   Image assets, navigation and every other screen remain untouched. */
#dashboard.lv-live-theme-mode .lvt-title-flourish {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(6px,1.1vw,12px)!important;
  max-width:245px!important;
  width:76%!important;
  margin:7px auto 0!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(13px,1.7vw,18px)!important;
  line-height:1!important;
  color:#f3d49f!important;
  text-shadow:0 0 4px rgba(255,222,160,.88),0 0 13px rgba(231,153,67,.55)!important;
  filter:drop-shadow(0 0 2px rgba(255,211,132,.65));
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span {
  display:block!important;
  position:relative!important;
  min-width:0!important;
  width:auto!important;
  flex:1 1 0!important;
  height:2px!important;
  border:none!important;
  box-shadow:none!important;
  opacity:.97;
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span:first-child {
  background:linear-gradient(90deg,transparent 0%,rgba(183,111,41,.07) 18%,rgba(208,145,68,.34) 48%,rgba(255,207,129,.8) 79%,rgba(255,240,206,.97) 97%)!important;
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span:last-child {
  background:linear-gradient(90deg,rgba(255,240,206,.97) 3%,rgba(255,207,129,.8) 21%,rgba(208,145,68,.34) 52%,rgba(183,111,41,.07) 82%,transparent 100%)!important;
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span::after {
  content:"";
  display:block;
  position:absolute;
  inset:-3px -1px;
  opacity:.75;
  filter:blur(4px);
  pointer-events:none;
  animation:lvtGlowBreathe 4.4s ease-in-out infinite alternate;
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span:first-child::after {
  background:linear-gradient(90deg,transparent,rgba(193,128,52,.04) 28%,rgba(252,191,96,.35) 72%,rgba(255,236,181,.82));
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span:last-child::after {
  background:linear-gradient(90deg,rgba(255,236,181,.82),rgba(252,191,96,.35) 28%,rgba(193,128,52,.04) 72%,transparent);
}
@keyframes lvtGlowBreathe{0%,20%{opacity:.32;filter:blur(4px)}48%{opacity:.86;filter:blur(3px)}70%,100%{opacity:.62;filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){#dashboard.lv-live-theme-mode .lvt-title-flourish span::after{animation:none;opacity:.66}}

/* Short fading highlight under the right-hand DIFFERENT/THEMES/.../DELIVERY quote. */
#dashboard.lv-live-theme-mode .lvt-side-motto span {
  display:block!important;
  position:relative!important;
  width:clamp(24px,5.2vw,50px)!important;
  max-width:100%!important;
  height:2px!important;
  margin-top:clamp(5px,1.1vw,13px)!important;
  border:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(232,173,88,.2) 13%,rgba(255,238,192,.98) 51%,rgba(237,166,83,.38) 82%,transparent 100%)!important;
  box-shadow:0 0 5px rgba(239,171,80,.54),0 0 11px rgba(225,133,52,.25)!important;
}
#dashboard.lv-live-theme-mode .lvt-side-motto span::after {
  content:"";position:absolute;inset:-2px 0;
  background:linear-gradient(90deg,transparent,rgba(255,207,126,.53) 50%,transparent);
  filter:blur(3px);opacity:.7;pointer-events:none;
}

/* Message icon is a subtle frosted-glass box, not the thick solid-gold tile. */
#dashboard.lv-live-theme-mode .lvt-notice {
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  color:#f7ddba!important;
  background:linear-gradient(142deg,rgba(57,40,28,.70),rgba(13,8,8,.83))!important;
  border:1px solid rgba(236,197,153,.51)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(255,230,185,.22),0 3px 12px rgba(0,0,0,.38),0 0 9px rgba(199,139,74,.13)!important;
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
#dashboard.lv-live-theme-mode .lvt-notice svg {
  width:72%!important;height:72%!important;
  stroke:#f2dabb!important;stroke-width:1.55px!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));
}
/* Badge "3" is DESIGN-ONLY in this isolated test deployment, not a live unread count. */
#dashboard.lv-live-theme-mode .lvt-notice::after {
  content:"3";
  display:flex!important;justify-content:center;align-items:center;
  position:absolute;z-index:3;top:-9px;right:-8px;
  width:21px;height:21px;border-radius:50%;
  box-sizing:border-box;
  color:#fff5f5;background:linear-gradient(145deg,#fc304a,#bb0e24);
  border:1px solid rgba(255,165,173,.7);
  box-shadow:0 0 0 2px rgba(31,15,10,.9),0 2px 7px rgba(0,0,0,.55);
  font:700 11px/1 system-ui,Arial,sans-serif;
  pointer-events:none;
}
@media(max-width:480px){
 #dashboard.lv-live-theme-mode .lvt-title-flourish {width:72%!important;max-width:120px!important;gap:5px!important;font-size:12px!important;margin:4px auto 0!important}
 #dashboard.lv-live-theme-mode .lvt-title-flourish span {height:1.5px!important}
 #dashboard.lv-live-theme-mode .lvt-notice {border-radius:9px!important}
 #dashboard.lv-live-theme-mode .lvt-notice::after {top:-7px;right:-7px;width:17px;height:17px;font-size:9px}
 #dashboard.lv-live-theme-mode .lvt-side-motto span {height:1.5px!important;width:25px!important;margin-top:7px!important}
}

/* LV Message V6: explicit, verified design badge and dark glass tile */
#dashboard.lv-live-theme-mode .lvt-right-head{overflow:visible!important;isolation:isolate!important}
#dashboard.lv-live-theme-mode .lvt-notice-v6{position:relative!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;overflow:visible!important;isolation:isolate!important;box-sizing:border-box!important;width:58px!important;height:59px!important;min-width:0!important;min-height:0!important;padding:9px!important;color:#f5e5d3!important;background:linear-gradient(145deg,rgba(36,27,20,.69),rgba(10,8,7,.86))!important;border:1px solid rgba(230,202,170,.70)!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,239,204,.2),0 4px 16px #0009!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#dashboard.lv-live-theme-mode .lvt-notice-v6::after{content:none!important;display:none!important}
#dashboard.lv-live-theme-mode .lvt-notice-v6 .lvt-notice-glyph{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#f5e5d3!important}
#dashboard.lv-live-theme-mode .lvt-notice-v6 .lvt-notice-glyph svg{display:block!important;width:100%!important;height:100%!important;filter:drop-shadow(0 1px 1px #000a)!important}
#dashboard.lv-live-theme-mode .lvt-notice-v6 .lvt-notice-glyph svg path{stroke:#f5e5d3!important;vector-effect:non-scaling-stroke}
#dashboard.lv-live-theme-mode .lvt-notice-v6 .lvt-unread-demo{display:grid!important;place-items:center!important;position:absolute!important;top:-10px!important;right:-10px!important;z-index:30!important;width:23px!important;height:23px!important;min-width:23px!important;border-radius:50%!important;background:#e40620!important;color:white!important;border:1px solid #fa4156!important;box-shadow:0 0 0 2px #160b08,0 3px 8px #0009!important;font:700 12px/1 system-ui,Arial,sans-serif!important;pointer-events:none!important}
@media(max-width:480px){#dashboard.lv-live-theme-mode .lvt-notice-v6{width:43px!important;height:43px!important;padding:6px!important;border-radius:10px!important}#dashboard.lv-live-theme-mode .lvt-notice-v6 .lvt-unread-demo{width:19px!important;height:19px!important;min-width:19px!important;top:-8px!important;right:-8px!important;font-size:10px!important}}

/* V7 exact target shape: thin warm bronze border, dark glass, blank speech bubble, clean red dot. */
#dashboard.lv-live-theme-mode .lvt-right-head{overflow:visible!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v7{
  position:relative!important;isolation:isolate!important;overflow:visible!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;box-sizing:border-box!important;
  width:58px!important;height:58px!important;min-height:0!important;min-width:0!important;padding:8px!important;
  background:linear-gradient(145deg,rgba(31,18,11,.76),rgba(16,10,8,.94))!important;
  border:1px solid rgba(192,160,122,.46)!important;border-radius:14px!important;
  color:#f3e1cd!important;
  box-shadow:inset 0 1px rgba(255,231,199,.11),0 5px 18px #0007!important;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
}
#dashboard.lv-live-theme-mode button.lvt-notice-v7::after,
#dashboard.lv-live-theme-mode button.lvt-notice-v7::before{content:none!important;display:none!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v7 .lvt-notice-glyph{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#f6e5d0!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v7 .lvt-notice-glyph svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;filter:drop-shadow(0 1px 1px #0008)!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v7 .lvt-notice-glyph svg path{stroke:#f6e5d0!important;stroke-width:2.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v7 .lvt-unread-demo{
  display:grid!important;place-items:center!important;position:absolute!important;z-index:40!important;
  top:-10px!important;right:-10px!important;
  width:24px!important;height:24px!important;min-width:24px!important;border-radius:100%!important;
  background:#f00920!important;color:#fff!important;border:0!important;
  outline:0!important;box-shadow:0 2px 7px #0008!important;
  font:600 13px/1 Georgia,serif!important;pointer-events:none!important;
}
@media(max-width:480px){
  #dashboard.lv-live-theme-mode button.lvt-notice-v7{width:43px!important;height:43px!important;padding:6px!important;border-radius:10px!important}
  #dashboard.lv-live-theme-mode button.lvt-notice-v7 .lvt-unread-demo{
    top:-7px!important;right:-7px!important;width:18px!important;height:18px!important;min-width:18px!important;
    font-size:11px!important;
  }
}

/* V8 exact reference: refined message tile and badge; do not alter other company modules. */
#dashboard.lv-live-theme-mode .lvt-right-head{overflow:visible!important;isolation:isolate!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v8{
 appearance:none!important;-webkit-appearance:none!important;position:relative!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;box-sizing:border-box!important;width:58px!important;height:58px!important;
 padding:8px!important;min-width:0!important;min-height:0!important;overflow:visible!important;
 color:#ead6be!important;background:linear-gradient(140deg,rgba(34,23,16,.68),rgba(15,10,8,.88))!important;
 border:1px solid rgba(214,184,149,.55)!important;border-radius:12px!important;
 box-shadow:inset 0 1px 0 rgba(255,234,202,.10),0 4px 14px rgba(0,0,0,.38)!important;
 -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
#dashboard.lv-live-theme-mode button.lvt-notice-v8::before,
#dashboard.lv-live-theme-mode button.lvt-notice-v8::after{content:none!important;display:none!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v8 .lvt-notice-glyph{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#ead6be!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v8 .lvt-notice-glyph svg{display:block!important;width:100%!important;height:100%!important;fill:none!important;filter:none!important}
#dashboard.lv-live-theme-mode button.lvt-notice-v8 .lvt-notice-glyph svg path{stroke:#ead6be!important;vector-effect:non-scaling-stroke}
#dashboard.lv-live-theme-mode button.lvt-notice-v8 .lvt-unread-demo{
 display:grid!important;place-items:center!important;position:absolute!important;z-index:10!important;
 top:-8px!important;right:-8px!important;width:21px!important;height:21px!important;min-width:21px!important;
 background:#e50b23!important;border:none!important;border-radius:50%!important;color:#fff!important;
 font:600 12px/1 Georgia,'Times New Roman',serif!important;box-shadow:0 2px 4px rgba(0,0,0,.4)!important;
 pointer-events:none!important;
}
/* Center ornament stays sharply defined; remove bloom around the flower itself.
   The two streaks remain lit, but end before the icon, and the photo's bokeh is gently masked locally. */
#dashboard.lv-live-theme-mode .lvt-title-flourish{position:relative!important;isolation:isolate!important;text-shadow:none!important;filter:none!important;overflow:visible!important}
#dashboard.lv-live-theme-mode .lvt-title-flourish .lvt-ornament-center{
 display:block!important;flex:0 0 auto!important;position:relative!important;z-index:2!important;
 font:400 1em/1 Georgia,'Times New Roman',serif!important;color:#f1d1a0!important;
 text-shadow:none!important;filter:none!important;font-style:normal!important;font-weight:400!important;
 padding:0 2px!important;
}
#dashboard.lv-live-theme-mode .lvt-title-flourish .lvt-ornament-center::before{
 content:'';position:absolute;z-index:-1;pointer-events:none;
 width:85px;height:58px;left:50%;top:50%;transform:translate(-50%,-50%);
 background:radial-gradient(ellipse at 50% 50%,rgba(17,8,4,.84) 0%,rgba(18,8,4,.69) 23%,rgba(18,8,4,.31) 55%,rgba(18,8,4,0) 76%);
}
#dashboard.lv-live-theme-mode .lvt-title-flourish span{position:relative!important;z-index:1!important}
@media(max-width:480px){
 #dashboard.lv-live-theme-mode button.lvt-notice-v8{width:39px!important;height:39px!important;padding:5px!important;border-radius:10px!important}
 #dashboard.lv-live-theme-mode button.lvt-notice-v8 .lvt-unread-demo{top:-7px!important;right:-7px!important;width:17px!important;height:17px!important;min-width:17px!important;font-size:10px!important}
 #dashboard.lv-live-theme-mode .lvt-title-flourish .lvt-ornament-center::before{width:57px;height:43px}
}