.account-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1140px)/2));background:rgba(4,10,18,.88);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.account-top img{width:170px;height:48px;object-fit:contain}.account-top-actions{display:flex;gap:10px}.account-wrap{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:54px 0 80px}.account-heading h1{font:800 clamp(38px,6vw,58px)/1.05 Oxanium,sans-serif;margin:12px 0}.account-heading p{color:var(--muted)}.account-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:22px;margin-top:30px}.account-panel{padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(13,29,48,.82);box-shadow:0 18px 55px rgba(0,0,0,.22)}.account-panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.account-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(20,141,224,.16);color:#80dcff}.account-panel-heading h2{font:700 20px Oxanium,sans-serif;margin:0}.account-panel-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.account-identity{display:flex;align-items:center;gap:12px;padding:14px;background:rgba(4,10,18,.48);border-radius:13px;margin-bottom:23px}.account-identity .nav-user-avatar{width:42px;height:42px;font-size:16px}.account-identity strong,.account-identity span{display:block}.account-identity span{font-size:12px;color:var(--muted)}#profileForm label{display:block;margin:15px 0 6px;font-size:12px;font-weight:700;color:#b7c9d8}#profileForm input{width:100%;padding:12px 13px;border:1px solid rgba(126,194,255,.2);border-radius:10px;background:rgba(4,10,18,.68);color:var(--text);font:inherit;outline:none}#profileForm input:focus{border-color:#4bb7ff;box-shadow:0 0 0 3px rgba(75,183,255,.12)}#profileForm small{display:block;color:var(--muted);font-size:11px;margin:7px 0 18px}#saveProfile{width:100%}.demo-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,193,7,.2);border-radius:12px;background:rgba(255,193,7,.06);font-size:12px;line-height:1.6;color:#e4d7ad;margin-bottom:16px}.demo-note i{color:#ffd166;margin-top:2px}.orders-list{display:grid;gap:12px}.order-card{padding:16px;border:1px solid rgba(126,194,255,.14);border-radius:14px;background:rgba(4,10,18,.4)}.order-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-number{font:700 13px Oxanium,sans-serif;color:#80dcff}.order-date{font-size:11px;color:var(--muted);text-align:right}.order-product{font-weight:700;margin:11px 0 3px}.order-meta{display:flex;gap:12px;flex-wrap:wrap;color:#a9bfd2;font-size:12px}.order-status{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.order-status.status-pending{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);color:#fbbf24}.order-status.status-processing{background:rgba(14,165,233,.15);border:1px solid rgba(14,165,233,.35);color:#38bdf8;animation:pulseGlow 1.8s infinite}.order-status.status-completed{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);color:#34d399}.order-status.status-failed{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#f87171}.order-status.status-cancelled,.order-status.status-expired{background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.25);color:#94a3b8}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(14,165,233,.2)}50%{box-shadow:0 0 12px 2px rgba(14,165,233,.4)}}.order-actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed rgba(126,194,255,.15);flex-wrap:wrap}.order-btn-cancel{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:5px 11px;font-size:11px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.order-btn-cancel:hover{background:rgba(239,68,68,.22);border-color:#ef4444;color:#fff}.order-btn-pay{background:#635bff;border:1px solid #7a73ff;color:#fff;padding:5px 12px;font-size:11px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:5px;box-shadow:0 0 10px rgba(99,91,255,.3)}.order-btn-pay:hover{background:#7a73ff;box-shadow:0 0 16px rgba(99,91,255,.6);transform:translateY(-1px)}.order-btn-simulate{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;padding:5px 11px;font-size:11px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.order-btn-simulate:hover{background:rgba(16,185,129,.22);border-color:#10b981;color:#fff}.orders-live-notice{padding:10px 14px;background:rgba(20,141,224,.12);border:1px solid rgba(126,194,255,.3);border-radius:10px;font-size:12px;color:#7ec2ff;margin-bottom:12px}.orders-empty,.orders-loading{padding:30px 15px;text-align:center;color:var(--muted);border:1px dashed rgba(126,194,255,.2);border-radius:13px}.account-notice{padding:20px;border-radius:16px;border:1px solid var(--line);background:rgba(13,29,48,.82);color:#cfdeea;line-height:1.7}.account-notice a{color:#80dcff;text-decoration:underline}.account-error{color:#ffb4b4}.account-success{color:#a5f3c5}@media(max-width:800px){.account-grid{grid-template-columns:1fr}.account-wrap{padding-top:35px}}@media(max-width:600px){.account-top{padding:0 14px}.account-top img{width:135px}.account-top-actions .btn{padding:0 10px;font-size:12px}.account-wrap{width:calc(100% - 28px);padding-top:25px}.account-panel{padding:20px}.order-card-head{flex-direction:column}.order-date{text-align:left}}
