@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f6f7fb;--panel:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--accent:#4f46e5;--accent2:#7c3aed;--radius:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.layout-container{display:flex;min-height:100vh}.main-content{flex:1;overflow-y:auto;width:100%}:root{--bg-color: #f8f9fc;--primary-color: #4f46e5;--text-dark: #1f2937;--text-gray: #6b7280;--border-color: #e5e7eb}.orders-page{padding:32px;background-color:var(--bg-color);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title{font-size:24px;margin:0 0 4px;color:var(--text-dark)}.breadcrumbs{font-size:14px;color:var(--text-gray)}.header-actions{display:flex;gap:12px}.btn{padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-outline{background-color:#fff;border:1px solid var(--border-color);color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}@media(max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.stat-card{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:16px;box-shadow:0 1px 2px #0000000d}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.blue{background:#eef2ff;color:#4f46e5}.stat-icon-wrapper.amber{background:#fffbeb;color:#d97706}.stat-card h3{margin:0;font-size:13px;color:var(--text-gray);font-weight:500}.stat-value{font-size:24px;font-weight:700;margin:4px 0 0;color:var(--text-dark)}.table-container{background:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;overflow:hidden}@media(max-width:480px){.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px}}.table-toolbar{display:flex;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px}.table-tabs{display:flex;gap:24px}.tab-btn{background:none;border:none;font-size:14px;font-weight:500;color:var(--text-gray);cursor:pointer;padding-bottom:8px;border-bottom:2px solid transparent}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.search-filter-area{display:flex;gap:12px}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper svg{position:absolute;left:10px;color:var(--text-gray)}.search-wrapper input{padding:8px 8px 8px 36px;border:1px solid var(--border-color);border-radius:6px;outline:none;font-size:14px;width:220px}.filter-btn{background:#fff;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text-gray)}@media(max-width:768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-table{font-size:12px;min-width:600px}.order-table th,.order-table td{padding:8px 12px}}@media(max-width:480px){.orders-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;flex-direction:column}.btn{width:100%}.table-toolbar{flex-direction:column;padding:12px}.table-tabs{flex-direction:column;gap:8px}.search-filter-area{flex-direction:column}.search-wrapper input{width:100%}.order-table th{padding:8px 10px;font-size:11px}.order-table td{padding:8px 10px;white-space:nowrap}}.loading-state,.empty-state{padding:40px;text-align:center;color:var(--text-gray)}.order-table{width:100%;border-collapse:collapse}@media(max-width:480px){.order-table{width:100%;min-width:800px;display:table}}.order-table th{text-align:left;padding:12px 24px;font-size:12px;text-transform:uppercase;color:var(--text-gray);background:#f9fafb;border-bottom:1px solid var(--border-color);font-weight:600}.order-table td{padding:16px 24px;border-bottom:1px solid var(--border-color);font-size:14px;vertical-align:middle}.cell-id{font-family:monospace;font-weight:600;color:var(--primary-color)}.cell-date{color:var(--text-gray);font-size:13px}.cell-qty{font-weight:600}.book-cell{display:flex;align-items:center;gap:12px}.book-cover-mini{width:32px;height:48px;object-fit:cover;border-radius:4px;background:#eee}.book-info{display:flex;flex-direction:column}.book-title{font-weight:500;color:var(--text-dark);font-size:13px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-isbn{font-size:11px;color:var(--text-gray);font-family:monospace}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.btn-confirm{background-color:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:background .2s}.btn-confirm:hover{background-color:#059669}.pagination{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-gray)}.page-numbers button{background:#fff;border:1px solid var(--border-color);padding:6px 12px;margin-left:6px;border-radius:6px;cursor:pointer}.page-numbers button.active{background:var(--bg-color);color:var(--text-dark);border-color:var(--text-gray);cursor:default}.page-numbers button:disabled{opacity:.5;cursor:not-allowed}:root{--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 6px 24px rgba(15, 23, 42, .04);--shadow-hover: 0 10px 32px rgba(15, 23, 42, .08)}.orders-page{padding:40px;background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.stat-card{background:#fff;padding:24px;border-radius:var(--radius-lg);border:none;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-soft)}.stat-icon-wrapper{width:52px;height:52px;border-radius:14px}.table-container{background:#fff;border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-soft);overflow:hidden}.tab-btn{background:#f3f4f6;border:none;font-size:14px;font-weight:500;color:var(--text-gray);padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--primary-color);color:#fff}.search-wrapper input{width:260px;padding:10px 12px 10px 38px;border-radius:999px;border:1px solid var(--border-color);background:#f9fafb}.order-table{border-collapse:separate;border-spacing:0 8px}.order-table thead tr th{background:transparent;border-bottom:none}.order-table tbody tr{background:#fff;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease}.order-table tbody tr:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.order-table tbody tr td:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.order-table tbody tr td:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.book-cover-mini{width:36px;height:52px;border-radius:6px;box-shadow:0 4px 10px #00000026}.book-title{font-weight:600;font-size:14px}.book-isbn{font-size:11px;opacity:.7}.status-badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600}.status-badge.confirmed{background:#ecfdf5;color:#047857}.status-badge.pending{background:#fff7ed;color:#9a3412}.btn-confirm{padding:8px 14px;border-radius:999px;font-size:13px;box-shadow:0 4px 12px #10b98159}.filter-btn{background-color:#eef2ff;color:var(--primary-color);border:1px solid transparent;padding:8px 16px;border-radius:999px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.filter-btn:hover{background-color:#e0e7ff;transform:translateY(-1px)}.filter-btn svg{color:var(--primary-color)}.btn-soft{background-color:#eef2ff;color:var(--primary-color);border:1px solid transparent;font-weight:600}.btn-soft:hover{background-color:#e0e7ff;color:#4338ca}.btn-soft svg{stroke-width:2.5px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;width:100%;max-width:420px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:0;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fdfdfd}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-dark)}.close-btn{background:transparent;border:none;color:var(--text-gray);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background-color:#f1f5f9;color:var(--text-dark)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-dark);margin-bottom:8px}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;color:var(--text-dark);background-color:#fff;transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.modal-footer{padding:16px 24px;background-color:#f8fafc;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.sidebar{width:280px;min-height:100vh;height:100vh;position:sticky;top:0;flex-shrink:0;padding:18px;background:linear-gradient(180deg,#fffffff2,#ffffffbf);border-right:1px solid var(--line);display:flex;flex-direction:column}.sbBrand{display:flex;gap:12px;align-items:center;padding:10px 10px 16px}.sbMark{width:38px;height:38px;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.75),transparent 60%),linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 30px #4f46e52e}.sbName{font-weight:700;letter-spacing:.2px}.sbSub{margin-top:2px;font-size:12px;color:var(--muted)}.sbNav{display:flex;flex-direction:column;gap:6px;padding:10px}.sidebar .sbNav a.sbItem{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:600;transition:background .18s ease,border-color .18s ease}.sidebar .sbNav a.sbItem svg{color:var(--muted);transition:color .18s ease}.sidebar .sbNav a.sbItem:hover{background:#0f172a0a;border-color:#0f172a0f}.sidebar .sbNav a.sbItem.active{background:#4f46e51a;border-color:#4f46e538}.sidebar .sbNav a.sbItem.active svg{color:var(--accent)}.sbBottom{margin-top:auto;padding:10px;display:flex;flex-direction:column;gap:12px}.sbGhost{width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#ffffffd9;color:var(--text);font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .08s ease}.sbGhost svg{color:var(--muted);transition:color .18s ease}.sbGhost:hover{background:#fff;border-color:#4f46e538}.sbGhost:hover svg{color:var(--accent)}.sbGhost:active{transform:translateY(1px)}.sbMe{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line);background:#ffffffd9}.sbAvatar{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0f172a0f;border:1px solid rgba(15,23,42,.08);font-weight:800;color:var(--text)}.sbMeName{font-weight:700}.sbMeRole{margin-top:2px;font-size:12px;color:var(--muted)}.mobile-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1000;background:#fff;border:1px solid #ddd;padding:8px;border-radius:8px;cursor:pointer}@media(max-width:768px){.mobile-toggle{display:flex}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:260px;z-index:999;transition:left .3s ease;background:#fff;box-shadow:2px 0 10px #0000001a}.sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:998}main{padding-top:60px}}.authPage{min-height:100vh;background-size:cover;background-position:center;display:grid;place-items:center;padding:28px 16px;position:relative;overflow:hidden}.authOverlay{position:absolute;inset:0;background:radial-gradient(1200px 600px at 20% 20%,rgba(255,255,255,.08),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(255,255,255,.06),transparent 55%),linear-gradient(135deg,#000000a6,#00000059)}.authCard{width:min(1020px,100%);border-radius:26px;position:relative;z-index:2;overflow:hidden;background:#0e0e1073;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 70px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.authTop{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px;gap:12px}.authBrand{display:flex;align-items:center;gap:10px}.authDot{width:12px;height:12px;border-radius:999px;background:#ffffffe6;box-shadow:0 0 18px #ffffff40}.authBrandText{font-weight:700;letter-spacing:.6px;color:#ffffffeb}.authQuickActions{display:flex;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:6px;border-radius:999px}.authPill{border:none;cursor:pointer;padding:10px 14px;border-radius:999px;background:transparent;color:#ffffffc7;font-weight:600;transition:.22s ease}.authPill.active{background:#ffffff2e;color:#fffffff2}.authBody{display:flex;width:100%;min-height:560px}.authPanel{transition:.42s cubic-bezier(.2,.9,.2,1)}.authPanelLeft{width:66.666%;padding:22px 22px 26px;position:relative}.authPanelRight{width:33.333%;padding:22px;border-left:1px solid rgba(255,255,255,.1);background:#ffffff08}.authCard.isSignup .authPanelLeft{width:66.666%}.authCard.isSignup .authPanelRight{width:33.333%}.authFormWrap{position:absolute;inset:22px 22px 26px;opacity:0;transform:translate(18px) scale(.985);pointer-events:none;transition:.36s cubic-bezier(.2,.9,.2,1)}.authFormWrap.show{opacity:1;transform:translate(0) scale(1);pointer-events:auto;position:relative;inset:auto}.authTitle{margin:0 0 8px;font-size:36px;line-height:1.15;color:#fffffff2}.authSub{margin:0 0 18px;color:#ffffffb8;max-width:520px}.authForm{display:flex;flex-direction:column;gap:12px;margin-top:10px}.authLabel{display:flex;flex-direction:column;gap:8px;color:#ffffffc7;font-size:14px}.authInput{height:44px;border-radius:12px;padding:0 12px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:#ffffffeb;outline:none;transition:.2s ease}.authInput:focus{border-color:#ffffff47;background:#00000047}.authRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.authCheck{display:flex;align-items:center;gap:8px;color:#ffffffb8;font-size:13px}.authLinkBtn{border:none;background:transparent;color:#fffc;cursor:pointer;font-weight:600}.authBtnPrimary{height:46px;border:none;border-radius:14px;cursor:pointer;font-weight:700;letter-spacing:.3px;background:#ffffffeb;color:#000000e6;transition:.22s ease;margin-top:6px}.authBtnPrimary:hover{transform:translateY(-1px);background:#fffffffa}.authHint{margin:10px 0 0;color:#ffffffb3;font-size:13px}.authInlineBtn{border:none;background:transparent;cursor:pointer;padding:0;color:#ffffffeb;font-weight:700}.authGrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.authRightInner{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.authRightBadge{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.4px;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px}.authRightTitle{margin:0;font-size:22px;color:#fffffff2}.authRightSub{margin:6px 0 0;color:#ffffffb8;line-height:1.55}.authError{margin:6px 0 0;color:#ff6b6b;font-size:13px}.authBtnGhost{height:44px;border-radius:14px;cursor:pointer;font-weight:800;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;transition:.22s ease}.authBtnGhost:hover{transform:translateY(-1px);background:#ffffff1a}.authRightFooter{display:flex;justify-content:space-between;opacity:.9}.authTiny{font-size:12px;color:#fff9}@media(max-width:900px){.authBody{flex-direction:column}.authPanelLeft,.authPanelRight{width:100%!important}.authPanelRight{border-left:none;border-top:1px solid rgba(255,255,255,.1)}.authTitle{font-size:30px}}.authSection{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px}.authSectionTitle{font-weight:900;font-size:12px;letter-spacing:.4px;color:#ffffffe0;margin-bottom:10px;text-transform:uppercase}.authTextarea{border-radius:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:#ffffffeb;outline:none;resize:vertical;transition:.2s ease}.authTextarea:focus{border-color:#ffffff47;background:#00000047}.toggleBarPinned{position:fixed;top:24px;right:24px;z-index:100;background:transparent}.bkPage{padding:20px;width:100%;max-width:100%}.bkTopRow{display:flex;align-items:center;gap:12px;margin-bottom:14px;width:100%}.bkCatsRow{width:100%;margin-bottom:14px}@media(max-width:820px){.bkTopRow{flex-direction:column;align-items:stretch}}.bkGridHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 0 12px}.bkQuickCats{display:flex;gap:8px;flex-wrap:wrap}.bkQuickCatBtn{border:1px solid rgba(15,23,42,.08);background:#ffffffe6;color:#0f172a;padding:10px 14px;border-radius:14px;font-weight:700;font-size:13px;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.bkQuickCatBtn:hover{background:#fffffff2;border-color:#4f46e52e}.bkQuickCatBtn.active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.bkFiltersBar{display:flex;gap:10px;align-items:center;margin-bottom:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 4px 12px #00000005}.bkFilterInput{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;transition:border-color .15s,box-shadow .15s}.bkFilterInput:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.bkFilterSelect{position:relative;min-width:200px}.bkFilterSelectBtn{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.bkFilterSelectBtn:hover{border-color:#d1d5db}.bkFilterSelectBtn:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.bkFilterSelect .caret{font-size:12px;color:#6b7280;transition:transform .15s}.bkFilterSelect .caret.open{transform:rotate(180deg)}.bkFilterSelectList{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #00000014;padding:6px;z-index:20}.bkFilterSelectItem{width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:#374151;transition:background .12s,color .12s}.bkFilterSelectItem:hover{background:#f3f4f6}.bkFilterSelectItem.active{background:#eef2ff;color:#4f46e5;font-weight:600}.bkGridTitle{font-weight:900;font-size:16px}.bkGridHint{color:var(--muted);font-weight:600;font-size:12px}.bkGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}@media(max-width:480px){.bkGrid{grid-template-columns:repeat(2,1fr);gap:12px}}.bkGrid.bkList{grid-template-columns:1fr;gap:6px}.bkGrid.bkList .bkCard{display:flex!important;flex-direction:row!important;align-items:center!important;padding:8px 12px!important;gap:12px!important;border-radius:10px!important}.bkGrid.bkList .bkCard:hover{transform:translateY(0)!important;box-shadow:0 2px 8px #0f172a0f!important}.bkGrid.bkList .bkCoverWrap{width:50px!important;height:70px!important;padding:0!important;background:transparent!important;margin:0!important;flex-shrink:0!important}.bkGrid.bkList .bkInlineActs{display:none;align-items:center;gap:8px}.bkCard:hover .bkInlineActs{display:flex}.bkGrid.bkList .bkCover{width:50px!important;height:70px!important;border-radius:5px!important;object-fit:cover!important}.bkGrid.bkList .bkMeta{flex:1!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important}.bkGrid.bkList .bkTitle{font-size:14px!important;font-weight:700!important;margin:0 0 2px!important;min-height:auto!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;-webkit-line-clamp:1!important;line-clamp:1!important;line-height:1.2!important}.bkGrid.bkList .bkAuthor{font-size:11px!important;margin:0 0 3px!important;opacity:.65!important}.bkGrid.bkList .bkBottom{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}.bkGrid.bkList .bkPrice{font-size:14px!important;font-weight:800!important;margin:0!important}.bkGrid.bkList .bkStock,.bkGrid.bkList .bkRating{display:none!important}.bkGrid.bkList .bkActions{margin:0 0 0 auto!important;flex-shrink:0!important;height:auto!important}.bkGrid.bkList .bkBtnAdd{height:34px!important;font-size:.8rem!important;padding:0 14px!important}.bkGrid.bkList .bkWishBtn{display:none!important;flex-shrink:0!important;height:auto!important}.bkGrid.bkList .bkWishBtn{display:none!important}@media(max-width:600px){.bkGrid.bkList .bookCard{flex-wrap:wrap}.bkGrid.bkList .bkActions{width:100%;margin-left:0!important;margin-top:8px!important}}.bkCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.bkCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.bkCoverWrap{background:#f3f4f6;padding:12px;display:grid;place-items:center;position:relative}.bkWishlistBtn,.bkReviewBtn{opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transform:translateY(-2px)}.bkCard:hover .bkWishlistBtn,.bkCard:hover .bkReviewBtn{opacity:1;pointer-events:auto;transform:translateY(0)}.bkCover{width:100%;height:170px;object-fit:cover;border-radius:12px;border:1px solid rgba(15,23,42,.08)}.bkMeta{padding:12px 12px 14px}.bkTitle{font-weight:900;font-size:13px;line-height:1.25;margin-bottom:4px;color:var(--text);display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.bkAuthor{color:var(--muted);font-weight:600;font-size:12px;margin-bottom:10px}.bkBottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.bkRating{display:flex;align-items:center;gap:8px}.bkStars{font-size:12px;letter-spacing:1px;color:#f59e0bf2}.bkRatingNum{color:var(--muted);font-weight:700;font-size:12px}.bkPrice{font-weight:900;font-size:13px;color:#ef4444f2}.bkStock{margin-top:4px;font-size:12px;color:#666}.bkLowStock{margin-left:6px;color:#c0392b;font-weight:600}.bkActions{margin-top:14px;height:40px}.bkBtnAdd{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #4f46e533}.bkBtnAdd:hover:not(:disabled){background-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.bkBtnAdd:active:not(:disabled){transform:translateY(0)}.bkBtnAdd:disabled{background-color:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.bkQtyPill{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;background-color:#f3f4f6;border-radius:8px;padding:0 4px;overflow:hidden;border:1px solid #e5e7eb}.bkQtyBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;transition:all .1s ease}.bkQtyBtn:hover:not(:disabled){background-color:#fff;border-color:#d1d5db;color:#4f46e5;box-shadow:0 1px 2px #0000000d}.bkQtyBtn:active:not(:disabled){transform:scale(.95)}.bkQtyBtn:disabled{color:#d1d5db;cursor:not-allowed;background:transparent;border-color:transparent}.bkQtyNum{font-size:.95rem;font-weight:600;color:#111827;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.bkBtnEdit{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bkBtnEdit:hover{background-color:#f9fafb;border-color:#d1d5db;color:#4f46e5}.bkBadge{position:absolute;top:10px;right:10px;background:#ef4444e6;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:99px;text-transform:uppercase;box-shadow:0 2px 4px #0003}.bkBadge.error{background:linear-gradient(90deg,#f59e42 60%,#fbbf24);color:#fffbe6}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;width:100%;max-width:440px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fdfdfd}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827}.close-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;color:#6b7280}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px;text-transform:uppercase}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input-disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.modal-footer{padding:16px 24px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500}.btn-primary{background:#4f46e5;border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.bkBtnEdit{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.1);border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.bkBtnEdit:hover{background-color:#4f46e5;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540;border-color:transparent}.bkBtnEdit:active{transform:scale(.97);box-shadow:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bnCats{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 16px;overflow:visible}.bnCatsTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;position:relative}.bnCatsRightBelow{position:absolute;right:0;top:calc(100% + 4px);display:flex;gap:8px;z-index:10}.bnCatsRight{display:flex;align-items:center;gap:10px}.bnCatsRightStack{display:flex;flex-direction:row;align-items:center;gap:10px}.bnCatsTitle{font-weight:800;color:var(--text);font-size:14px}.bnCatsLink{border:none;background:transparent;cursor:pointer;color:var(--muted);font-weight:700;font-size:12px;padding:6px 8px;border-radius:10px;transition:background .16s ease,color .16s ease}.bnCatsLink:hover{background:#0f172a0a;color:var(--text)}.bnCatsTabs{display:flex;align-items:center;gap:18px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.bnCatsTabs::-webkit-scrollbar{display:none}.bnCatTab{border:none;background:transparent;cursor:pointer;padding:10px 2px;font-weight:700;font-size:13px;color:var(--muted);position:relative;white-space:nowrap;transition:color .16s ease}.bnCatTab:hover,.bnCatTab.active{color:var(--text)}.bnCatTab.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:999px;background:#4f46e540}.viewToggle{display:flex;gap:6px;padding:4px;border-radius:14px;border:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewToggle button{width:38px;height:38px;border-radius:12px;border:none;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:background .18s ease,color .18s ease,transform .08s ease}.viewToggle button:hover{background:#0f172a0f;color:var(--text)}.viewToggle button:active{transform:translateY(1px)}.viewToggle button.active{background:#4f46e51f;color:var(--accent)}.star-rating{display:flex;gap:4px;align-items:center}.star-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s;display:flex;align-items:center}.star-btn:not(.readonly):hover{transform:scale(1.1)}.star-btn.readonly{cursor:default}.star-btn:disabled{cursor:default}.review-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;animation:fadeIn .2s}.review-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;z-index:1001;animation:slideUp .3s}.review-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.review-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.review-modal-close{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:color .2s;display:flex;align-items:center}.review-modal-close:hover{color:#111827}.review-modal-book{display:flex;gap:16px;padding:20px 24px;background:#f9fafb}.review-modal-cover{width:60px;height:90px;object-fit:cover;border-radius:6px;box-shadow:0 2px 8px #0000001a}.review-modal-title{font-weight:600;color:#111827;margin-bottom:4px;line-height:1.4}.review-modal-isbn{font-size:13px;color:#6b7280}.review-modal-form{padding:24px}.review-form-group{margin-bottom:24px}.review-form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.review-form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s}.review-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.review-char-count{text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.review-error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;margin-bottom:16px}.review-modal-actions{display:flex;gap:12px;justify-content:flex-end}.review-btn-cancel,.review-btn-submit{padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.review-btn-cancel{background:#f3f4f6;color:#374151}.review-btn-cancel:hover:not(:disabled){background:#e5e7eb}.review-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.review-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.review-btn-submit:disabled,.review-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.booksHeader{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.booksTitle{display:flex;align-items:center;font-size:30px;font-weight:700;color:#111827}.booksSubtitle{font-size:13px;color:#6b7280}.filter-bar{background:#fff;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:14px;margin-bottom:24px;border:1px solid #eef0f4}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-label{font-size:11px;font-weight:600;color:#9ca3af}.filter-input{height:34px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;font-size:13px;color:#111827}.filter-input:focus{outline:none;background:#fff;border-color:#c7d2fe;box-shadow:0 0 0 2px #4f46e526}.filter-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:34px;padding:0 34px 0 12px;border-radius:8px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:13px;font-weight:500;color:#111827;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.filter-select:hover{background-color:#fff;border-color:#d1d5db}.filter-select:focus{outline:none;background-color:#fff;border-color:#c7d2fe;box-shadow:0 0 0 2px #4f46e526}.price-range{display:flex;align-items:flex-end;gap:8px}.price-divider{font-size:14px;color:#9ca3af;padding-bottom:6px}.filter-reset-btn{margin-left:auto;height:34px;padding:0 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#4b5563;cursor:pointer}.filter-reset-btn:hover{background:#f3f4f6}.booksGrid{display:grid;gap:24px}.bookCard{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 20px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.bookCover{height:180px;background:#eef0f6;display:flex;align-items:center;justify-content:center}.bookTitle{font-size:15px;font-weight:600;color:#111827;margin-bottom:6px}.bookMeta{font-size:12.5px;color:#6b7280}.inStock{font-size:12px;color:#16a34a;font-weight:600}.outStock{font-size:12px;color:#dc2626;font-weight:600}.btn{height:40px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.emptyState{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:#6b7280}.loading,.error{margin-top:80px;text-align:center;font-size:15px}@media(max-width:768px){.filter-bar{flex-wrap:wrap;gap:10px}.filter-reset-btn{width:100%;margin-left:0}}:root{--rpBg: #f4f6ff;--rpCard: rgba(255,255,255,.78);--rpStroke: rgba(120,140,255,.18);--rpText: #12162a;--rpMut: rgba(18,22,42,.6);--rpBlue: #3b6bff;--rpIndigo: #5b5bff;--rpViolet: #8a5bff;--rpShadow: 0 22px 50px rgba(21,30,80,.1)}.rpShell{display:flex;min-height:100vh;background:radial-gradient(1200px 700px at 20% 20%,rgba(120,140,255,.2),transparent 60%),radial-gradient(900px 600px at 85% 30%,rgba(138,91,255,.18),transparent 55%),var(--rpBg)}.rpMain{flex:1;padding:26px 26px 40px}.rpHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.rpTitle{font-size:44px;line-height:1.05;font-weight:800;color:var(--rpText)}.rpSubtitle{margin-top:6px;font-size:16px;color:var(--rpMut)}.rpHeaderRight{display:flex;align-items:center;gap:12px}.rpIconGroup{display:flex;gap:10px}.rpIconBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--rpStroke);background:#ffffffb3;box-shadow:0 8px 20px #151e5014;display:flex;align-items:center;justify-content:center;cursor:pointer}.rpBtn{height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--rpStroke);background:#ffffffb3;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:var(--rpText);box-shadow:0 8px 20px #151e5014}.rpBtnPrimary{border:none;color:#fff;background:linear-gradient(135deg,var(--rpBlue),var(--rpViolet))}.rpBtnGhost{background:#ffffff8c}.rpBtnWide{padding:0 16px;white-space:nowrap}.rpProfile{display:flex;align-items:center;gap:10px;padding-left:8px}.rpAvatar{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--rpIndigo),var(--rpViolet));color:#fff;font-weight:800}.rpProfileMeta{line-height:1.2}.rpProfileName{font-weight:700;color:var(--rpText);font-size:14px}.rpProfileRole{font-size:12px;color:var(--rpMut)}.rpGrid{display:grid;grid-template-columns:1.8fr 1fr;gap:18px;align-items:start}.rpKpis{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rpCard{border:1px solid var(--rpStroke);background:var(--rpCard);border-radius:22px;box-shadow:var(--rpShadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rpKpi{padding:18px 18px 16px;min-height:128px}.rpKpi--accent{color:#fff;border:none;background:linear-gradient(135deg,#3b6bff,#8a5bff)}.rpKpiTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.rpKpiTitle{font-weight:700;color:inherit;opacity:.92}.rpKpiBadge{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25)}.rpKpiBadge--good{background:#32dc8c2e;border-color:#32dc8c4d}.rpKpiValue{margin-top:10px;font-size:34px;font-weight:900;letter-spacing:-.4px}.rpKpiSub{margin-top:10px;color:#12162a9e;display:flex;align-items:center;gap:10px;font-weight:600}.rpKpi--accent .rpKpiSub{color:#ffffffd9}.rpDot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35}.rpKpiRow{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rpKpiSubRow{justify-content:space-between;gap:12px}.rpKpiMini{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--rpMut)}.rpInput{height:40px;border-radius:14px;padding:0 12px;border:1px solid var(--rpStroke);background:#ffffffbf;outline:none;font-weight:600;color:var(--rpText)}.rpSelect{height:36px;border-radius:12px;padding:0 10px;border:1px solid var(--rpStroke);background:#ffffffbf;outline:none;font-weight:700;color:var(--rpText)}.rpSide{padding:16px}.rpCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 4px 10px}.rpCardTitle{font-size:16px;font-weight:800;color:var(--rpText)}.rpHint{margin-top:3px;font-size:12px;color:var(--rpMut);font-weight:600}.rpDonutWrap{display:flex;align-items:center;gap:16px;padding:10px 4px 4px}.rpDonut{width:164px;height:164px;border-radius:999px;position:relative;box-shadow:0 18px 40px #151e501f}.rpDonutCenter{position:absolute;inset:18px;border-radius:999px;background:#ffffffd9;border:1px solid var(--rpStroke);display:flex;align-items:center;justify-content:center;flex-direction:column}.rpDonutNum{font-size:28px;font-weight:900;color:var(--rpText)}.rpDonutLabel{font-size:12px;font-weight:700;color:var(--rpMut)}.rpLegend{flex:1;display:flex;flex-direction:column;gap:10px}.rpLegendRow{display:flex;justify-content:space-between;font-weight:800;color:var(--rpText)}.rpLegendRowMuted{color:var(--rpMut);font-weight:700}.rpCardBody{padding:10px 4px 2px}.rpPills{display:flex;gap:8px}.rpPill{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--rpStroke);background:#ffffff8c;font-weight:800;color:var(--rpText);cursor:pointer}.rpPillActive{border:none;color:#fff;background:linear-gradient(135deg,var(--rpBlue),var(--rpViolet))}.rpTable{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}.rpTable th,.rpTable td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(120,140,255,.14);font-weight:700;color:var(--rpText)}.rpTable th{color:var(--rpMut);font-weight:800}.rpTdRank{width:70px;font-weight:900}.rpPerson{display:flex;align-items:center;gap:10px}.rpMiniAvatar{width:32px;height:32px;border-radius:999px;background:#5a5aff29;border:1px solid rgba(90,90,255,.25);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--rpIndigo)}.rpGrowth{padding:16px}.rpLookup{display:flex;gap:10px;margin-top:10px}.rpBigStat{margin-top:16px;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid rgba(120,140,255,.18);background:#ffffff8c}.rpBigNum{font-size:44px;font-weight:950;color:var(--rpText);line-height:1}.rpBigTitle{font-weight:900;color:var(--rpText)}@media(max-width:1100px){.rpGrid{grid-template-columns:1fr}}@media(max-width:820px){.rpKpis{grid-template-columns:1fr}.rpHeader{flex-direction:column;align-items:flex-start;gap:12px}.rpHeaderRight{flex-wrap:wrap;justify-content:flex-start}}.rpLegendBtn{width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:0}.rpLegendBtn:hover{opacity:.85}.rpModalBackdrop{position:fixed;inset:0;background:#0a0e2359;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:22px;z-index:9999}.rpModal{width:min(820px,100%);border-radius:22px;border:1px solid var(--rpStroke);background:#ffffffeb;box-shadow:0 30px 80px #151e5038;overflow:hidden}.rpModalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(120,140,255,.14)}.rpModalTitle{font-size:18px;font-weight:900;color:var(--rpText)}.rpModalClose{width:40px;height:40px;border-radius:14px;border:1px solid var(--rpStroke);background:#ffffffb3;cursor:pointer;font-weight:900}.rpModalBody{padding:10px 14px 14px}:root{--ms-bg: #f8f9fc;--ms-card: #ffffff;--ms-text: #111827;--ms-muted: #6b7280;--ms-border: #e5e7eb;--ms-primary: #4f46e5;--ms-shadow: 0 10px 28px rgba(17, 24, 39, .08)}.msPage{min-height:100vh;background:var(--ms-bg);padding:22px}.msFull{width:100%}.msHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.msTitle{font-size:26px;font-weight:950;letter-spacing:-.3px;color:var(--ms-text)}.msSub{margin-top:6px;color:var(--ms-muted);font-weight:650}.msMetaPill{display:flex;flex-direction:column;align-items:flex-end;border:1px solid var(--ms-border);background:#fff;padding:10px 12px;border-radius:14px;box-shadow:0 1px #1118270a}.msMetaLabel{color:var(--ms-muted);font-weight:800;font-size:12px}.msMetaVal{color:var(--ms-text);font-weight:950;margin-top:2px}.msAlert{border:1px solid var(--ms-border);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-weight:850;background:#fff;margin-bottom:14px}.msAlertOk{border-color:#10b98159;background:#10b98114;color:#065f46}.msAlertBad{border-color:#ef444459;background:#ef444414;color:#7f1d1d}.msGrid{display:grid;grid-template-columns:1fr;gap:14px}.msCard{background:var(--ms-card);border:1px solid var(--ms-border);border-radius:16px;box-shadow:var(--ms-shadow);padding:16px}.msCardTitle{font-weight:950;color:var(--ms-text);margin-bottom:12px}.msAvatarRow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.msAvatarWrap{position:relative;width:86px;height:86px}.msAvatar,.msAvatarImg{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;font-weight:950;font-size:22px;color:#fff;background:linear-gradient(135deg,#4f46e5,#9333ea);object-fit:cover}.msCamBtn{position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#111827eb;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px #1118271f}.msHiddenFile{display:none}.msAvatarInfo{min-width:220px}.msAvatarTitle{font-weight:950;color:var(--ms-text)}.msTiny{margin-top:4px;color:var(--ms-muted);font-weight:700;font-size:12px}.msForm{display:flex;flex-direction:column;gap:12px}.msTwo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.msField label{display:block;font-size:12px;font-weight:950;color:var(--ms-text);margin-bottom:8px}.msInput{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--ms-border);border-radius:14px;background:#fff}.msInput input{border:none;outline:none;background:transparent;font-weight:850;color:var(--ms-text)}.msReadOnly{background:#fbfbfd}.msTag{font-size:11px;font-weight:950;color:var(--ms-primary);background:#4f46e51a;border:1px solid rgba(79,70,229,.22);padding:5px 8px;border-radius:999px}.msPlain{width:100%;border:1px solid var(--ms-border);border-radius:14px;padding:11px 12px;font-weight:850;outline:none}.msErr{margin-top:6px;color:#b91c1c;font-weight:850;font-size:12px}.msBtn{width:100%;border:1px solid var(--ms-border);background:#fff;padding:12px 14px;border-radius:14px;font-weight:950;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.msBtn:disabled{opacity:.6;cursor:not-allowed}.msBtnPrimary{border-color:#4f46e559;background:#4f46e51a;color:#2b2b99}.msBtnDark{border-color:#11182740;background:#111827eb;color:#fff}.msLoader{display:flex;gap:10px;align-items:center;padding:16px;background:#fff;border:1px solid var(--ms-border);border-radius:16px;box-shadow:var(--ms-shadow)}.msSpinner{width:20px;height:20px;border-radius:999px;border:3px solid #e5e7eb;border-top-color:var(--ms-primary);animation:spin 1s linear infinite}@media(max-width:900px){.msTwo{grid-template-columns:1fr}.msHead{flex-direction:column;align-items:flex-start}.msMetaPill{align-items:flex-start;width:fit-content}}:root{--ct-bg: #f6f7fb;--ct-card: rgba(255, 255, 255, .95);--ct-stroke: rgba(20, 28, 56, .08);--ct-text: #11162a;--ct-muted: rgba(17, 22, 42, .58);--ct-shadow: 0 20px 60px rgba(15, 23, 42, .1);--ct-shadow2: 0 12px 35px rgba(15, 23, 42, .12);--ct-primary: #5b5bff;--ct-primary2: #8a5bff;--ct-success: #10b981;--ct-danger: #ef4444;--ct-radius-xl: 24px;--ct-radius-lg: 20px;--ct-radius-md: 16px;--ct-radius-sm: 12px}.bkPage.ctPage{min-height:100vh;padding:32px 32px 52px;background:radial-gradient(1000px 600px at 18% 8%,rgba(91,91,255,.18),transparent 65%),radial-gradient(850px 550px at 88% 15%,rgba(138,91,255,.16),transparent 60%),radial-gradient(600px 400px at 50% 100%,rgba(16,185,129,.08),transparent 50%),var(--ct-bg);animation:bgPulse 20s ease-in-out infinite}.ctTopActions{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:4px}.btn-primary,.btn-danger{height:46px;padding:0 20px;border-radius:16px;border:1px solid var(--ct-stroke);background:#fffc;box-shadow:0 8px 24px #0f172a0f;color:var(--ct-text);font-weight:900;font-size:14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before,.btn-danger:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent)}.btn-primary:hover:before,.btn-danger:hover:before{opacity:1}.btn-primary:hover,.btn-danger:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a1f}.btn-primary:active,.btn-danger:active{transform:translateY(0)}.btn-primary{border:none;color:#fff;background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary2) 100%);box-shadow:0 12px 28px #5b5bff40}.btn-primary:hover{box-shadow:0 18px 38px #5b5bff59}.btn-danger{border:1px solid rgba(239,68,68,.25);background:#ef44441a;color:#b91c1c}.btn-danger:hover{background:#ef444426}.btn-primary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.3)}.bkGridHead{margin-top:22px;padding:16px 4px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.bkGridTitle{font-size:38px;line-height:1.05;font-weight:950;color:var(--ct-text);letter-spacing:-.8px;background:linear-gradient(135deg,var(--ct-text) 0%,rgba(17,22,42,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bkGridHint{color:var(--ct-muted);font-weight:900;font-size:14px;padding:6px 14px;border-radius:999px;background:#5b5bff14;border:1px solid rgba(91,91,255,.12)}.ctAlert{margin-top:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--ct-stroke);background:#ffffffd9;box-shadow:0 12px 28px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:900;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ctAlert--ok{border-color:#10b98140;background:#10b9811a;color:#065f46}.ctAlert--err{border-color:#ef444440;background:#ef44441a;color:#991b1b}.ctGrid{margin-top:20px;display:block;width:100%}.ctPanel{border-radius:var(--ct-radius-xl);border:1px solid var(--ct-stroke);background:var(--ct-card);box-shadow:var(--ct-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transition:all .3s ease}.ctPanel:hover{box-shadow:0 24px 70px #0f172a24}.ctPanel--tight{padding:14px}.ctPanelHead{padding:20px 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(20,28,56,.08);background:linear-gradient(180deg,rgba(246,247,251,.5) 0%,transparent 100%)}.ctPanelTitle{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:950;color:var(--ct-text);letter-spacing:.5px;text-transform:uppercase}.ctBadge{min-width:38px;height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--ct-primary),var(--ct-primary2));box-shadow:0 14px 30px #5b5bff38;animation:pulse 2s ease-in-out infinite}.ctEmpty{padding:32px 20px 26px;text-align:center}.ctEmptyTitle{margin-top:20px;font-size:20px;font-weight:950;color:var(--ct-text);letter-spacing:-.3px}.ctEmptySub{margin-top:8px;color:var(--ct-muted);font-weight:800;font-size:14px}.ctEmpty .btn-primary{margin-top:18px}.ctList{padding:14px;display:flex;flex-direction:column;gap:14px}.ctItem{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--ct-radius-lg);border:1px solid rgba(20,28,56,.1);background:#ffffffd9;box-shadow:0 10px 26px #0f172a0f;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ctItem:hover{transform:translate(2px);box-shadow:var(--ct-shadow2);border-color:#5b5bff26}.ctItemLeft{display:flex;align-items:center;gap:14px;min-width:0}.ctCoverWrap{width:68px;height:90px;border-radius:16px;overflow:hidden;border:1px solid rgba(20,28,56,.12);background:#ffffffe6;box-shadow:0 12px 28px #0f172a1a;flex:0 0 auto;transition:transform .3s ease}.ctCover{width:100%;height:100%;object-fit:cover;display:block}.ctItemMain{min-width:0}.ctItemTitle{font-size:16px;font-weight:950;color:var(--ct-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.ctItemMeta{margin-top:8px;font-size:12px;font-weight:900;color:var(--ct-muted)}.ctQty{display:inline-flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(20,28,56,.12);background:#ffffffe6;box-shadow:0 8px 20px #0f172a0f}.ctQtyBtn{width:36px;height:36px;border-radius:999px;border:1px solid rgba(20,28,56,.12);background:#fffffff2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--ct-text)}.ctQtyBtn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 22px #0f172a1a;background:linear-gradient(135deg,var(--ct-primary),var(--ct-primary2));color:#fff;border-color:transparent}.ctQtyBtn:active{transform:translateY(0) scale(1)}.ctQtyBtn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.ctQtyBtn:disabled:hover{background:#fffffff2;color:var(--ct-text)}.ctQtyVal{min-width:32px;text-align:center;font-weight:950;font-size:15px;color:var(--ct-text)}.ctLineTotal{font-weight:950;font-size:17px;color:var(--ct-text);min-width:100px;text-align:right;letter-spacing:-.3px}.ctRemove{width:42px;height:42px;border-radius:16px;border:1px solid rgba(239,68,68,.22);background:#ef44441a;color:#b91c1c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ctRemove:hover{transform:translateY(-2px) rotate(5deg);background:#ef444426;box-shadow:0 12px 24px #ef444433}.ctRemove:active{transform:translateY(0) rotate(0)}.ctRemove:disabled{opacity:.4;cursor:not-allowed}.ctPanel--sticky{position:sticky;top:20px}.ctSummaryRow{padding:18px 10px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:950;font-size:18px;color:var(--ct-text)}.ctSummaryRow span{color:var(--ct-muted);font-weight:950;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.ctHr{height:1px;background:linear-gradient(90deg,transparent,rgba(20,28,56,.12),transparent);margin:14px 10px 16px}.ctField{padding:0 10px;margin-bottom:14px}.ctField label{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.5px;font-weight:950;color:var(--ct-muted);text-transform:uppercase}.ctField input{width:100%;height:48px;border-radius:16px;border:1px solid rgba(20,28,56,.12);background:#ffffffeb;padding:0 16px;outline:none;font-weight:900;font-size:15px;color:var(--ct-text);box-shadow:0 10px 22px #0f172a0d;transition:all .2s ease}.ctField input:focus{border-color:#5b5bff66;box-shadow:0 0 0 4px #5b5bff1f,0 18px 32px #0f172a14;transform:translateY(-1px)}.ctField input::placeholder{color:var(--ct-muted);opacity:.6}.ctCheckoutBtn{width:calc(100% - 20px);margin:10px;height:52px;border-radius:18px;border:none;color:#fff;background:linear-gradient(135deg,var(--ct-primary),var(--ct-primary2));box-shadow:0 20px 40px #5b5bff42;font-weight:950;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ctCheckoutBtn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.ctCheckoutBtn:hover:before{opacity:1}.ctCheckoutBtn:hover{transform:translateY(-2px);box-shadow:0 26px 52px #5b5bff52}.ctCheckoutBtn:active{transform:translateY(0)}.ctCheckoutBtn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.3)}.ctNote{padding:12px 12px 16px;color:var(--ct-muted);font-weight:900;font-size:12px;text-align:center;line-height:1.5}.ctSubtotal{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-top:1px solid var(--ct-stroke);font-size:14px;font-weight:600;color:var(--ct-text)}.ctSubtotalAmount{font-size:18px;font-weight:900;color:var(--ct-primary)}@media(max-width:1050px){.ctGrid{grid-template-columns:1fr}.ctPanel--sticky{position:static}}@media(max-width:560px){.bkPage.ctPage{padding:20px 16px 32px}.bkGridTitle{font-size:28px}.ctItem{grid-template-columns:1fr auto;grid-template-areas:"left remove" "qty total";gap:12px;padding:14px}.ctItemLeft{grid-area:left}.ctRemove{grid-area:remove;justify-self:end}.ctQty{grid-area:qty}.ctLineTotal{grid-area:total;justify-self:end}}:root{--mo-bg: #f6f7fb;--mo-card: rgba(255, 255, 255, .95);--mo-stroke: rgba(20, 28, 56, .08);--mo-text: #11162a;--mo-muted: rgba(17, 22, 42, .58);--mo-shadow: 0 20px 60px rgba(15, 23, 42, .1);--mo-shadow2: 0 12px 35px rgba(15, 23, 42, .12);--mo-primary: #5b5bff;--mo-primary2: #8a5bff;--mo-success: #10b981;--mo-radius-xl: 24px;--mo-radius-lg: 20px;--mo-radius-md: 16px}.my-orders-page{min-height:100vh;padding:32px 32px 52px;background:radial-gradient(1000px 600px at 18% 8%,rgba(91,91,255,.18),transparent 65%),radial-gradient(850px 550px at 88% 15%,rgba(138,91,255,.16),transparent 60%),radial-gradient(600px 400px at 50% 100%,rgba(16,185,129,.08),transparent 50%),var(--mo-bg);animation:bgPulse 20s ease-in-out infinite;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.95}}.my-orders-container{max-width:920px;margin:0 auto}.orders-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 4px 12px;margin-bottom:22px}.orders-header h1{font-size:38px;line-height:1.05;font-weight:950;color:var(--mo-text);letter-spacing:-.8px;background:linear-gradient(135deg,var(--mo-text) 0%,rgba(17,22,42,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orders-count{padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,var(--mo-primary),var(--mo-primary2));color:#fff;font-weight:950;font-size:13px;box-shadow:0 14px 30px #5b5bff38;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.order-card{background:var(--mo-card);border-radius:var(--mo-radius-xl);border:1px solid var(--mo-stroke);box-shadow:var(--mo-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--mo-primary),var(--mo-primary2));transform:scaleY(0);transition:transform .3s ease}.order-card:hover:before{transform:scaleY(1)}.order-card:hover{transform:translateY(-3px);box-shadow:0 24px 70px #0f172a24;border-color:#5b5bff26}.order-header{padding:20px 20px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.order-title{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:950;color:var(--mo-text);letter-spacing:-.2px}.order-title svg{width:20px;height:20px;color:var(--mo-primary)}.order-meta{margin-top:12px;display:flex;flex-direction:column;gap:8px}.order-meta div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--mo-muted)}.order-meta svg{width:16px;height:16px;opacity:.7}.order-total{text-align:right}.order-total .amount{font-size:28px;font-weight:950;color:var(--mo-text);letter-spacing:-.5px;line-height:1}.order-total .label{margin-top:6px;font-size:11px;font-weight:950;color:var(--mo-muted);text-transform:uppercase;letter-spacing:.5px}.order-toggle{width:100%;height:48px;padding:0 16px;border:none;border-radius:var(--mo-radius-md);background:linear-gradient(135deg,var(--mo-primary),var(--mo-primary2));color:#fff;font-weight:900;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 28px #5b5bff40;position:relative;overflow:hidden}.order-toggle:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent)}.order-toggle:hover:before{opacity:1}.order-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 38px #5b5bff59}.order-toggle:active{transform:translateY(0)}.order-toggle svg{width:18px;height:18px}.order-header>div:first-child{flex:1}.order-reorder{padding:10px 14px;height:48px;border:2px solid var(--mo-primary);border-radius:var(--mo-radius-md);background:transparent;color:var(--mo-primary);font-weight:900;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.order-reorder:hover:not(:disabled){background:#5b5bff1a;transform:translateY(-2px);box-shadow:0 8px 20px #5b5bff33}.order-reorder:active:not(:disabled){transform:translateY(0)}.order-reorder:disabled{opacity:.6;cursor:not-allowed}.order-reorder svg{width:16px;height:16px;animation:spin 1s linear infinite}.order-reorder:not(:disabled) svg{animation:none}.reorder-btn{width:100%;height:48px;padding:0 16px;border:none;border-radius:var(--mo-radius-md);background:linear-gradient(135deg,var(--mo-success),#059669);color:#fff;font-weight:900;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 28px #10b98140;margin-top:12px}.reorder-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #10b98159}.reorder-btn:active:not(:disabled){transform:translateY(0)}.reorder-btn:disabled{opacity:.7;cursor:not-allowed}.reorder-btn svg{width:18px;height:18px}.reorder-btn:disabled svg{animation:spin 1s linear infinite}.empty-orders{max-width:480px;margin:80px auto;padding:48px 32px;text-align:center;border-radius:var(--mo-radius-xl);border:1px solid var(--mo-stroke);background:var(--mo-card);box-shadow:var(--mo-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.empty-orders svg{width:72px;height:72px;color:var(--mo-muted);opacity:.4;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-orders h2{margin-top:20px;font-size:22px;font-weight:950;color:var(--mo-text);letter-spacing:-.3px}.empty-orders p{margin-top:8px;color:var(--mo-muted);font-weight:800;font-size:14px}.loader{width:48px;height:48px;margin:120px auto;border:4px solid rgba(91,91,255,.15);border-top-color:var(--mo-primary);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #5b5bff33}@keyframes spin{to{transform:rotate(360deg)}}.receipt-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.receipt-sidebar{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:90vw;background:var(--mo-card);border-left:1px solid var(--mo-stroke);box-shadow:-20px 0 60px #0003;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.receipt-header{padding:24px;border-bottom:1px solid var(--mo-stroke);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(246,247,251,.8) 0%,transparent 100%)}.receipt-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:950;color:var(--mo-text)}.receipt-title svg{width:24px;height:24px;color:var(--mo-primary)}.receipt-close{width:40px;height:40px;border-radius:12px;border:1px solid var(--mo-stroke);background:#fffc;color:var(--mo-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.receipt-close:hover{background:#ef44441a;border-color:#ef44444d;color:#b91c1c;transform:rotate(90deg)}.receipt-content{flex:1;overflow-y:auto;padding:24px}.receipt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loader-small{width:36px;height:36px;border:3px solid rgba(91,91,255,.15);border-top-color:var(--mo-primary);border-radius:50%;animation:spin .8s linear infinite}.receipt-loading p{color:var(--mo-muted);font-weight:800;font-size:14px}.receipt-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(20,28,56,.06)}.receipt-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.receipt-section-title{font-size:12px;font-weight:950;color:var(--mo-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.receipt-section-title svg{width:16px;height:16px}.receipt-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.receipt-info-item{background:#f6f7fb99;padding:12px;border-radius:12px;border:1px solid rgba(20,28,56,.06)}.info-label{display:block;font-size:11px;font-weight:900;color:var(--mo-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{display:block;font-size:15px;font-weight:950;color:var(--mo-text)}.receipt-customer,.receipt-payment,.receipt-address{background:#f6f7fb99;padding:14px;border-radius:12px;border:1px solid rgba(20,28,56,.06);font-size:14px;font-weight:800;color:var(--mo-text);line-height:1.6}.receipt-customer div,.receipt-payment div{margin-bottom:4px}.receipt-customer div:last-child,.receipt-payment div:last-child{margin-bottom:0}.receipt-items{display:flex;flex-direction:column;gap:12px}.receipt-item{background:#f6f7fb99;padding:14px;border-radius:12px;border:1px solid rgba(20,28,56,.06);display:flex;justify-content:space-between;gap:12px;transition:all .2s ease}.receipt-item:hover{background:#5b5bff0a;border-color:#5b5bff1f}.receipt-item-main{flex:1}.receipt-item-name{font-size:14px;font-weight:950;color:var(--mo-text);margin-bottom:6px}.receipt-item-meta{font-size:11px;font-weight:800;color:var(--mo-muted);margin-bottom:4px}.receipt-item-calc{font-size:12px;font-weight:800;color:var(--mo-muted)}.receipt-item-total{font-size:16px;font-weight:950;color:var(--mo-text);white-space:nowrap}.receipt-summary{background:#f6f7fb99;padding:16px;border-radius:16px;border:1px solid rgba(20,28,56,.08)}.receipt-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;font-weight:800;color:var(--mo-text)}.receipt-total{display:flex;justify-content:space-between;padding:16px 0 0;margin-top:12px;border-top:2px solid rgba(20,28,56,.12);font-size:18px;font-weight:950;color:var(--mo-text)}.receipt-footer{padding:20px 24px;border-top:1px solid var(--mo-stroke);background:#f6f7fb80}.receipt-done-btn{width:100%;height:48px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--mo-primary),var(--mo-primary2));color:#fff;font-weight:950;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 12px 28px #5b5bff40}.receipt-download-btn{width:100%;height:48px;border:none;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:950;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;margin-bottom:12px}.receipt-download-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10b98140}.receipt-done-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px #5b5bff59}@media(max-width:768px){.my-orders-page{padding:20px 16px 32px}.orders-header h1{font-size:28px}.order-header-top{flex-direction:column;gap:16px}.order-total{text-align:left}.order-total .amount{font-size:24px}.receipt-sidebar{width:100%;max-width:100%}.receipt-info-grid{grid-template-columns:1fr}}.booksPage{padding:32px;background:#f6f7fb;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.booksHeader{display:flex;flex-direction:column;gap:6px;margin-bottom:28px}.booksTitle{display:flex;align-items:center;font-size:32px;font-weight:700;color:#1f2937}.booksSubtitle{font-size:14px;color:#6b7280}.booksGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}@media(max-width:480px){.booksGrid{grid-template-columns:repeat(2,1fr);gap:16px}}.bookCard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.bookCard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.bookCover{width:100%;height:180px;background:#eef0f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.bookCover img{width:100%;height:100%;object-fit:cover}.bookCoverPlaceholder{width:64px;height:64px;border-radius:50%;background:#4f46e5;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.bookInfo{padding:18px;display:flex;flex-direction:column;flex-grow:1}.bookTitle{font-size:16px;font-weight:600;color:#111827;margin-bottom:6px}.bookMeta{font-size:13px;color:#6b7280;line-height:1.4}.bookPrice{margin-top:8px;font-size:16px;font-weight:700;color:#ef4444}.bookStock{margin-top:6px}.inStock{font-size:12px;color:#16a34a;font-weight:500}.outStock{font-size:12px;color:#dc2626;font-weight:500}.bookActions{margin-top:auto}.btn{border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;height:42px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{background:#a5b4fc;cursor:not-allowed}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.emptyState{margin-top:80px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:#6b7280}.emptyState h2{font-size:20px;font-weight:600;color:#374151}.emptyState p{font-size:14px}.loading,.error{font-size:16px;color:#6b7280;text-align:center;margin-top:80px}.error{color:#dc2626}.successPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.successCard{background:#fff;border-radius:1rem;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.successLoading{padding:2rem 0}.spinner{border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.successIcon{margin-bottom:1.5rem;display:flex;justify-content:center;animation:scaleIn .6s ease-out .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.successTitle{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.successMessage{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.successDetails{background:#f9fafb;border-radius:.5rem;padding:1rem;margin-bottom:2rem}.successSessionId{font-size:.875rem;color:#4b5563;margin:0}.successSessionId code{background:#fff;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.75rem;color:#667eea;display:inline-block;margin-top:.5rem}.successActions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f3f4f6;transform:translateY(-2px)}@media(max-width:640px){.successCard{padding:2rem 1.5rem}.successTitle{font-size:1.5rem}.successMessage{font-size:1rem}.successActions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}