.mobile-dashboard .md-0{position: absolute; top: -220px; left: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-1{position: absolute; top: 700px; right: -220px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-2{position: absolute; top: 0; left: 0; right: 0; height: 64px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.mobile-dashboard .md-3{display: flex; align-items: center; gap: 8px;}
.mobile-dashboard .md-4{font-size: 17px; font-weight: 700; letter-spacing: -0.02em;}
.mobile-dashboard .md-5{height: 18px; padding: 0 6px; border-radius: 9px; background: #E8452F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-6{width: 36px; height: 36px; border-radius: 18px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-7{position: absolute; top: 72px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 16px;}
.mobile-dashboard .md-8{display: flex; flex-direction: column; gap: 4px; padding: 4px 0 6px;}
.mobile-dashboard .md-9{margin: 0; font-size: 30px; line-height: 1.08; font-weight: 700; letter-spacing: -0.045em;}
.mobile-dashboard .md-10{margin: 0; font-size: 15px; color: #515154;}
.mobile-dashboard .md-11{position: relative; box-sizing: border-box; border-radius: 24px; padding: 22px; background: linear-gradient(160deg, #1B1E28 0%, #0E1016 70%); overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(16,24,64,0.22);}
.mobile-dashboard .md-12{position: absolute; top: -130px; right: -110px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(closest-side, rgba(31,91,255,0.5), rgba(31,91,255,0));}
.mobile-dashboard .md-13{position: relative; display: flex; align-items: center; justify-content: space-between;}
.mobile-dashboard .md-14{font-size: 11px; font-weight: 800; letter-spacing: 0.12em; color: #FF9A85;}
.mobile-dashboard .md-15{height: 24px; padding: 0 10px; border-radius: 12px; background: rgba(52,199,89,0.16); border: 1px solid rgba(52,199,89,0.3); color: #BFF3CC; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 5px;}
.mobile-dashboard .md-16{width: 6px; height: 6px; border-radius: 3px; background: #34C759;}
.mobile-dashboard .md-17{position: relative; margin-top: 8px; display: flex; align-items: center; gap: 8px; font-size: 21px; font-weight: 700; letter-spacing: -0.02em; color: #FFFFFF;}
.mobile-dashboard .md-18{height: 22px; padding: 0 8px; border-radius: 11px; background: rgba(255,255,255,0.12); font-size: 11px; font-weight: 700; display: flex; align-items: center;}
.mobile-dashboard .md-19{position: relative; margin-top: 12px; display: flex; align-items: baseline; gap: 6px; color: #FFFFFF;}
.mobile-dashboard .md-20{font-size: 34px; font-weight: 700; letter-spacing: -0.04em;}
.mobile-dashboard .md-21{font-size: 14px; color: #A1A1A6;}
.mobile-dashboard .md-22{position: relative; margin-top: 2px; font-size: 13px; color: #A1A1A6;}
.mobile-dashboard .md-23{position: relative; margin-top: 18px; height: 44px; border-radius: 22px; background: #FFFFFF; color: #1D1D1F; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-24{box-sizing: border-box; border-radius: 24px; padding: 20px; display: flex; flex-direction: column;}
.mobile-dashboard .md-25{font-size: 11px; font-weight: 800; letter-spacing: 0.12em; color: #1742D6;}
.mobile-dashboard .md-26{margin-top: 10px; display: flex; align-items: baseline; gap: 8px;}
.mobile-dashboard .md-27{font-size: 30px; font-weight: 700; letter-spacing: -0.04em;}
.mobile-dashboard .md-28{font-size: 14px; color: #515154;}
.mobile-dashboard .md-29{margin-top: 12px; height: 8px; border-radius: 4px; background: rgba(29,29,31,0.07); overflow: hidden;}
.mobile-dashboard .md-30{width: 100%; height: 8px; border-radius: 4px; background-color: #3A4BFF;}
.mobile-dashboard .md-31{margin-top: 16px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.mobile-dashboard .md-32{display: flex; flex-direction: column;}
.mobile-dashboard .md-33{font-size: 18px; font-weight: 700;}
.mobile-dashboard .md-34{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-35{display: flex; flex-direction: column;}
.mobile-dashboard .md-36{font-size: 18px; font-weight: 700;}
.mobile-dashboard .md-37{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-38{display: flex; flex-direction: column;}
.mobile-dashboard .md-39{font-size: 18px; font-weight: 700;}
.mobile-dashboard .md-40{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-41{box-sizing: border-box; border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 14px;}
.mobile-dashboard .md-42{display: flex; align-items: center; gap: 12px;}
.mobile-dashboard .md-43{flex-shrink: 0; filter: drop-shadow(0 5px 8px rgba(21,23,30,0.2));}
.mobile-dashboard .md-44{display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-45{font-size: 16px; font-weight: 700;}
.mobile-dashboard .md-46{display: flex; align-items: center; gap: 6px; font-size: 13px; color: #515154;}
.mobile-dashboard .md-47{width: 7px; height: 7px; border-radius: 4px; background: #1E9E4A;}
.mobile-dashboard .md-48{font-size: 13px; line-height: 1.45; color: #515154;}
.mobile-dashboard .md-49{height: 46px; border-radius: 23px; background: #1F5BFF; color: #FFFFFF; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 8px 20px rgba(31,91,255,0.3);}
.mobile-dashboard .md-50{box-sizing: border-box; border-radius: 24px; padding: 18px 8px 8px; display: flex; flex-direction: column;}
.mobile-dashboard .md-51{padding: 0 12px 8px; display: flex; align-items: center; justify-content: space-between;}
.mobile-dashboard .md-52{font-size: 17px; font-weight: 700; letter-spacing: -0.01em;}
.mobile-dashboard .md-53{font-size: 14px; font-weight: 600;}
.mobile-dashboard .md-54{min-height: 60px; padding: 10px 12px; border-top: 1px solid rgba(0,0,0,0.05); display: flex; align-items: center; gap: 12px; color: #1D1D1F;}
.mobile-dashboard .md-55{width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; background: rgba(31,91,255,0.1); color: #1F5BFF; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-56{flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-57{font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-58{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-59{display: flex; flex-direction: column; align-items: flex-end;}
.mobile-dashboard .md-60{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-61{font-size: 11px; color: #6E6E73;}
.mobile-dashboard .md-62{box-sizing: border-box; border-radius: 24px; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
.mobile-dashboard .md-63{display: flex; align-items: center; justify-content: space-between;}
.mobile-dashboard .md-64{font-size: 17px; font-weight: 700; letter-spacing: -0.01em;}
.mobile-dashboard .md-65{font-size: 14px; font-weight: 600;}
.mobile-dashboard .md-66{position: absolute; left: 0; right: 0; bottom: 0; height: 84px; box-sizing: border-box; padding: 8px 6px 22px; border-radius: 0; border-width: 1px 0 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.mobile-dashboard .md-67{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #1742D6; font-size: 10px; font-weight: 700;}
.mobile-dashboard .md-68{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-69{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-70{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-71{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}



.mobile-dashboard button{font-family:inherit;cursor:pointer}
.mobile-dashboard .glass{isolation:isolate;background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 1px 2px rgba(16,24,64,0.04),0 12px 32px rgba(16,24,64,0.07)}
.mobile-dashboard .card{background:rgba(255,255,255,0.88);border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.05),0 16px 40px rgba(16,24,64,0.08)}
.sf-num{font-variant-numeric:tabular-nums}
.sf-mono{font-family:"SF Mono",Menlo,Consolas,monospace}
@keyframes sfStripe{from{background-position:0 0}to{background-position:28px 0}}
@keyframes sfPing{0%{box-shadow:0 0 0 0 rgba(30,158,74,0.5)}80%,100%{box-shadow:0 0 0 7px rgba(30,158,74,0)}}
.sf-stripe{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.28) 0 7px,rgba(255,255,255,0) 7px 14px);animation:sfStripe 1.2s linear infinite}
.sf-ping{animation:sfPing 1.8s ease-out infinite}
.mobile-dashboard .md-72{position: absolute; top: -220px; left: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-73{position: absolute; top: 760px; right: -220px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-74{position: absolute; top: 0; left: 0; right: 0; height: 64px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.mobile-dashboard .md-75{display: flex; align-items: center; gap: 8px;}
.mobile-dashboard .md-76{font-size: 17px; font-weight: 700; letter-spacing: -0.02em;}
.mobile-dashboard .md-77{height: 18px; padding: 0 6px; border-radius: 9px; background: #E8452F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-78{width: 36px; height: 36px; border-radius: 18px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-79{position: absolute; top: 72px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 16px;}
.mobile-dashboard .md-80{display: flex; flex-direction: column; gap: 4px; padding: 4px 0 6px;}
.mobile-dashboard .md-81{margin: 0; font-size: 30px; line-height: 1.08; font-weight: 700; letter-spacing: -0.045em;}
.mobile-dashboard .md-82{margin: 0; font-size: 15px; line-height: 1.4; color: #515154;}
.mobile-dashboard .md-83{position: relative; box-sizing: border-box; border-radius: 24px; padding: 22px; background: linear-gradient(160deg, #1B1E28 0%, #0E1016 70%); overflow: hidden; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 20px 50px rgba(16,24,64,0.22);}
.mobile-dashboard .md-84{position: absolute; top: -130px; right: -110px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(closest-side, rgba(31,91,255,0.5), rgba(31,91,255,0));}
.mobile-dashboard .md-85{position: relative; display: flex; align-items: center; justify-content: space-between;}
.mobile-dashboard .md-86{font-size: 11px; font-weight: 800; letter-spacing: 0.12em; color: #FF9A85;}
.mobile-dashboard .md-87{height: 24px; padding: 0 10px; border-radius: 12px; background: rgba(52,199,89,0.16); border: 1px solid rgba(52,199,89,0.3); color: #BFF3CC; font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 5px;}
.mobile-dashboard .md-88{width: 6px; height: 6px; border-radius: 3px; background: #34C759;}
.mobile-dashboard .md-89{position: relative; font-size: 21px; font-weight: 700; letter-spacing: -0.02em; color: #FFFFFF;}
.mobile-dashboard .md-90{position: relative; font-size: 14px; line-height: 1.45; color: #C7C7CC;}
.mobile-dashboard .md-91{color: #FFFFFF;}
.mobile-dashboard .md-92{box-sizing: border-box; border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 10px;}
.mobile-dashboard .md-93{font-size: 17px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px;}
.mobile-dashboard .md-94[data-theme="on"]{height: 70px; box-sizing: border-box; padding: 0 16px; border-radius: 16px; border: 2px solid #1F5BFF; background: #FFFFFF; box-shadow: 0 0 0 4px rgba(31,91,255,0.12); display: flex; align-items: center; gap: 12px; text-align: left; color: #1D1D1F;}
.mobile-dashboard .md-94[data-theme="off"]{height: 70px; box-sizing: border-box; padding: 0 16px; border-radius: 16px; border: 2px solid rgba(29,29,31,0.10); background: rgba(255,255,255,0.55); box-shadow: none; display: flex; align-items: center; gap: 12px; text-align: left; color: #1D1D1F;}
.mobile-dashboard .md-95[data-theme="on"]{width: 22px; height: 22px; flex-shrink: 0; box-sizing: border-box; border-radius: 11px; border: 2px solid #1F5BFF; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-95[data-theme="off"]{width: 22px; height: 22px; flex-shrink: 0; box-sizing: border-box; border-radius: 11px; border: 2px solid rgba(29,29,31,0.25); display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-96[data-theme="on"]{width: 10px; height: 10px; border-radius: 5px; background: #1F5BFF;}
.mobile-dashboard .md-96[data-theme="off"]{width: 10px; height: 10px; border-radius: 5px; background: transparent;}
.mobile-dashboard .md-97{flex-grow: 1; display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-98{display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700;}
.mobile-dashboard .md-99{height: 18px; padding: 0 6px; border-radius: 6px; background: #1D1D1F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-100{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-101{display: flex; flex-direction: column; align-items: flex-end;}
.mobile-dashboard .md-102{font-size: 17px; font-weight: 700;}
.mobile-dashboard .md-103{font-size: 11px; color: #6E6E73;}
.mobile-dashboard .md-104{margin-top: 4px; box-sizing: border-box; padding: 14px; border-radius: 16px; background: rgba(31,91,255,0.07); display: flex; flex-direction: column; gap: 12px;}
.mobile-dashboard .md-105{font-size: 14px; line-height: 1.45; color: #3A3A3C;}
.mobile-dashboard .md-106{height: 46px; border-radius: 23px; background: #1F5BFF; color: #FFFFFF; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-107{box-sizing: border-box; border-radius: 24px; padding: 18px 20px; display: flex; align-items: center; gap: 14px;}
.mobile-dashboard .md-108{position: relative; width: 58px; height: 38px; flex-shrink: 0; border-radius: 7px; background: linear-gradient(135deg, #1B1E28, #3A3F52); box-shadow: 0 4px 10px rgba(16,24,64,0.2);}
.mobile-dashboard .md-109{position: absolute; left: 7px; top: 9px; width: 11px; height: 8px; border-radius: 2px; background: #D9C27A;}
.mobile-dashboard .md-110{flex-grow: 1; display: flex; flex-direction: column;}
.mobile-dashboard .md-111{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-112{font-size: 13px; color: #6E6E73;}
.mobile-dashboard .md-113{height: 44px; padding: 0 4px; display: flex; align-items: center; font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-114{box-sizing: border-box; border-radius: 24px; padding: 18px 20px 8px; display: flex; flex-direction: column;}
.mobile-dashboard .md-115{font-size: 17px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 8px;}
.mobile-dashboard .md-116{display: flex; align-items: center; gap: 10px; min-height: 58px; border-top: 1px solid rgba(0,0,0,0.06);}
.mobile-dashboard .md-117{flex-grow: 1; display: flex; flex-direction: column;}
.mobile-dashboard .md-118{font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-119{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-120{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-121{width: 44px; height: 44px; border-radius: 22px; color: #515154; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-122{position: absolute; left: 0; right: 0; bottom: 0; height: 84px; box-sizing: border-box; padding: 8px 6px 22px; border-radius: 0; border-width: 1px 0 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.mobile-dashboard .md-123{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-124{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #1742D6; font-size: 10px; font-weight: 700;}
.mobile-dashboard .md-125{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-126{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-127{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}



.mobile-dashboard button{font-family:inherit;cursor:pointer}
.mobile-dashboard .glass{isolation:isolate;background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 1px 2px rgba(16,24,64,0.04),0 12px 32px rgba(16,24,64,0.07)}
.mobile-dashboard .card{background:rgba(255,255,255,0.88);border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.05),0 16px 40px rgba(16,24,64,0.08)}
.sf-num{font-variant-numeric:tabular-nums}
.sf-mono{font-family:"SF Mono",Menlo,Consolas,monospace}
@keyframes sfIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
.sf-in{animation:sfIn .3s ease-out both}
.mobile-dashboard .md-128{position: absolute; top: -220px; left: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-129{position: absolute; top: 640px; right: -220px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-130{position: absolute; top: 0; left: 0; right: 0; height: 64px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.mobile-dashboard .md-131{display: flex; align-items: center; gap: 8px;}
.mobile-dashboard .md-132{font-size: 17px; font-weight: 700; letter-spacing: -0.02em;}
.mobile-dashboard .md-133{height: 18px; padding: 0 6px; border-radius: 9px; background: #E8452F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-134{width: 36px; height: 36px; border-radius: 18px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-135{position: absolute; top: 72px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 16px;}
.mobile-dashboard .md-136{display: flex; flex-direction: column; gap: 4px; padding: 4px 0 6px;}
.mobile-dashboard .md-137{margin: 0; font-size: 30px; line-height: 1.08; font-weight: 700; letter-spacing: -0.045em;}
.mobile-dashboard .md-138{margin: 0; font-size: 15px; line-height: 1.4; color: #515154;}
.mobile-dashboard .md-139{height: 44px; box-sizing: border-box; padding: 4px; border-radius: 22px; background: rgba(29,29,31,0.06); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;}
.mobile-dashboard .md-140[data-theme="on"]{height: 36px; border: none; border-radius: 18px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(16,24,64,0.12); color: #1D1D1F; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 5px;}
.mobile-dashboard .md-140[data-theme="off"]{height: 36px; border: none; border-radius: 18px; background: transparent; box-shadow: none; color: #1D1D1F; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 5px;}
.mobile-dashboard .md-141{font-weight: 600; color: #6E6E73;}
.mobile-dashboard .md-142[data-theme="on"]{box-sizing: border-box; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 12px; opacity: 1;}
.mobile-dashboard .md-142[data-theme="off"]{box-sizing: border-box; border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 12px; opacity: 0.65;}
.mobile-dashboard .md-143{display: flex; align-items: center; gap: 12px;}
.mobile-dashboard .md-144{width: 38px; height: 38px; flex-shrink: 0; border-radius: 11px; background: rgba(31,91,255,0.1); color: #1F5BFF; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-145{flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-146{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-147{font-size: 12px; color: #6E6E73;}
.mobile-dashboard .md-148{display: flex; align-items: center; gap: 8px; font-size: 13px; color: #515154;}
.mobile-dashboard .md-149{font-weight: 700; color: #1D1D1F;}
.mobile-dashboard .md-150{color: #AEAEB2;}
.mobile-dashboard .md-151[data-theme="on"]{display: flex; align-items: center; gap: 5px; color: #1E7A3E; font-weight: 600;}
.mobile-dashboard .md-151[data-theme="off"]{display: flex; align-items: center; gap: 5px; color: #6E6E73; font-weight: 600;}
.mobile-dashboard .md-152[data-theme="on"]{width: 7px; height: 7px; border-radius: 4px; background: #1E9E4A;}
.mobile-dashboard .md-152[data-theme="off"]{width: 7px; height: 7px; border-radius: 4px; background: #AEAEB2;}
.mobile-dashboard .md-153{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
.mobile-dashboard .md-154{height: 44px; border: 1px solid rgba(0,0,0,0.1); border-radius: 22px; background: #FFFFFF; color: #1D1D1F; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 6px;}
.mobile-dashboard .md-155{height: 44px; border: 1px solid rgba(201,54,31,0.3); border-radius: 22px; background: transparent; color: #B8301A; font-size: 14px; font-weight: 700;}
.mobile-dashboard .md-156{position: absolute; left: 0; right: 0; bottom: 0; height: 84px; box-sizing: border-box; padding: 8px 6px 22px; border-radius: 0; border-width: 1px 0 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.mobile-dashboard .md-157{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-158{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-159{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #1742D6; font-size: 10px; font-weight: 700;}
.mobile-dashboard .md-160{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-161{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}



.mobile-dashboard button{font-family:inherit;cursor:pointer}
.mobile-dashboard .glass{isolation:isolate;background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 1px 2px rgba(16,24,64,0.04),0 12px 32px rgba(16,24,64,0.07)}
.mobile-dashboard .card{background:rgba(255,255,255,0.88);border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.05),0 16px 40px rgba(16,24,64,0.08)}
.sf-num{font-variant-numeric:tabular-nums}
.sf-mono{font-family:"SF Mono",Menlo,Consolas,monospace}
.mobile-dashboard .md-162{position: absolute; top: -220px; left: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-163{position: absolute; top: 560px; right: -220px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-164{position: absolute; top: 0; left: 0; right: 0; height: 64px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.mobile-dashboard .md-165{display: flex; align-items: center; gap: 8px;}
.mobile-dashboard .md-166{font-size: 17px; font-weight: 700; letter-spacing: -0.02em;}
.mobile-dashboard .md-167{height: 18px; padding: 0 6px; border-radius: 9px; background: #E8452F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-168{width: 36px; height: 36px; border-radius: 18px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-169{position: absolute; top: 72px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 16px;}
.mobile-dashboard .md-170{display: flex; flex-direction: column; gap: 4px; padding: 4px 0 6px;}
.mobile-dashboard .md-171{margin: 0; font-size: 30px; line-height: 1.08; font-weight: 700; letter-spacing: -0.045em;}
.mobile-dashboard .md-172{margin: 0; font-size: 15px; line-height: 1.4; color: #515154;}
.mobile-dashboard .md-173{box-sizing: border-box; border-radius: 20px; padding: 16px 18px; display: flex; flex-direction: column; gap: 10px;}
.mobile-dashboard .md-174{display: flex; align-items: baseline; justify-content: space-between;}
.mobile-dashboard .md-175{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-176{font-size: 15px; font-weight: 700;}
.mobile-dashboard .md-177{display: flex; gap: 5px;}
.mobile-dashboard .md-178{box-sizing: border-box; border-radius: 24px; padding: 18px; display: flex; flex-direction: column; gap: 14px;}
.mobile-dashboard .md-179{display: flex; align-items: center; gap: 16px;}
.mobile-dashboard .md-180{width: 96px; height: 76px; flex-shrink: 0; border-radius: 14px; background: linear-gradient(180deg, #F3F4F8, #E9EBF1); display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-181{display: flex; flex-direction: column; align-items: center;}
.mobile-dashboard .md-182{width: 64px; height: 40px; box-sizing: border-box; border-radius: 5px 5px 1px 1px; border: 3px solid #1D1D1F; background: linear-gradient(135deg, #1F5BFF, #7A5CFF 55%, #FF6B57); display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-183{width: 13px; height: 13px; border-radius: 4px; background: linear-gradient(180deg, #343947, #101219);}
.mobile-dashboard .md-184{width: 80px; height: 5px; border-radius: 0 0 5px 5px; background: #3A3A3C;}
.mobile-dashboard .md-185{flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px;}
.mobile-dashboard .md-186{display: flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 700;}
.mobile-dashboard .md-187{align-self: flex-start; height: 20px; padding: 0 7px; border-radius: 6px; background: rgba(31,91,255,0.1); color: #1742D6; font-size: 10px; font-weight: 800; display: flex; align-items: center;}
.mobile-dashboard .md-188[data-theme="on"]{display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #1E7A3E;}
.mobile-dashboard .md-188[data-theme="off"]{display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #6E6E73;}
.mobile-dashboard .md-189[data-theme="on"]{width: 7px; height: 7px; border-radius: 4px; background: #1E9E4A;}
.mobile-dashboard .md-189[data-theme="off"]{width: 7px; height: 7px; border-radius: 4px; background: #AEAEB2;}
.mobile-dashboard .md-190{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; font-size: 13px;}
.mobile-dashboard .md-191{box-sizing: border-box; padding: 10px 12px; border-radius: 12px; background: rgba(29,29,31,0.04); display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-192{color: #6E6E73;}
.mobile-dashboard .md-193{font-weight: 700;}
.mobile-dashboard .md-194{box-sizing: border-box; padding: 10px 12px; border-radius: 12px; background: rgba(29,29,31,0.04); display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-195{color: #6E6E73;}
.mobile-dashboard .md-196{font-weight: 700;}
.mobile-dashboard .md-197{height: 44px; border: 1px solid rgba(0,0,0,0.12); border-radius: 22px; background: #FFFFFF; color: #1D1D1F; font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-198{box-sizing: border-box; border-radius: 24px; border: 2px dashed rgba(29,29,31,0.16); padding: 22px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px;}
.mobile-dashboard .md-199{width: 44px; height: 44px; border-radius: 22px; background: rgba(31,91,255,0.1); color: #1F5BFF; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-200{font-size: 16px; font-weight: 700;}
.mobile-dashboard .md-201{font-size: 13px; line-height: 1.45; color: #515154;}
.mobile-dashboard .md-202{margin-top: 6px; height: 44px; padding: 0 18px; border-radius: 22px; background: #1F5BFF; color: #FFFFFF; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 7px;}
.mobile-dashboard .md-203{position: absolute; left: 0; right: 0; bottom: 0; height: 84px; box-sizing: border-box; padding: 8px 6px 22px; border-radius: 0; border-width: 1px 0 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.mobile-dashboard .md-204{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-205{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-206{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-207{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #1742D6; font-size: 10px; font-weight: 700;}
.mobile-dashboard .md-208{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}



.mobile-dashboard button{font-family:inherit;cursor:pointer}
.mobile-dashboard .glass{isolation:isolate;background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 1px 2px rgba(16,24,64,0.04),0 12px 32px rgba(16,24,64,0.07)}
.mobile-dashboard .card{background:rgba(255,255,255,0.88);border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.05),0 16px 40px rgba(16,24,64,0.08)}
.sf-num{font-variant-numeric:tabular-nums}
@keyframes sfPing{0%{box-shadow:0 0 0 0 rgba(30,158,74,0.5)}80%,100%{box-shadow:0 0 0 7px rgba(30,158,74,0)}}
.sf-ping{animation:sfPing 1.8s ease-out infinite}
.mobile-dashboard .md-209{position: absolute; top: -220px; left: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #1F5BFF, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-210{position: absolute; top: 760px; right: -220px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(closest-side, #FF6B57, rgba(255,255,255,0)); opacity: 0.14; filter: blur(24px);}
.mobile-dashboard .md-211{position: absolute; top: 0; left: 0; right: 0; height: 64px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; z-index: 5;}
.mobile-dashboard .md-212{display: flex; align-items: center; gap: 8px;}
.mobile-dashboard .md-213{font-size: 17px; font-weight: 700; letter-spacing: -0.02em;}
.mobile-dashboard .md-214{height: 18px; padding: 0 6px; border-radius: 9px; background: #E8452F; color: #FFFFFF; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; display: flex; align-items: center;}
.mobile-dashboard .md-215{width: 36px; height: 36px; border-radius: 18px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px rgba(31,91,255,0.25);}
.mobile-dashboard .md-216{position: absolute; top: 72px; left: 20px; right: 20px; display: flex; flex-direction: column; gap: 16px;}
.mobile-dashboard .md-217{display: flex; flex-direction: column; gap: 4px; padding: 4px 0 6px;}
.mobile-dashboard .md-218{margin: 0; font-size: 30px; line-height: 1.08; font-weight: 700; letter-spacing: -0.045em;}
.mobile-dashboard .md-219{margin: 0; font-size: 15px; line-height: 1.4; color: #515154;}
.mobile-dashboard .md-220{box-sizing: border-box; border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 14px;}
.mobile-dashboard .md-221{display: flex; align-items: center; gap: 14px;}
.mobile-dashboard .md-222{width: 56px; height: 56px; border-radius: 28px; background: linear-gradient(135deg, #1F5BFF, #7A5CFF); color: #FFFFFF; font-size: 19px; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.mobile-dashboard .md-223{display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-224{font-size: 18px; font-weight: 700;}
.mobile-dashboard .md-225{font-size: 14px; color: #6E6E73;}
.mobile-dashboard .md-226{display: flex; flex-direction: column; gap: 6px;}
.mobile-dashboard .md-227{font-size: 13px; font-weight: 600;}
.mobile-dashboard .md-228{height: 48px; box-sizing: border-box; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(0,0,0,0.12); background: #FFFFFF; font-size: 16px; color: #1D1D1F;}
.mobile-dashboard .md-229{display: flex; flex-direction: column; gap: 6px;}
.mobile-dashboard .md-230{font-size: 13px; font-weight: 600;}
.mobile-dashboard .md-231{height: 48px; box-sizing: border-box; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(0,0,0,0.12); background: #FFFFFF; font-size: 16px; color: #1D1D1F;}
.mobile-dashboard .md-232{box-sizing: border-box; border-radius: 24px; padding: 18px 20px 6px; display: flex; flex-direction: column;}
.mobile-dashboard .md-233{font-size: 17px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 6px;}
.mobile-dashboard .md-234{display: flex; align-items: center; gap: 12px; min-height: 64px; border-top: 1px solid rgba(0,0,0,0.06);}
.mobile-dashboard .md-235{flex-grow: 1; display: flex; flex-direction: column; gap: 2px;}
.mobile-dashboard .md-236{font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-237{font-size: 12px; line-height: 1.35; color: #6E6E73;}
.mobile-dashboard .md-238[data-theme="on"]{position: relative; width: 51px; height: 31px; flex-shrink: 0; border: none; border-radius: 16px; padding: 0; background: #1F5BFF; opacity: 1; transition: background .15s ease;}
.mobile-dashboard .md-238[data-theme="off"]{position: relative; width: 51px; height: 31px; flex-shrink: 0; border: none; border-radius: 16px; padding: 0; background: rgba(29,29,31,0.18); opacity: 1; transition: background .15s ease;}
.mobile-dashboard .md-239[data-theme="on"]{position: absolute; top: 2px; left: 22px; width: 27px; height: 27px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.25); transition: left .15s ease;}
.mobile-dashboard .md-239[data-theme="off"]{position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.25); transition: left .15s ease;}
.mobile-dashboard .md-240{box-sizing: border-box; border-radius: 24px; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
.mobile-dashboard .md-241{font-size: 17px; font-weight: 700; letter-spacing: -0.01em;}
.mobile-dashboard .md-242{font-size: 14px; line-height: 1.45; color: #3A3A3C;}
.mobile-dashboard .md-243{height: 46px; border: 1px solid rgba(0,0,0,0.12); border-radius: 23px; background: #FFFFFF; color: #1D1D1F; font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-244{height: 1px; background: rgba(0,0,0,0.06);}
.mobile-dashboard .md-245{font-size: 14px; line-height: 1.45; color: #3A3A3C;}
.mobile-dashboard .md-246{height: 46px; border: 1px solid rgba(201,54,31,0.35); border-radius: 23px; background: transparent; color: #B8301A; font-size: 15px; font-weight: 600;}
.mobile-dashboard .md-247{height: 48px; border-radius: 24px; background: rgba(29,29,31,0.06); color: #1D1D1F; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px;}
.mobile-dashboard .md-248{position: absolute; left: 0; right: 0; bottom: 0; height: 84px; box-sizing: border-box; padding: 8px 6px 22px; border-radius: 0; border-width: 1px 0 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));}
.mobile-dashboard .md-249{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-250{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-251{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-252{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #6E6E73; font-size: 10px; font-weight: 600;}
.mobile-dashboard .md-253{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #1742D6; font-size: 10px; font-weight: 700;}



button,input{font-family:inherit}
.mobile-dashboard button{cursor:pointer}
input:focus{outline:none;border-color:#1F5BFF !important;box-shadow:0 0 0 4px rgba(31,91,255,0.18)}
.mobile-dashboard .glass{isolation:isolate;background:rgba(255,255,255,0.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.85);box-shadow:inset 0 1px 0 rgba(255,255,255,0.95),0 1px 2px rgba(16,24,64,0.04),0 12px 32px rgba(16,24,64,0.07)}
.mobile-dashboard .card{background:rgba(255,255,255,0.88);border:1px solid rgba(255,255,255,0.95);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(16,24,64,0.05),0 16px 40px rgba(16,24,64,0.08)}

.mobile-dashboard{position:relative;min-height:100dvh;isolation:isolate;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif;overflow:hidden}.mobile-dashboard *{box-sizing:border-box}.mobile-dashboard>div{pointer-events:none;z-index:-1}.mobile-dashboard .mobile-dashboard-header{position:relative;height:64px}.mobile-dashboard .mobile-dashboard-main{position:relative;top:auto;left:auto;right:auto;margin:8px 20px 0;padding-bottom:calc(112px + env(safe-area-inset-bottom));min-width:0}.mobile-dashboard .mobile-dashboard-nav{position:fixed;z-index:20;height:calc(62px + max(22px,env(safe-area-inset-bottom)));padding-bottom:calc(8px + max(22px,env(safe-area-inset-bottom)));bottom:0}.mobile-dashboard a{text-decoration:none}.mobile-dashboard p,.mobile-dashboard span{overflow-wrap:anywhere}.mobile-dashboard input{min-width:0;max-width:100%}.mobile-dashboard button,.mobile-dashboard a{touch-action:manipulation}.mobile-dashboard :focus-visible{outline:3px solid #1f5bff;outline-offset:3px}.mobile-dashboard .mobile-slot{flex:1;height:8px;border-radius:4px;background:#1d1d1f14}.mobile-dashboard .mobile-slot[data-theme=on]{background:#1f5bff}.mobile-mac-summary{display:flex;justify-content:space-between;font-size:13px;padding:10px 0}.mobile-seat-picker{padding:20px;border-radius:24px;display:flex;flex-direction:column;gap:12px}.mobile-seat-picker h2{font-size:19px}.mobile-seat-picker input,.mobile-seat-label input{width:76px;padding:8px;border:1px solid #d4d4da;border-radius:10px;margin-left:8px}.mobile-seat-label{font-size:14px}.mobile-dashboard a[data-disabled=true]{pointer-events:none;opacity:.55}.mobile-dashboard [disabled]{opacity:.55}.mobile-dashboard [data-cloud-bar]{width:0}.mobile-dashboard .dashboard-consent{font-size:13px;line-height:1.5}@media(prefers-reduced-motion:reduce){.mobile-dashboard *{animation:none!important;transition:none!important}}