.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}.AloStatusTag{padding:2px 8px;font-weight:600;font-size:var(--alo-font-size-sm);line-height:18px;border-radius:var(--alo-radius-md);display:inline-block;width:max-content;max-width:100%}.AloStatusTag.ant-tag-processing{background:color-mix(in srgb,var(--alo-info) 88%,#000000)!important;border-color:transparent!important;color:var(--alo-text-white)!important}.AloStatusTag.ant-tag-success{background:color-mix(in srgb,var(--alo-success) 62%,#000000)!important;border-color:transparent!important;color:var(--alo-text-white)!important}.AloStatusTag.ant-tag-error{background:color-mix(in srgb,var(--alo-danger) 78%,#000000)!important;border-color:transparent!important;color:var(--alo-text-white)!important}.DetailsGroup{margin-bottom:4px}.DetailsGroup__header{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:12px;border-radius:var(--alo-radius-md);border-left:3px solid var(--dg-color, #506CDF);background:linear-gradient(90deg,var(--dg-color-light, #EEF1FE),transparent);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .15s ease}.DetailsGroup__header:hover{filter:brightness(.98)}.DetailsGroup__header--1{--dg-color: #506CDF;--dg-color-light: #EEF1FE}.DetailsGroup__header--2{--dg-color: #0BC36F;--dg-color-light: #ECFDF5}.DetailsGroup__header--3{--dg-color: #FA8C16;--dg-color-light: #FFFBEB}.DetailsGroup__header--4{--dg-color: #7823DA;--dg-color-light: #F5F3FF}.DetailsGroup__header--5{--dg-color: #13C2C2;--dg-color-light: #ECFEFF}.DetailsGroup__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--alo-radius-md);color:var(--alo-text-white, #FFFFFF);flex-shrink:0;background-color:var(--dg-color, #506CDF)}.DetailsGroup__icon .anticon{color:var(--alo-text-white, #FFFFFF);font-size:12px;line-height:1}.DetailsGroup__icon svg{color:var(--alo-text-white, #FFFFFF);width:12px;height:12px}.DetailsGroup__title{flex:1;font-size:var(--alo-font-size-sm);font-weight:600;color:var(--alo-text-primary);line-height:1.2}.DetailsGroup__caret{display:inline-flex;align-items:center;flex-shrink:0;color:var(--dg-color, var(--alo-text-secondary))}.DetailsGroup__caret svg{width:16px;height:16px;transition:transform .2s ease}.DetailsGroup__caret svg path{fill:currentColor}.DetailsGroup--collapsed .DetailsGroup__caret svg{transform:rotate(-90deg)}
