.qcup-panel,
.qcup-panel *{box-sizing:border-box;font-family:inherit}
.qcup-panel{--qcup-primary:#17315F;--qcup-secondary:#42C890;--qcup-accent:#FFBD12;direction:rtl;width:100%;max-width:1180px;margin:24px auto;padding:16px;color:#17315F;background:#fff;border:1px solid rgba(23,49,95,.08);border-radius:28px;box-shadow:0 18px 50px rgba(23,49,95,.08)}
.qcup-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 20px;background:linear-gradient(135deg,var(--qcup-primary),#22477e);border-radius:22px;color:#fff;overflow:hidden;position:relative}.qcup-panel__header:before{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;border-radius:50%;background:rgba(66,200,144,.25)}.qcup-panel__header h2{margin:8px 0 0;color:#fff;font-size:28px;font-weight:900}.qcup-panel__badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(66,200,144,.18);color:#d9fff0;border:1px solid rgba(66,200,144,.28);font-size:13px;font-weight:800}.qcup-panel__user{display:flex;align-items:center;gap:10px;position:relative}.qcup-panel__user img{border-radius:16px;border:2px solid rgba(255,255,255,.45)}
.qcup-panel__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:16px}.qcup-tabs{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:22px;background:#f6f9fc;border:1px solid rgba(23,49,95,.08)}.qcup-tabs__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:16px;color:#17315F;text-decoration:none!important;font-weight:800;transition:.2s}.qcup-tabs__item:hover,.qcup-tabs__item.is-active{background:#fff;color:#17315F;box-shadow:0 8px 22px rgba(23,49,95,.08)}.qcup-tabs__item.is-active{border-inline-start:4px solid var(--qcup-secondary)}.qcup-tabs__item--logout{color:#d92d20!important}.qcup-content{min-width:0}.qcup-card{background:#fff;border:1px solid rgba(23,49,95,.1);border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(23,49,95,.06);margin-bottom:16px}.qcup-card h3{margin:0 0 16px;color:#17315F;font-size:21px;font-weight:900}.qcup-card h4{margin:0 0 12px;color:#17315F;font-size:17px;font-weight:900}.qcup-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.qcup-card-head h3{margin:0}.qcup-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qcup-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qcup-stat{padding:14px;border-radius:18px;background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid rgba(23,49,95,.08)}.qcup-stat span{display:block;color:#667085;font-size:13px;margin-bottom:6px}.qcup-stat strong{display:block;color:#17315F;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.qcup-form{display:grid;gap:12px}.qcup-form label{display:grid;gap:7px;color:#17315F;font-weight:800}.qcup-form input,.qcup-form select,.qcup-form textarea{width:100%;border:1px solid rgba(23,49,95,.15)!important;border-radius:14px!important;background:#fff!important;color:#17315F!important;padding:11px 12px!important;outline:none;box-shadow:none!important}.qcup-form input:focus,.qcup-form select:focus,.qcup-form textarea:focus{border-color:var(--qcup-secondary)!important;box-shadow:0 0 0 3px rgba(66,200,144,.15)!important}.qcup-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border-radius:13px!important;border:1px solid rgba(23,49,95,.12)!important;background:#fff!important;color:#17315F!important;text-decoration:none!important;font-weight:900;cursor:pointer;line-height:1.2}.qcup-btn--primary{background:var(--qcup-secondary)!important;border-color:var(--qcup-secondary)!important;color:#fff!important}.qcup-btn--danger{background:#fff1f0!important;color:#b42318!important;border-color:#ffd1cc!important}.qcup-actions{display:flex;flex-wrap:wrap;gap:6px}.qcup-table-wrap{width:100%;overflow-x:auto}.qcup-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.qcup-table th,.qcup-table td{text-align:right;padding:12px;border-bottom:1px solid rgba(23,49,95,.08)}.qcup-table th{color:#17315F;background:#f6f9fc;font-weight:900}.qcup-table tr:hover td{background:#fbfcfe}.qcup-list{display:grid;gap:10px}.qcup-list-item{display:grid;gap:4px;padding:12px;border:1px solid rgba(23,49,95,.08);border-radius:16px;background:#f8fbfd;color:#17315F;text-decoration:none!important}.qcup-list-item strong{font-weight:900}.qcup-list-item span,.qcup-list-item small{color:#667085}.qcup-empty{padding:12px;border-radius:14px;background:#f6f9fc;color:#667085;border:1px dashed rgba(23,49,95,.14)}.qcup-notice{margin:14px 0 0;padding:12px 14px;border-radius:16px;font-weight:800}.qcup-notice--success{background:rgba(66,200,144,.14);color:#087443;border:1px solid rgba(66,200,144,.25)}.qcup-notice--error{background:#fff1f0;color:#b42318;border:1px solid #ffd1cc}.qcup-chat-box{display:grid;gap:10px;margin:16px 0;padding:14px;border-radius:18px;background:#f6f9fc}.qcup-chat-message{max-width:78%;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid rgba(23,49,95,.08);box-shadow:0 8px 18px rgba(23,49,95,.04)}.qcup-chat-message--user{justify-self:end;background:var(--qcup-primary);color:#fff}.qcup-chat-message--admin{justify-self:start;background:#fff}.qcup-chat-message small{display:block;margin-top:8px;opacity:.78}.qcup-login-required{direction:rtl;max-width:520px;margin:24px auto;padding:22px;background:#fff;border:1px solid rgba(23,49,95,.1);border-radius:22px;box-shadow:0 14px 34px rgba(23,49,95,.08)}.qcup-login-required h3{margin:0 0 10px;color:#17315F}.qcup-financial-local-data:empty{display:none}
@media(max-width:900px){.qcup-panel__layout{grid-template-columns:1fr}.qcup-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qcup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qcup-grid-two{grid-template-columns:1fr}}
@media(max-width:600px){.qcup-panel{margin:12px auto;padding:8px;border-radius:18px}.qcup-panel__header{padding:14px;border-radius:16px;align-items:flex-start}.qcup-panel__header h2{font-size:22px}.qcup-panel__user span{display:none}.qcup-tabs{grid-template-columns:1fr;gap:6px;padding:6px;border-radius:16px}.qcup-tabs__item{padding:10px 12px;border-radius:12px}.qcup-card{padding:12px;border-radius:16px}.qcup-stats{grid-template-columns:1fr}.qcup-chat-message{max-width:92%}.qcup-card-head{align-items:flex-start;flex-direction:column}.qcup-actions{flex-direction:column}.qcup-btn{width:100%}}

/* Qorpi User Panel - enhanced responsive UX */
.qcup-panel__title{position:relative;z-index:1;min-width:0}.qcup-socials{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.qcup-socials__link{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;backdrop-filter:blur(10px);transition:.2s}.qcup-socials__link:hover{background:rgba(66,200,144,.28);transform:translateY(-1px)}.qcup-socials__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.16);font-size:12px}.qcup-socials__label{white-space:nowrap}.qcup-muted{margin:0 0 16px;color:#667085;line-height:1.9}.qcup-orders-table tr.is-selected td{background:rgba(66,200,144,.08)!important}.qcup-order-details{margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid rgba(23,49,95,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.qcup-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.qcup-order-summary>div{padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(23,49,95,.08)}.qcup-order-summary span{display:block;margin-bottom:6px;color:#667085;font-size:12px}.qcup-order-summary strong{display:block;color:#17315F;font-weight:900;line-height:1.7}.qcup-order-details__actions{margin-top:12px}.qcup-financial-accordions{display:grid;gap:12px}.qcup-accordion{border:1px solid rgba(23,49,95,.1);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(23,49,95,.04)}.qcup-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;cursor:pointer;color:#17315F;font-weight:900;background:#f8fbfd}.qcup-accordion summary::-webkit-details-marker{display:none}.qcup-accordion summary:after{content:"+";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(66,200,144,.14);color:#17315F;font-weight:900}.qcup-accordion[open] summary:after{content:"−"}.qcup-accordion summary small{display:block;color:#667085;font-size:12px;font-weight:700}.qcup-accordion__body{padding:14px}.qcup-list-item{overflow-wrap:anywhere}
@media(max-width:1024px){.qcup-panel{max-width:calc(100% - 18px)}.qcup-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.qcup-panel__header{align-items:flex-start}.qcup-panel__user{flex:0 0 auto}}
@media(max-width:760px){.qcup-panel{width:100%;max-width:100%;margin:8px auto;padding:8px;border-radius:18px;border-left:0;border-right:0}.qcup-panel__header{flex-direction:column;align-items:stretch;gap:14px}.qcup-panel__user{justify-content:flex-start;padding-top:4px;border-top:1px solid rgba(255,255,255,.14)}.qcup-socials{gap:6px}.qcup-socials__link{padding:6px 9px;font-size:11.5px}.qcup-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.qcup-tabs__item{justify-content:center;text-align:center;font-size:13px}.qcup-card{margin-bottom:10px}.qcup-grid-two{gap:10px}.qcup-order-summary{grid-template-columns:1fr}.qcup-table-wrap{overflow:visible}.qcup-orders-table,.qcup-order-items-table{min-width:0;border-collapse:separate;border-spacing:0;width:100%}.qcup-orders-table thead,.qcup-order-items-table thead{display:none}.qcup-orders-table tbody,.qcup-order-items-table tbody{display:grid;gap:10px}.qcup-orders-table tr,.qcup-order-items-table tr{display:block;padding:10px;border:1px solid rgba(23,49,95,.1);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(23,49,95,.04)}.qcup-orders-table td,.qcup-order-items-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0!important;border-bottom:1px solid rgba(23,49,95,.07)!important;text-align:left!important}.qcup-orders-table td:last-child,.qcup-order-items-table td:last-child{border-bottom:0!important}.qcup-orders-table td:before,.qcup-order-items-table td:before{content:attr(data-label);flex:0 0 92px;text-align:right;color:#667085;font-weight:900}.qcup-orders-table td.qcup-actions{display:grid;grid-template-columns:1fr;gap:8px}.qcup-orders-table td.qcup-actions:before{display:none}.qcup-actions .qcup-btn{width:100%}.qcup-financial-card .qcup-card-head{align-items:stretch}.qcup-financial-card .qcup-card-head .qcup-btn{width:100%}.qcup-accordion summary{align-items:flex-start}.qcup-accordion summary span{display:block}}
@media(max-width:420px){.qcup-panel__header h2{font-size:20px}.qcup-panel__badge{font-size:12px}.qcup-tabs{grid-template-columns:1fr}.qcup-socials__label{display:none}.qcup-socials__link{width:34px;height:34px;padding:0;justify-content:center}.qcup-socials__icon{background:transparent}.qcup-form input,.qcup-form select,.qcup-form textarea{font-size:16px!important}.qcup-orders-table td,.qcup-order-items-table td{flex-direction:column;align-items:stretch;text-align:right!important}.qcup-orders-table td:before,.qcup-order-items-table td:before{flex:auto}}

/* Dynamic tab panels */
.qcup-tab-panel{display:none;opacity:0;transform:translateY(8px)}
.qcup-tab-panel.is-active{display:block;animation:qcupFadeSlide .28s ease both}
@keyframes qcupFadeSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Better buttons and interactions */
.qcup-btn{position:relative;overflow:hidden;isolation:isolate;min-height:42px;padding:10px 16px;border-radius:15px!important;background:linear-gradient(180deg,#fff,#f7fafc)!important;border:1px solid rgba(23,49,95,.14)!important;color:var(--qcup-primary)!important;box-shadow:0 8px 18px rgba(23,49,95,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important;will-change:transform;text-decoration:none!important}
.qcup-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(66,200,144,.14),rgba(255,189,18,.12));opacity:0;z-index:-1;transition:opacity .22s ease}
.qcup-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,49,95,.12);border-color:rgba(66,200,144,.35)!important;color:var(--qcup-primary)!important}
.qcup-btn:hover:before{opacity:1}.qcup-btn:active{transform:translateY(0) scale(.98);box-shadow:0 7px 14px rgba(23,49,95,.09)}
.qcup-btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(66,200,144,.22),0 12px 26px rgba(23,49,95,.12)}
.qcup-btn--primary{background:linear-gradient(135deg,var(--qcup-secondary),#31b981)!important;border-color:rgba(66,200,144,.9)!important;color:#fff!important;box-shadow:0 12px 24px rgba(66,200,144,.24)}
.qcup-btn--primary:before{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,189,18,.22))}.qcup-btn--primary:hover{color:#fff!important;box-shadow:0 16px 34px rgba(66,200,144,.34)}
.qcup-btn--danger{background:linear-gradient(135deg,#fff1f0,#fff)!important;color:#b42318!important;border-color:#ffd1cc!important;box-shadow:0 10px 22px rgba(180,35,24,.08)}.qcup-btn--danger:hover{background:#fff1f0!important;color:#9f1e15!important;box-shadow:0 14px 28px rgba(180,35,24,.14)}
.qcup-btn--ghost{background:rgba(23,49,95,.06)!important;border-color:rgba(23,49,95,.08)!important;color:var(--qcup-primary)!important;box-shadow:none}
.qcup-btn--ghost:hover{background:#fff!important;box-shadow:0 10px 24px rgba(23,49,95,.1)}
.qcup-tabs__item{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.qcup-tabs__item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(66,200,144,.12),rgba(255,189,18,.08));opacity:0;transition:opacity .22s ease}.qcup-tabs__item:hover{transform:translateY(-1px)}.qcup-tabs__item:hover:before,.qcup-tabs__item.is-active:before{opacity:1}.qcup-tabs__item{isolation:isolate}.qcup-tabs__item>*{position:relative}.qcup-list-item{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.qcup-list-item:hover{transform:translateY(-2px);border-color:rgba(66,200,144,.25);box-shadow:0 12px 28px rgba(23,49,95,.08);background:#fff}

/* Dynamic order details */
.qcup-orders-list{transition:opacity .22s ease,transform .22s ease}.qcup-orders-list.is-hidden{display:none}.qcup-order-details-stage{display:block}.qcup-order-details{display:none;margin-top:0}.qcup-order-details.is-active{display:block;animation:qcupFadeSlide .28s ease both}.qcup-order-details__head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(23,49,95,.08)}.qcup-mini-label{display:inline-flex;margin-bottom:5px;padding:4px 9px;border-radius:999px;background:rgba(66,200,144,.12);color:var(--qcup-primary);font-size:12px;font-weight:900}.qcup-order-customer-box{margin:14px 0;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(23,49,95,.08)}.qcup-order-customer-box h5{margin:0 0 12px;color:var(--qcup-primary);font-size:15px;font-weight:900}.qcup-order-customer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qcup-order-customer-grid>div{padding:11px;border-radius:14px;background:#f8fbfd;border:1px solid rgba(23,49,95,.06)}.qcup-order-customer-grid span{display:block;margin-bottom:5px;color:#667085;font-size:12px;font-weight:800}.qcup-order-customer-grid strong{display:block;color:var(--qcup-primary);font-weight:900;overflow-wrap:anywhere;line-height:1.7}.qcup-orders-table tr{transition:transform .2s ease,box-shadow .2s ease}.qcup-orders-table tr:hover{transform:translateY(-1px)}

@media(max-width:1024px){.qcup-order-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.qcup-tab-panel.is-active{animation:qcupFadeSlide .22s ease both}.qcup-btn{min-height:44px;border-radius:14px!important}.qcup-order-details__head{align-items:stretch!important}.qcup-order-details__head .qcup-btn{width:100%}.qcup-order-customer-grid{grid-template-columns:1fr}.qcup-order-customer-box{padding:12px;border-radius:16px}.qcup-tabs__item:hover,.qcup-list-item:hover,.qcup-btn:hover{transform:none}.qcup-btn:active{transform:scale(.98)}}

/* Course / SpotPlayer license order details */
.qcup-subtitle{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.8}.qcup-license-box{margin:16px 0;padding:16px;border-radius:22px;border:1px solid rgba(23,49,95,.1);background:linear-gradient(135deg,#fff,#f8fbfd);box-shadow:0 12px 28px rgba(23,49,95,.06)}.qcup-license-box--active{border-color:rgba(66,200,144,.26);background:linear-gradient(135deg,rgba(66,200,144,.08),#fff 45%,#f8fbfd)}.qcup-license-box--locked{border-color:rgba(255,189,18,.32);background:linear-gradient(135deg,rgba(255,189,18,.1),#fff 48%,#f8fbfd)}.qcup-license-box__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.qcup-license-box__head h5,.qcup-downloads-box h6,.qcup-order-totals-box h5,.qcup-order-note-box h5{margin:0;color:var(--qcup-primary);font-size:16px;font-weight:900;line-height:1.7}.qcup-badge--success{background:rgba(66,200,144,.14)!important;color:#087443!important;border:1px solid rgba(66,200,144,.25)}.qcup-badge--warning{background:rgba(255,189,18,.16)!important;color:#8a5a00!important;border:1px solid rgba(255,189,18,.3)}.qcup-license-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qcup-license-item{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(23,49,95,.09);box-shadow:0 8px 20px rgba(23,49,95,.04)}.qcup-license-item span{display:block;margin-bottom:6px;color:#667085;font-size:12px;font-weight:800}.qcup-license-item strong{display:block;margin-bottom:8px;color:var(--qcup-primary);font-size:14px;font-weight:900}.qcup-license-item code{display:block;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-radius:14px;background:#0f2344;color:#fff;font-family:monospace;font-size:13px;line-height:1.8}.qcup-license-item code a{color:#9ff0cf!important}.qcup-downloads-box,.qcup-order-totals-box,.qcup-order-note-box{margin-top:14px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(23,49,95,.08)}.qcup-downloads-box h6{margin-bottom:10px}.qcup-downloads-list,.qcup-order-notes-list{display:grid;gap:10px}.qcup-download-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:#f8fbfd;border:1px solid rgba(23,49,95,.07)}.qcup-download-item strong,.qcup-download-item span,.qcup-download-item small{display:block;line-height:1.7}.qcup-download-item strong{color:var(--qcup-primary);font-weight:900}.qcup-download-item span{color:#344054;font-size:13px}.qcup-download-item small{color:#667085;font-size:12px}.qcup-muted-inline{display:inline-block;color:#667085;font-size:12px;line-height:1.8}.qcup-item-meta-list{display:grid;gap:7px;min-width:220px}.qcup-item-meta-list>div{padding:8px;border-radius:12px;background:#f8fbfd;border:1px solid rgba(23,49,95,.06)}.qcup-item-meta-list span{display:block;margin-bottom:4px;color:#667085;font-size:11.5px;font-weight:900}.qcup-item-meta-list strong{display:block;color:var(--qcup-primary);font-size:12.5px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.qcup-order-items-table td small{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.7}.qcup-order-totals-list{display:grid;gap:8px}.qcup-order-totals-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#f8fbfd;border:1px solid rgba(23,49,95,.06)}.qcup-order-totals-list span{color:#667085;font-weight:800}.qcup-order-totals-list strong{color:var(--qcup-primary);font-weight:900}.qcup-order-note-box p{margin:8px 0 0;color:#344054;line-height:1.9;overflow-wrap:anywhere}.qcup-order-notes-list>div{padding:10px 12px;border-radius:14px;background:#f8fbfd;border:1px solid rgba(23,49,95,.06)}.qcup-order-notes-list span{display:block;margin-bottom:4px;color:#667085;font-size:12px;font-weight:800}
@media(max-width:1024px){.qcup-license-grid{grid-template-columns:1fr}.qcup-download-item{align-items:stretch}.qcup-download-item .qcup-btn{white-space:nowrap}}
@media(max-width:760px){.qcup-license-box{padding:12px;border-radius:18px}.qcup-license-box__head{flex-direction:column;align-items:flex-start}.qcup-license-box__head .qcup-badge{align-self:flex-start}.qcup-download-item{flex-direction:column}.qcup-download-item .qcup-btn{width:100%}.qcup-order-totals-list>div{align-items:flex-start;flex-direction:column}.qcup-item-meta-list{min-width:0;width:100%}.qcup-license-item code{font-size:12.5px}.qcup-order-items-table td[data-label="جزئیات دوره / لایسنس"]{display:block!important}.qcup-order-items-table td[data-label="جزئیات دوره / لایسنس"]:before{display:block;margin-bottom:8px}}

/* v1.4.0 Full-width panel, order search/filter, license key copy and SpotPlayer app links */
.qcup-panel{width:100vw!important;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:18px!important;overflow-x:hidden!important}.qcup-panel__header{border-radius:0 0 24px 24px}.qcup-panel__layout{max-width:1440px;margin:16px auto 0}.qcup-panel__header{max-width:1440px;margin:0 auto}.qcup-notice{max-width:1440px;margin:16px auto 0}.qcup-orders-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(170px,.75fr) minmax(170px,.75fr) auto;gap:10px;align-items:end;margin:0 0 12px;padding:12px;border-radius:20px;background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid rgba(23,49,95,.08)}.qcup-orders-toolbar label{display:flex;flex-direction:column;gap:6px;margin:0}.qcup-orders-toolbar span{color:#667085;font-size:12px;font-weight:900}.qcup-orders-toolbar input,.qcup-orders-toolbar select{width:100%;height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(23,49,95,.12);background:#fff;color:var(--qcup-primary);font-weight:800;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.qcup-orders-toolbar input:focus,.qcup-orders-toolbar select:focus{border-color:rgba(66,200,144,.7);box-shadow:0 0 0 4px rgba(66,200,144,.14)}.qcup-orders-search input{padding-inline-start:38px;background-image:linear-gradient(transparent,transparent);position:relative}.qcup-orders-search{position:relative}.qcup-orders-search:after{content:"⌕";position:absolute;bottom:10px;inset-inline-start:13px;color:#667085;font-size:18px;line-height:1}.qcup-orders-clear{height:44px;white-space:nowrap}.qcup-orders-result-info{margin:0 0 10px;color:#667085;font-size:13px;font-weight:800}.qcup-orders-empty-filter{margin-top:10px}.qcup-table-wrap.is-empty{display:none}.qcup-orders-table tr.is-filter-hidden{display:none!important}.qcup-license-access{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch}.qcup-license-keys{display:grid;gap:10px}.qcup-license-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(23,49,95,.09);box-shadow:0 8px 20px rgba(23,49,95,.04)}.qcup-license-key-value{min-width:0;flex:1}.qcup-license-key-value span{display:block;margin-bottom:6px;color:#667085;font-size:12px;font-weight:900}.qcup-license-key-value code{display:block;direction:ltr;text-align:left;white-space:nowrap;overflow:auto;max-width:100%;padding:12px;border-radius:14px;background:#0f2344;color:#fff;font-family:monospace;font-size:13px;line-height:1.6}.qcup-btn--copy{white-space:nowrap;background:linear-gradient(135deg,var(--qcup-primary),#22477e)!important;color:#fff!important;border-color:rgba(23,49,95,.65)!important;box-shadow:0 12px 24px rgba(23,49,95,.16)}.qcup-btn--copy:hover,.qcup-btn--copy.is-copied{color:#fff!important;box-shadow:0 16px 32px rgba(23,49,95,.22)}.qcup-btn--copy.is-copied{background:linear-gradient(135deg,var(--qcup-secondary),#31b981)!important;border-color:rgba(66,200,144,.9)!important}.qcup-spotplayer-apps{min-width:300px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px;border-radius:18px;background:linear-gradient(135deg,rgba(66,200,144,.10),#fff);border:1px solid rgba(66,200,144,.22)}.qcup-spotplayer-apps>span{color:var(--qcup-primary);font-size:13px;font-weight:900}.qcup-spotplayer-apps>div{display:flex;flex-wrap:wrap;gap:7px}.qcup-spotplayer-apps__link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:999px;background:#fff;color:var(--qcup-primary)!important;text-decoration:none!important;border:1px solid rgba(23,49,95,.10);font-size:12.5px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.qcup-spotplayer-apps__link:hover{transform:translateY(-2px);border-color:rgba(66,200,144,.35);box-shadow:0 10px 20px rgba(23,49,95,.09)}
@media(max-width:1180px){.qcup-orders-toolbar{grid-template-columns:1fr 1fr}.qcup-orders-clear{width:100%}.qcup-license-access{grid-template-columns:1fr}.qcup-spotplayer-apps{min-width:0}.qcup-panel__layout,.qcup-panel__header,.qcup-notice{max-width:100%}}
@media(max-width:760px){.qcup-panel{padding:8px!important}.qcup-panel__header{border-radius:0 0 18px 18px}.qcup-orders-toolbar{grid-template-columns:1fr;padding:10px;border-radius:16px}.qcup-orders-toolbar input,.qcup-orders-toolbar select,.qcup-orders-clear{height:46px}.qcup-license-key-row{flex-direction:column;align-items:stretch}.qcup-license-key-row .qcup-btn{width:100%}.qcup-license-key-value code{white-space:pre-wrap;overflow-wrap:anywhere}.qcup-spotplayer-apps>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qcup-spotplayer-apps__link:hover{transform:none}}
@media(max-width:420px){.qcup-spotplayer-apps>div{grid-template-columns:1fr}}
.qcup-panel__layout,.qcup-panel__header,.qcup-notice{max-width:none!important;width:100%!important}

/* v1.5.0 profile edit, fixed social icons and SpotPlayer downloads below key */
.qcup-socials__icon svg{width:16px;height:16px;display:block}.qcup-socials__icon{color:currentColor;overflow:hidden}.qcup-socials__link--telegram{color:#fff!important}.qcup-socials__link--instagram{color:#fff!important}.qcup-socials__link--linkedin{color:#fff!important}.qcup-socials__link--bale{color:#fff!important}.qcup-socials__link--twitter{color:#fff!important}.qcup-socials__link--youtube{color:#fff!important}.qcup-socials__link--aparat{color:#fff!important}.qcup-socials__link--website{color:#fff!important}.qcup-profile-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start}.qcup-profile-side{display:grid;gap:14px}.qcup-profile-form,.qcup-password-form,.qcup-verify-email-form,.qcup-profile-info-box{padding:14px;border-radius:20px;background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid rgba(23,49,95,.08)}.qcup-form small{display:block;color:#667085;font-size:12px;line-height:1.8;font-weight:700}.qcup-form input[readonly]{background:#f6f9fc!important;color:#667085!important;cursor:not-allowed}.qcup-password-form h4{margin:0;color:var(--qcup-primary);font-size:16px;font-weight:900}.qcup-profile-info-box strong,.qcup-pending-email span{display:block;color:var(--qcup-primary);font-weight:900;margin-bottom:6px}.qcup-profile-info-box p{margin:0;color:#667085;line-height:1.9}.qcup-pending-email{padding:12px;border-radius:16px;background:rgba(255,189,18,.12);border:1px solid rgba(255,189,18,.26)}.qcup-pending-email strong{display:block;color:#8a5a00;direction:ltr;text-align:left;overflow-wrap:anywhere}.qcup-license-access{display:flex!important;flex-direction:column!important;gap:12px!important}.qcup-license-downloads-below{width:100%;display:block}.qcup-spotplayer-apps{min-width:0!important;width:100%;justify-content:flex-start!important}.qcup-spotplayer-apps>div{display:flex;flex-wrap:wrap;gap:8px}.qcup-license-key-row{width:100%}
@media(max-width:900px){.qcup-profile-grid{grid-template-columns:1fr}.qcup-profile-form,.qcup-password-form,.qcup-verify-email-form,.qcup-profile-info-box{padding:12px;border-radius:16px}}
@media(max-width:760px){.qcup-profile-grid{gap:10px}.qcup-socials__icon svg{width:17px;height:17px}.qcup-license-downloads-below .qcup-spotplayer-apps>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qcup-license-downloads-below .qcup-spotplayer-apps__link{width:100%}}
@media(max-width:420px){.qcup-license-downloads-below .qcup-spotplayer-apps>div{grid-template-columns:1fr}.qcup-socials__icon svg{width:18px;height:18px}}

/* v1.5.1 viewport-height panel and internal scrolling */
.qcup-panel{
  min-height:100vh!important;
  height:100vh!important;
  min-height:100dvh!important;
  height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}
.qcup-panel__header{
  flex:0 0 auto!important;
}
.qcup-panel__header h2,
.qcup-panel__title h2,
.qcup-panel__header .qcup-panel__title h2{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.16);
}
.qcup-panel__header .qcup-panel__user span{
  color:#fff!important;
}
.qcup-panel__layout{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding-bottom:16px!important;
}
.qcup-tabs{
  max-height:100%!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin;
}
.qcup-content{
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding-inline-end:4px;
  scrollbar-width:thin;
}
.qcup-content::-webkit-scrollbar,
.qcup-tabs::-webkit-scrollbar{
  width:8px;
  height:8px;
}
.qcup-content::-webkit-scrollbar-track,
.qcup-tabs::-webkit-scrollbar-track{
  background:rgba(23,49,95,.06);
  border-radius:999px;
}
.qcup-content::-webkit-scrollbar-thumb,
.qcup-tabs::-webkit-scrollbar-thumb{
  background:rgba(23,49,95,.24);
  border-radius:999px;
}
.qcup-content::-webkit-scrollbar-thumb:hover,
.qcup-tabs::-webkit-scrollbar-thumb:hover{
  background:rgba(66,200,144,.65);
}
.qcup-tab-panel{
  min-height:100%;
}
.qcup-tab-panel:not(.is-active){
  display:none!important;
}
.qcup-tab-panel.is-active{
  display:block!important;
}
.qcup-notice{
  flex:0 0 auto!important;
}
@supports(height:100svh){
  .qcup-panel{
    min-height:100svh!important;
    height:100svh!important;
  }
}
@media(max-width:900px){
  .qcup-panel__layout{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .qcup-tabs{
    flex:0 0 auto!important;
    max-height:32vh!important;
    overflow:auto!important;
  }
  .qcup-content{
    flex:1 1 auto!important;
  }
}
@media(max-width:760px){
  .qcup-panel{
    padding-bottom:0!important;
  }
  .qcup-panel__header{
    max-height:34vh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .qcup-panel__layout{
    padding-bottom:8px!important;
  }
  .qcup-tabs{
    max-height:28vh!important;
  }
  .qcup-content{
    padding-inline-end:0;
  }
}

/* v1.6.0 dynamic login/register */
.qcup-auth-shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(135deg,rgba(23,49,95,.08),rgba(66,200,144,.08));box-sizing:border-box;font-family:inherit;direction:rtl}.qcup-auth-shell *{box-sizing:border-box;font-family:inherit}.qcup-auth-card{width:min(100%,520px);background:#fff;border:1px solid rgba(23,49,95,.1);border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(23,49,95,.16)}.qcup-auth-hero{padding:30px 26px;text-align:center;color:#fff;background:radial-gradient(circle at top right,rgba(66,200,144,.45),transparent 36%),linear-gradient(135deg,var(--qcup-primary),#0d1d3a)}.qcup-auth-logo{width:84px;height:84px;object-fit:contain;border-radius:22px;background:#fff;padding:10px;margin:0 auto 14px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.qcup-auth-logo-fallback{width:84px;height:84px;border-radius:22px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:34px;font-weight:900}.qcup-auth-hero h2{margin:0 0 8px;color:#fff!important;font-weight:950;font-size:clamp(23px,4vw,34px);line-height:1.45}.qcup-auth-hero p{margin:0 auto;color:rgba(255,255,255,.82);line-height:1.9;max-width:390px}.qcup-auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 18px;background:#f7fafc;border-bottom:1px solid rgba(23,49,95,.08)}.qcup-auth-tab{border:0;border-radius:16px;padding:12px 14px;background:#fff;color:var(--qcup-primary);font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(23,49,95,.06);transition:.22s ease}.qcup-auth-tab:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(23,49,95,.12)}.qcup-auth-tab.is-active{background:linear-gradient(135deg,var(--qcup-secondary),#2db47f);color:#fff}.qcup-auth-panel{display:none;padding:20px 22px 24px}.qcup-auth-panel.is-active{display:block;animation:qcupAuthFade .22s ease both}@keyframes qcupAuthFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.qcup-auth-form{display:grid;gap:13px}.qcup-auth-form--compact{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(23,49,95,.16)}.qcup-auth-form label{display:grid;gap:7px;color:#344054;font-weight:800;font-size:13px}.qcup-auth-form input{width:100%;border:1px solid rgba(23,49,95,.14);border-radius:16px;background:#fff;padding:13px 14px;color:#17315f;outline:none;transition:.22s ease}.qcup-auth-form input:focus{border-color:var(--qcup-secondary);box-shadow:0 0 0 4px rgba(66,200,144,.14)}.qcup-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:12px 16px;background:#eef3f8;color:var(--qcup-primary);font-weight:950;text-decoration:none;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.qcup-auth-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,49,95,.12)}.qcup-auth-btn:active{transform:translateY(0) scale(.99)}.qcup-auth-btn[disabled]{opacity:.7;cursor:wait;transform:none!important}.qcup-auth-btn--primary{background:linear-gradient(135deg,var(--qcup-secondary),#2db47f);color:#fff!important;box-shadow:0 12px 26px rgba(66,200,144,.24)}.qcup-auth-btn--ghost{background:#fff;border:1px solid rgba(23,49,95,.12)}.qcup-auth-links{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 2px;flex-wrap:wrap}.qcup-auth-links button{border:0;background:transparent;color:var(--qcup-primary);font-weight:900;cursor:pointer;padding:8px;border-radius:10px}.qcup-auth-links button:hover{background:rgba(66,200,144,.12)}.qcup-auth-google-wrap{margin-top:14px}.qcup-auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(23,49,95,.14);text-decoration:none;color:#17315f;font-weight:950;transition:.22s ease}.qcup-auth-google:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,49,95,.12)}.qcup-auth-google span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f2f4f7;color:#ea4335;font-weight:950}.qcup-auth-message{margin:14px 18px 0;padding:12px 14px;border-radius:16px;font-weight:800;line-height:1.8}.qcup-auth-message--success{background:rgba(66,200,144,.13);color:#08734a}.qcup-auth-message--error{background:rgba(255,77,79,.10);color:#b42318}.qcup-auth-message--info{background:rgba(23,49,95,.08);color:#17315f}.qcup-auth-help{margin:0;color:#667085;line-height:1.9}.qcup-auth-empty{padding:14px;border-radius:16px;background:#f7fafc;color:#667085}.qcup-auth-captcha{padding:12px;border-radius:16px;background:#f7fafc;border:1px solid rgba(23,49,95,.08)}.qcup-auth-captcha--google{display:flex;justify-content:center;overflow:hidden}.qcup-auth-logged-in{padding:24px;text-align:center}.qcup-auth-logged-in strong{display:block;color:#17315f;font-size:20px;margin-bottom:8px}.qcup-auth-logged-in p{color:#667085;line-height:1.9}.qcup-auth-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}@media(max-width:640px){.qcup-auth-shell{padding:0;align-items:stretch}.qcup-auth-card{min-height:100vh;min-height:100dvh;width:100%;border-radius:0;border:0}.qcup-auth-hero{padding:24px 16px}.qcup-auth-panel{padding:16px}.qcup-auth-tabs{padding:12px}.qcup-auth-links{align-items:stretch;flex-direction:column}.qcup-auth-links button,.qcup-auth-btn{width:100%}.qcup-auth-message{margin-inline:12px}.qcup-auth-logo,.qcup-auth-logo-fallback{width:72px;height:72px}}

/* v1.7.0 panel custom links and mobile bottom navigation */
.qcup-tabs__item--external{
  background:linear-gradient(135deg,rgba(23,49,95,.08),rgba(66,200,144,.12))!important;
  border-color:rgba(66,200,144,.20)!important;
}
.qcup-tabs__item--external span{display:block;}
.qcup-mobile-nav{display:none;}
@media(max-width:760px){
  .qcup-panel{padding-bottom:82px!important;}
  .qcup-panel__layout{padding-bottom:82px!important;}
  .qcup-tabs{display:none!important;}
  .qcup-content{padding-bottom:86px!important;}
  .qcup-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:6px;
    padding:9px 8px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    border-top:1px solid rgba(23,49,95,.12);
    box-shadow:0 -14px 34px rgba(23,49,95,.14);
    direction:rtl;
  }
  .qcup-mobile-nav__item,
  .qcup-mobile-more summary{
    min-width:0;
    min-height:54px;
    padding:8px 6px;
    border:1px solid rgba(23,49,95,.10);
    border-radius:18px;
    background:#f7fafc;
    color:var(--qcup-primary);
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:12px;
    font-weight:950;
    line-height:1.55;
    cursor:pointer;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
    list-style:none;
    -webkit-tap-highlight-color:transparent;
  }
  .qcup-mobile-nav__item::-webkit-details-marker,
  .qcup-mobile-more summary::-webkit-details-marker{display:none;}
  .qcup-mobile-nav__item:hover,
  .qcup-mobile-more summary:hover{
    transform:translateY(-3px);
    background:#fff;
    box-shadow:0 12px 26px rgba(23,49,95,.12);
  }
  .qcup-mobile-nav__item.is-active,
  .qcup-panel[data-active-tab="support"] .qcup-mobile-more summary,
  .qcup-panel[data-active-tab="financial"] .qcup-mobile-more summary,
  .qcup-panel[data-active-tab="notices"] .qcup-mobile-more summary{
    background:linear-gradient(135deg,var(--qcup-secondary),#2db47f);
    color:#fff!important;
    border-color:rgba(66,200,144,.5);
    box-shadow:0 12px 28px rgba(66,200,144,.25);
  }
  .qcup-mobile-nav__item--external{background:rgba(23,49,95,.06);}
  .qcup-mobile-nav__item span{display:block;overflow:hidden;text-overflow:ellipsis;}
  .qcup-mobile-more{position:relative;min-width:0;}
  .qcup-mobile-more__menu{
    position:absolute;
    left:0;
    right:auto;
    bottom:calc(100% + 10px);
    min-width:220px;
    max-width:min(90vw,280px);
    padding:10px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(23,49,95,.12);
    box-shadow:0 18px 46px rgba(23,49,95,.18);
    display:grid;
    gap:7px;
  }
  .qcup-mobile-more__menu a{
    padding:11px 12px;
    border-radius:14px;
    color:var(--qcup-primary);
    background:#f7fafc;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    transition:.2s ease;
  }
  .qcup-mobile-more__menu a:hover{background:rgba(66,200,144,.14);transform:translateX(-2px)}
  .qcup-mobile-more__logout{color:#b42318!important;background:rgba(255,77,79,.09)!important;}
}
@media(max-width:420px){
  .qcup-mobile-nav{gap:5px;padding-inline:5px;}
  .qcup-mobile-nav__item,
  .qcup-mobile-more summary{font-size:11px;border-radius:15px;padding-inline:4px;min-height:52px;}
}

/* v1.8.0 Security & UX polish */
.qcup-btn,
.qcup-auth-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transform:translateZ(0);
  will-change:transform, box-shadow;
}
.qcup-btn::before,
.qcup-auth-btn::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.34) 42%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.25) 58%,transparent 100%);
  transform:translateX(110%);
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
  z-index:-1;
}
.qcup-btn:hover,
.qcup-auth-btn:hover{
  transform:translateY(-3px) scale(1.012);
  box-shadow:0 18px 36px rgba(23,49,95,.16),0 8px 18px rgba(66,200,144,.10);
}
.qcup-btn:hover::before,
.qcup-auth-btn:hover::before{transform:translateX(-110%)}
.qcup-btn:active,
.qcup-auth-btn:active{transform:translateY(0) scale(.985)}
.qcup-btn:focus-visible,
.qcup-auth-btn:focus-visible,
.qcup-auth-tab:focus-visible{outline:3px solid rgba(255,189,18,.55);outline-offset:3px}
.qcup-btn[disabled],.qcup-auth-btn[disabled]{opacity:.62;cursor:not-allowed;filter:saturate(.8)}
.qcup-orders-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px dashed rgba(23,49,95,.14)}
.qcup-orders-pagination span{font-weight:900;color:#17315F;background:#f6f9fc;border:1px solid rgba(23,49,95,.08);border-radius:999px;padding:8px 14px}
.qcup-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.qcup-attachments a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:12px;background:rgba(66,200,144,.12);color:#17315F;text-decoration:none;font-size:12px;font-weight:800;border:1px solid rgba(66,200,144,.25)}
.qcup-attachments a:hover{background:rgba(66,200,144,.20);transform:translateY(-1px)}
.qcup-form input[type="file"]{padding:11px;background:#f8fbfd;border-style:dashed}.qcup-form small{color:#667085;line-height:1.7;font-weight:600}

/* premium login/register without white text */
.qcup-auth-shell{background:radial-gradient(circle at 14% 16%,rgba(66,200,144,.18),transparent 30%),radial-gradient(circle at 88% 20%,rgba(255,189,18,.16),transparent 28%),linear-gradient(135deg,#f6f9fc,#eef6f2)!important;padding:22px!important;}
.qcup-auth-card{width:min(100%,560px)!important;border-radius:34px!important;border:1px solid rgba(23,49,95,.12)!important;box-shadow:0 30px 90px rgba(23,49,95,.18),0 10px 35px rgba(66,200,144,.08)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(16px)}
.qcup-auth-hero{position:relative;overflow:hidden;padding:34px 30px 28px!important;text-align:right!important;color:#17315F!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,250,252,.94))!important;border-bottom:1px solid rgba(23,49,95,.08)}
.qcup-auth-hero::before{content:"";position:absolute;inset:auto -18% -55% auto;width:290px;height:290px;background:radial-gradient(circle,rgba(66,200,144,.24),transparent 62%);border-radius:50%}.qcup-auth-hero::after{content:"";position:absolute;inset:-42% auto auto -18%;width:240px;height:240px;background:radial-gradient(circle,rgba(255,189,18,.24),transparent 62%);border-radius:50%}
.qcup-auth-logo,.qcup-auth-logo-fallback{position:relative;z-index:1;margin:0 0 16px auto!important;background:#fff!important;border:1px solid rgba(23,49,95,.08)!important;color:#17315F!important;box-shadow:0 16px 35px rgba(23,49,95,.12)!important}.qcup-auth-hero h2{position:relative;z-index:1;color:#17315F!important;text-shadow:none!important}.qcup-auth-hero p{position:relative;z-index:1;color:#526179!important;margin-right:0!important;margin-left:auto!important}
.qcup-auth-tabs{background:rgba(246,249,252,.86)!important;padding:16px 18px!important}.qcup-auth-tab{border:1px solid rgba(23,49,95,.08)!important;color:#17315F!important;background:#fff!important}.qcup-auth-tab.is-active{background:linear-gradient(135deg,#17315F,#234a86)!important;color:#fff!important;box-shadow:0 14px 30px rgba(23,49,95,.22)!important}.qcup-auth-panel{background:#fff!important}.qcup-auth-btn--primary{background:linear-gradient(135deg,#17315F,#24518f)!important;color:#fff!important;box-shadow:0 14px 32px rgba(23,49,95,.24)!important}.qcup-auth-btn--primary:hover{box-shadow:0 20px 44px rgba(23,49,95,.28)!important}.qcup-auth-form input{background:#fbfdff!important}.qcup-auth-google:hover{border-color:rgba(66,200,144,.45)!important}.qcup-auth-message{border:1px solid rgba(23,49,95,.08)}
@media(max-width:640px){.qcup-auth-shell{padding:0!important}.qcup-auth-card{border-radius:0!important;min-height:100dvh}.qcup-auth-hero{text-align:center!important}.qcup-auth-logo,.qcup-auth-logo-fallback{margin-inline:auto!important}.qcup-auth-hero p{margin-inline:auto!important}.qcup-orders-pagination{gap:8px}.qcup-orders-pagination .qcup-btn{flex:1 1 110px}}

/* v1.9.0 email settings, mobile banner removal, improved auth and button micro-interactions */
@media(max-width:760px){
  .qcup-panel__header{display:none!important;}
  .qcup-panel{padding-top:8px!important;}
  .qcup-panel__layout{margin-top:0!important;padding-bottom:86px!important;}
}

.qcup-btn,
.qcup-auth-btn,
.qcup-auth-tab,
.qcup-auth-google,
.qcup-spotplayer-apps__link{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .24s cubic-bezier(.2,.9,.2,1), box-shadow .24s cubic-bezier(.2,.9,.2,1), border-color .24s ease, background .24s ease, color .24s ease!important;
}
.qcup-btn::before,
.qcup-auth-btn::before,
.qcup-auth-tab::before,
.qcup-auth-google::before,
.qcup-spotplayer-apps__link::before{
  content:"";
  position:absolute;
  inset:-60% auto -60% -35%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transform:translateX(-140%) rotate(18deg);
  transition:transform .55s cubic-bezier(.2,.9,.2,1);
  z-index:-1;
}
.qcup-btn:hover,
.qcup-auth-btn:hover,
.qcup-auth-tab:hover,
.qcup-auth-google:hover,
.qcup-spotplayer-apps__link:hover{
  transform:translateY(-3px) scale(1.012)!important;
  box-shadow:0 18px 38px rgba(23,49,95,.16)!important;
}
.qcup-btn:hover::before,
.qcup-auth-btn:hover::before,
.qcup-auth-tab:hover::before,
.qcup-auth-google:hover::before,
.qcup-spotplayer-apps__link:hover::before{
  transform:translateX(440%) rotate(18deg);
}
.qcup-btn:active,
.qcup-auth-btn:active,
.qcup-auth-tab:active,
.qcup-auth-google:active,
.qcup-spotplayer-apps__link:active{
  transform:translateY(0) scale(.985)!important;
  box-shadow:0 8px 20px rgba(23,49,95,.10)!important;
}
.qcup-btn--primary,
.qcup-auth-btn--primary{
  background:linear-gradient(135deg,var(--qcup-secondary),var(--qcup-accent))!important;
  border-color:rgba(66,200,144,.45)!important;
  color:#102A4C!important;
  box-shadow:0 14px 30px rgba(66,200,144,.26), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.qcup-btn--primary:hover,
.qcup-auth-btn--primary:hover{
  color:#071d38!important;
  box-shadow:0 20px 42px rgba(66,200,144,.30), 0 8px 18px rgba(255,189,18,.18)!important;
}
.qcup-auth-tab.is-active{
  background:linear-gradient(135deg,var(--qcup-secondary),var(--qcup-accent))!important;
  color:#102A4C!important;
  box-shadow:0 14px 30px rgba(66,200,144,.22)!important;
}
.qcup-auth-card{
  border-radius:34px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 28px 80px rgba(23,49,95,.18), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.qcup-auth-shell{
  background:
    radial-gradient(circle at 18% 10%, rgba(66,200,144,.18), transparent 32%),
    radial-gradient(circle at 82% 88%, rgba(255,189,18,.17), transparent 34%),
    linear-gradient(135deg,#f8fbfd,#edf5f8)!important;
}
.qcup-auth-hero{
  color:#17315F!important;
}
.qcup-auth-hero h2,
.qcup-auth-hero p,
.qcup-auth-form label,
.qcup-auth-help,
.qcup-auth-links button{
  color:#17315F!important;
}
.qcup-auth-hero p,
.qcup-auth-help{color:#526179!important;}
.qcup-auth-tabs{
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;
}
.qcup-auth-form[hidden]{display:none!important;}
@media(max-width:640px){
  .qcup-auth-card{border-radius:0!important;}
  .qcup-auth-btn:hover,.qcup-auth-tab:hover,.qcup-auth-google:hover{transform:translateY(-1px) scale(1.004)!important;}
}


/* v2.0.0 notices tab and exact mobile profile menu */
.qcup-notices-list{display:grid;gap:12px}.qcup-notice-card{position:relative;overflow:hidden;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(23,49,95,.10);box-shadow:0 10px 28px rgba(23,49,95,.06)}.qcup-notice-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:linear-gradient(180deg,var(--qcup-secondary),var(--qcup-accent))}.qcup-notice-card--warning::before{background:linear-gradient(180deg,#ffbd12,#ff8a00)}.qcup-notice-card--important::before{background:linear-gradient(180deg,#17315F,#42C890)}.qcup-notice-card--success::before{background:linear-gradient(180deg,#42C890,#20a56c)}.qcup-notice-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.qcup-notice-card__head time{color:#667085;font-size:12px;font-weight:800}.qcup-notice-card__type{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(66,200,144,.12);color:var(--qcup-primary);font-size:12px;font-weight:950}.qcup-notice-card h4{margin:0 0 10px;color:var(--qcup-primary);font-size:17px;font-weight:950}.qcup-notice-card__content{color:#344054;line-height:1.95;font-weight:600}.qcup-notice-card__content p{margin:0 0 8px}.qcup-empty--notices{padding:18px;border-radius:18px;background:#f7fafc;border:1px dashed rgba(23,49,95,.16);color:#667085;font-weight:850;text-align:center}
@media(max-width:760px){.qcup-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:initial;grid-auto-columns:initial}.qcup-mobile-more__menu{left:8px;right:auto}.qcup-notice-card{padding:14px}.qcup-notice-card__head{align-items:flex-start;flex-direction:column}.qcup-notice-card h4{font-size:16px}}

/* v2.0.1 unified buttons and logo-only login/register */
.qcup-panel,
.qcup-auth-shell{
  --qcup-action:#42C890!important;
  --qcup-action-text:#0b2545!important;
}

/* All action buttons: green background + circular corners */
.qcup-panel .qcup-btn,
.qcup-panel button.qcup-btn,
.qcup-panel a.qcup-btn,
.qcup-auth-shell .qcup-auth-btn,
.qcup-auth-shell button.qcup-auth-btn,
.qcup-auth-shell a.qcup-auth-btn,
.qcup-panel .qcup-orders-clear,
.qcup-panel .qcup-btn--danger,
.qcup-panel .qcup-btn--copy,
.qcup-panel .qcup-mobile-more__toggle,
.qcup-panel .qcup-mobile-more__menu button,
.qcup-panel .qcup-mobile-more__menu a,
.qcup-panel .qcup-spotplayer-apps__link,
.qcup-auth-shell .qcup-auth-google{
  border-radius:999px!important;
  background:#42C890!important;
  background-image:linear-gradient(135deg,#42C890,#42C890)!important;
  border-color:#42C890!important;
  color:#0b2545!important;
  box-shadow:0 12px 26px rgba(66,200,144,.24), inset 0 1px 0 rgba(255,255,255,.36)!important;
}

.qcup-panel .qcup-btn:hover,
.qcup-panel button.qcup-btn:hover,
.qcup-panel a.qcup-btn:hover,
.qcup-auth-shell .qcup-auth-btn:hover,
.qcup-panel .qcup-orders-clear:hover,
.qcup-panel .qcup-btn--danger:hover,
.qcup-panel .qcup-btn--copy:hover,
.qcup-panel .qcup-mobile-more__toggle:hover,
.qcup-panel .qcup-mobile-more__menu button:hover,
.qcup-panel .qcup-mobile-more__menu a:hover,
.qcup-panel .qcup-spotplayer-apps__link:hover,
.qcup-auth-shell .qcup-auth-google:hover{
  background:#42C890!important;
  background-image:linear-gradient(135deg,#42C890,#38b983)!important;
  border-color:#42C890!important;
  color:#0b2545!important;
  transform:translateY(-4px) scale(1.018)!important;
  box-shadow:0 20px 42px rgba(66,200,144,.34),0 8px 18px rgba(23,49,95,.10), inset 0 1px 0 rgba(255,255,255,.42)!important;
}

.qcup-panel .qcup-btn:active,
.qcup-auth-shell .qcup-auth-btn:active,
.qcup-panel .qcup-mobile-more__toggle:active,
.qcup-panel .qcup-spotplayer-apps__link:active,
.qcup-auth-shell .qcup-auth-google:active{
  transform:translateY(0) scale(.982)!important;
  box-shadow:0 8px 18px rgba(66,200,144,.22)!important;
}

/* Login/register: remove hero banner, keep only logo */
.qcup-auth-hero,
.qcup-auth-hero.qcup-auth-hero--logo-only{
  padding:24px 24px 10px!important;
  background:transparent!important;
  border:0!important;
  text-align:center!important;
  overflow:visible!important;
}
.qcup-auth-hero::before,
.qcup-auth-hero::after{
  display:none!important;
  content:none!important;
}
.qcup-auth-hero h2,
.qcup-auth-hero p{
  display:none!important;
}
.qcup-auth-logo,
.qcup-auth-logo-fallback{
  margin:0 auto!important;
  width:88px!important;
  height:88px!important;
  border-radius:28px!important;
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid rgba(23,49,95,.10)!important;
  box-shadow:0 18px 42px rgba(23,49,95,.13)!important;
}
.qcup-auth-logo-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:30px!important;
  font-weight:950!important;
  color:#17315F!important;
}

/* Login/register main choices as tabs, not ordinary buttons */
.qcup-auth-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:8px 18px 0!important;
  padding:7px!important;
  border-radius:999px!important;
  background:#f2f7f5!important;
  border:1px solid rgba(66,200,144,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.qcup-auth-tab{
  flex:1 1 0!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#17315F!important;
  font-weight:950!important;
  cursor:pointer!important;
}
.qcup-auth-tab:hover{
  background:rgba(66,200,144,.14)!important;
  background-image:none!important;
  color:#17315F!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}
.qcup-auth-tab.is-active{
  background:#42C890!important;
  background-image:linear-gradient(135deg,#42C890,#42C890)!important;
  color:#0b2545!important;
  box-shadow:0 12px 26px rgba(66,200,144,.24), inset 0 1px 0 rgba(255,255,255,.4)!important;
}

/* Forgot-password remains a small text action, not a primary button */
.qcup-auth-links{
  justify-content:center!important;
}
.qcup-auth-links .qcup-auth-text-link{
  background:transparent!important;
  background-image:none!important;
  color:#17315F!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  padding:8px 12px!important;
}
.qcup-auth-links .qcup-auth-text-link:hover{
  background:rgba(66,200,144,.12)!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
}

@media(max-width:640px){
  .qcup-auth-hero,
  .qcup-auth-hero.qcup-auth-hero--logo-only{padding:22px 16px 8px!important;}
  .qcup-auth-logo,
  .qcup-auth-logo-fallback{width:76px!important;height:76px!important;border-radius:24px!important;}
  .qcup-auth-tabs{margin:8px 12px 0!important;gap:5px!important;padding:6px!important;}
  .qcup-auth-tab{min-height:40px!important;padding:8px 6px!important;font-size:12.5px!important;}
  .qcup-panel .qcup-btn:hover,
  .qcup-auth-shell .qcup-auth-btn:hover,
  .qcup-auth-shell .qcup-auth-google:hover,
  .qcup-panel .qcup-spotplayer-apps__link:hover{transform:translateY(-1px) scale(1.004)!important;}
}
