.TrialBanner{margin:8px;padding:12px;background:linear-gradient(135deg,#8b5cf6 0%,var(--alo-primary) 100%);border-radius:var(--alo-radius-lg);position:relative;overflow:hidden;flex-shrink:0}.TrialBanner:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:TrialBanner-shimmer 3s ease-in-out infinite}.TrialBanner__badge{display:inline-flex;align-items:center;gap:5px;background:#fff3;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;position:relative;z-index:1;margin-bottom:8px}.TrialBanner__badge svg{width:12px;height:12px}.TrialBanner__text{display:block;font-size:var(--alo-font-size-xs);color:#ffffffd9;font-weight:400;line-height:1.4;position:relative;z-index:1;margin-bottom:10px}.TrialBanner__days{font-weight:700;color:#fef08a}.TrialBanner__upgradeBtn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:7px 12px;background:#fff;color:#7c3aed;border:none;border-radius:var(--alo-radius-md);font-size:var(--alo-font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative;z-index:1}.TrialBanner__upgradeBtn:hover{background:#f3f0ff;box-shadow:0 2px 8px #00000026}.TrialBanner__upgradeBtn svg{width:13px;height:13px}.TrialBanner--collapsed{margin:6px 4px;padding:0;background:transparent;border-radius:0;overflow:visible}.TrialBanner--collapsed:before{display:none}.TrialBanner__collapsedBadge{position:relative;display:flex;justify-content:center;cursor:default}.TrialBanner__collapsedBadge:hover .TrialBanner__tooltip{opacity:1;pointer-events:auto;transform:translate(0)}.TrialBanner__collapsedLabel{display:block;width:100%;text-align:center;padding:5px 4px;background:var(--alo-primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.8px;border-radius:6px;-webkit-user-select:none;user-select:none}.TrialBanner__tooltip{position:absolute;left:calc(100% + 10px);bottom:0;background:#1a1a2e;color:#fff;border-radius:8px;padding:8px 12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease;z-index:200;box-shadow:0 4px 12px #00000040}.TrialBanner__tooltip:before{content:"";position:absolute;right:100%;bottom:10px;border:5px solid transparent;border-right-color:#1a1a2e}.TrialBanner__tooltipDays{display:block;font-size:12px;font-weight:400;margin-bottom:8px}.TrialBanner__tooltipDays strong{color:#fef08a;font-weight:700}.TrialBanner__tooltipUpgrade{display:flex;align-items:center;gap:4px;width:100%;padding:5px 10px;background:var(--alo-primary);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s ease}.TrialBanner__tooltipUpgrade:hover{opacity:.85}.TrialBanner__tooltipUpgrade svg{width:11px;height:11px;flex-shrink:0}@keyframes TrialBanner-shimmer{0%{transform:translate(0)}to{transform:translate(50%)}}.NavbarLeftInner .PrimaryMenu{flex:1;overflow-y:auto}.TrialUpgradeModal .ant-modal-content{border-radius:var(--alo-radius-lg);overflow:hidden;box-shadow:var(--alo-shadow-dropdown)}.TrialUpgradeModal .ant-modal-body{padding:0}.TrialUpgradeModal__content{padding:32px 28px 24px;text-align:center;background:var(--alo-bg-primary)}.TrialUpgradeModal__iconWrap{display:flex;justify-content:center;margin-bottom:20px;position:relative}.TrialUpgradeModal__iconWrap:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(0,104,255,.15) 0%,transparent 70%);z-index:0}.TrialUpgradeModal__zaloIcon{width:72px;height:72px;position:relative;z-index:1;box-shadow:0 8px 24px #0068ff40;border-radius:50%}.TrialUpgradeModal__title{font-size:var(--alo-font-size-lg);font-weight:700;color:var(--alo-text-primary);margin:0 0 8px;line-height:1.3}.TrialUpgradeModal__desc{font-size:var(--alo-font-size-md);color:var(--alo-text-secondary);line-height:1.5;margin:0 0 20px}.TrialUpgradeModal__phoneRow{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 16px;background:var(--alo-bg-tertiary);border:1px dashed var(--alo-border-primary);border-radius:var(--alo-radius-md);margin-bottom:20px;cursor:pointer;transition:all .18s ease;font-family:inherit}.TrialUpgradeModal__phoneRow:hover{background:var(--alo-primary-bg);border-color:var(--alo-primary)}.TrialUpgradeModal__phoneRow:hover .TrialUpgradeModal__copyIcon{color:var(--alo-primary);opacity:1}.TrialUpgradeModal__phoneRow:hover .TrialUpgradeModal__phone{color:var(--alo-primary)}.TrialUpgradeModal__phoneRow:active{transform:scale(.98)}.TrialUpgradeModal__phoneLabel{font-size:var(--alo-font-size-xs);color:var(--alo-text-tertiary);font-weight:500;letter-spacing:.4px;text-transform:uppercase}.TrialUpgradeModal__phoneValue{display:inline-flex;align-items:center;gap:8px}.TrialUpgradeModal__phone{font-size:22px;font-weight:700;color:var(--alo-text-primary);letter-spacing:.5px;transition:color .18s ease}.TrialUpgradeModal__copyIcon{width:16px;height:16px;color:var(--alo-text-tertiary);opacity:.7;transition:all .18s ease;flex-shrink:0}.TrialUpgradeModal__zaloBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#0068ff,#0052cc);color:#fff;border:none;border-radius:var(--alo-radius-md);font-size:var(--alo-font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 12px #0068ff4d}.TrialUpgradeModal__zaloBtn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0068ff66}.TrialUpgradeModal__zaloBtn:active{transform:translateY(0)}.TrialUpgradeModal__zaloBtn svg{flex-shrink:0}.TrialUpgradeModal__note{font-size:var(--alo-font-size-xs);color:var(--alo-text-tertiary);margin:16px 0 0;font-style:italic}
