.pstore-modern-page {
  --ps-canvas: #e9edf2;
  --ps-card: #f8f9fb;
  --ps-border: #d8dee7;
  --ps-text: #172033;
  --ps-muted: #6f7b8e;
  --ps-accent: #e7581f;
  min-height: 700px;
  color: var(--ps-text);
  background: var(--ps-canvas);
  font-family: "Outfit", "Segoe UI", Arial, sans-serif;
}
.pstore-surface { min-height: 700px; padding: 38px 0 76px; background: var(--ps-canvas); }
.pstore-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; padding:20px 22px; color:#fff; background:linear-gradient(120deg,#242d3a,#303a49); border:1px solid #394453; border-radius:16px; box-shadow:0 10px 24px rgba(38,48,68,.13); }
.pstore-heading__eyebrow { display:inline-flex; align-items:center; gap:7px; margin-bottom:5px; color:#ffae87; font-size:9px; font-weight:800; letter-spacing:1.5px; }
.pstore-heading h1 { margin:0 0 4px; color:#fff; font-size:clamp(22px,3vw,29px); font-weight:800; letter-spacing:-.45px; }
.pstore-heading p { margin:0; color:#bdc6d4; font-size:12px; }
.pstore-heading__status { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; color:#bde8c9; background:rgba(34,197,94,.1); border:1px solid rgba(74,222,128,.22); border-radius:999px; font-size:10px; font-weight:800; white-space:nowrap; }
.pstore-currency-guide{display:flex;align-items:stretch;gap:7px}.pstore-currency-guide__item{display:flex;min-width:84px;padding:9px 11px;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(8,12,18,.34)}.pstore-currency-guide__item b{font-size:13px;line-height:1}.pstore-currency-guide__item small{margin-top:4px;color:#aeb8c6;font-size:8px;white-space:nowrap}.pstore-currency-guide__item.is-kc b{color:#facc15}.pstore-currency-guide__item.is-tl b{color:#4ade80}.pstore-currency-guide__item.is-np b{color:#60a5fa}
.pstore-workspace { display:grid; grid-template-columns:245px minmax(0,1fr); gap:16px; align-items:start; }
.pstore-sidebar,.pstore-sheet { overflow:hidden; background:var(--ps-card); border:1px solid var(--ps-border); border-radius:15px; box-shadow:0 9px 24px rgba(38,48,68,.07); }
.pstore-sidebar { position:sticky; top:18px; }
.pstore-sidebar__head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 15px; background:linear-gradient(90deg,#eee7e3,#f4f6f8 78%); border-bottom:1px solid var(--ps-border); }
.pstore-sidebar__head span { color:#293246; font-size:10px; font-weight:800; letter-spacing:1px; }
.pstore-sidebar__head small { color:#7b8596; font-size:9px; }
.pstore-categories { display:flex; flex-direction:column; gap:4px; padding:8px; }
.pstore-category { display:flex; align-items:center; gap:9px; width:100%; min-height:50px; padding:7px 9px; color:#4d596d; background:transparent; border:1px solid transparent; border-radius:9px; cursor:pointer; text-align:left; transition:background-color .15s,border-color .15s; }
.pstore-category:hover { background:#eef1f4; border-color:#dfe4ea; }
.pstore-category.active { color:#c94714; background:#fff0e9; border-color:#f1c2ac; }
.pstore-category__icon { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; color:#748094; background:#edf0f4; border:1px solid #dce1e8; border-radius:8px; font-size:11px; }
.pstore-category.active .pstore-category__icon { color:#d64e18; background:#fff; border-color:#f2bca3; }
.pstore-category__copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; }
.pstore-category__copy strong { overflow:hidden; font-size:11px; font-weight:800; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.pstore-category__copy small { color:#8b95a5; font-size:9px; }
.pstore-category__arrow { color:#a5adba; font-size:8px; }
.pstore-category.active .pstore-category__arrow { color:#d64e18; }
.pstore-panel { display:none; }
.pstore-panel.active { display:block; }
.pstore-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:72px; padding:13px 16px; background:linear-gradient(90deg,#eee7e3,#f5f6f8 72%); border-bottom:1px solid var(--ps-border); }
.pstore-toolbar__title { min-width:0; }
.pstore-toolbar h2 { margin:0 0 3px; color:#202939; font-size:16px; font-weight:800; }
.pstore-toolbar p { overflow:hidden; max-width:520px; margin:0; color:#778195; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.pstore-currency-filter{display:flex;gap:7px;padding:9px 15px;background:#161c23;border-bottom:1px solid var(--ps-border)}.pstore-currency-filter button{min-width:64px;padding:7px 12px;color:#9da8b6;background:#202730;border:1px solid #36414e;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.35px;cursor:pointer}.pstore-currency-filter button:hover,.pstore-currency-filter button.active{color:#fff;border-color:#667386;background:#303946}.pstore-currency-filter button.is-kc.active{color:#1d1600;border-color:#eab308;background:#facc15}.pstore-currency-filter button.is-tl.active{color:#062812;border-color:#22c55e;background:#4ade80}.pstore-currency-filter button.is-np.active{color:#071a36;border-color:#3b82f6;background:#60a5fa}
.pstore-search { position:relative; flex:0 0 220px; margin:0; }
.pstore-search i { position:absolute; top:50%; left:12px; color:#98a2b1; font-size:11px; transform:translateY(-50%); }
.pstore-search input { width:100%; height:38px; padding:0 12px 0 34px; color:#263044; background:#fff; border:1px solid #d4dae3; border-radius:9px; font-size:11px; outline:none; }
.pstore-search input:focus { border-color:#ed8e64; box-shadow:0 0 0 3px rgba(238,85,25,.09); }
.pstore-table-wrap { position:relative; max-height:620px; overflow:auto; scrollbar-width:thin; scrollbar-color:#c6ccd5 transparent; }
.pstore-table { width:100%; min-width:480px; margin:0; border-collapse:collapse; }
.pstore-table thead { position:sticky; top:0; z-index:2; }
.pstore-table th { height:34px; padding:0 13px; color:#758094; background:#eef1f4; border-bottom:1px solid #d9dee6; font-size:9px; font-weight:800; letter-spacing:.7px; text-align:left; }
.pstore-table td { height:64px; padding:8px 13px; color:#465166; background:#f8f9fb; border-bottom:1px solid #e4e8ed; font-size:11px; vertical-align:middle; }
.pstore-table tbody tr:last-child td { border-bottom:0; }
.pstore-product:hover td { background:#fff4ee; }
.pstore-col-icon { width:68px; text-align:center !important; }
.pstore-col-price { width:180px; text-align:right !important; }
.pstore-item-icon { display:grid; place-items:center; width:42px; height:42px; margin:auto; overflow:hidden; color:#8d97a6; background:#252d38; border:2px solid #fff; border-radius:9px; box-shadow:0 3px 9px rgba(38,48,68,.16); }
.pstore-item-icon img { width:38px; height:38px; object-fit:cover; image-rendering:auto; }
.pstore-item-icon i { place-items:center; width:100%; height:100%; }
.pstore-item-name { display:block; overflow:hidden; color:#263044; font-size:12px; font-weight:700; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.pstore-price { display:inline-flex;min-width:132px;align-items:center;justify-content:space-between;gap:9px;padding:8px 10px;border:1px solid;border-radius:9px;font-size:14px;font-weight:900;white-space:nowrap}.pstore-price small{padding:3px 6px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:.3px}.pstore-price--kc{color:#fde047;background:rgba(234,179,8,.10);border-color:rgba(250,204,21,.38)}.pstore-price--kc small{color:#211800;background:#facc15}.pstore-price--tl{color:#86efac;background:rgba(34,197,94,.10);border-color:rgba(74,222,128,.38)}.pstore-price--tl small{color:#052e16;background:#4ade80}.pstore-price--np{color:#93c5fd;background:rgba(59,130,246,.11);border-color:rgba(96,165,250,.40)}.pstore-price--np small{color:#071b36;background:#60a5fa}
.pstore-no-products td { height:120px; color:#8993a3; text-align:center; }
.pstore-search-empty { display:none; align-items:center; justify-content:center; gap:7px; min-height:120px; color:#8993a3; font-size:11px; }
.pstore-sheet-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:42px; padding:9px 14px; color:#7b8596; background:#eef1f4; border-top:1px solid #d9dee6; font-size:9px; }
.pstore-sheet-footer b { color:#3d485b; }
.pstore-state { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:7px; min-height:280px; color:#7b8596; background:var(--ps-card); border:1px dashed #ccd2dc; border-radius:15px; text-align:center; }
.pstore-state i { margin-bottom:5px; color:#a2abba; font-size:28px; }
.pstore-state strong { color:#354054; font-size:14px; }
.pstore-state span { font-size:11px; }
@media(max-width:900px){.pstore-workspace{grid-template-columns:1fr}.pstore-sidebar{position:static}.pstore-categories{flex-direction:row;overflow-x:auto;padding-bottom:10px}.pstore-category{flex:0 0 190px}.pstore-category__arrow{transform:rotate(90deg)}}
@media(max-width:760px){.pstore-currency-guide{width:100%;overflow-x:auto}.pstore-currency-guide__item{flex:1;min-width:92px}}@media(max-width:620px){.pstore-surface{padding:26px 0 54px}.pstore-heading{align-items:flex-start;flex-direction:column;padding:17px}.pstore-toolbar{align-items:stretch;flex-direction:column;gap:10px}.pstore-search{flex-basis:auto;width:100%}.pstore-currency-filter{overflow-x:auto}.pstore-col-icon{width:60px}.pstore-col-price{width:150px}.pstore-price{min-width:115px;font-size:12px}.pstore-table td{padding-left:8px;padding-right:8px}.pstore-sheet-footer{align-items:flex-start;flex-direction:column}}

/* Power Up Store koyu surum */
.pstore-modern-page { --ps-canvas:#0d1116; --ps-card:#171d24; --ps-border:#303946; --ps-text:#e8edf2; --ps-muted:#929dab; color:var(--ps-text); background:#0d1116; }
.pstore-surface { background:radial-gradient(circle at 50% 0,rgba(72,84,99,.18),transparent 38%),linear-gradient(180deg,#14191f,#0d1116 58%,#10141a); }
.pstore-heading { background:linear-gradient(115deg,#2b2023,#202730 48%,#171d24); border-color:#3a4552; box-shadow:0 16px 38px rgba(0,0,0,.28); }
.pstore-sidebar,.pstore-sheet { background:#171d24; border-color:#303946; box-shadow:0 16px 38px rgba(0,0,0,.26); }
.pstore-sidebar__head,.pstore-toolbar { background:linear-gradient(100deg,#282127,#1c222a 48%,#171d24); border-bottom-color:#303946; }
.pstore-sidebar__head span,.pstore-toolbar h2 { color:#eef2f6; }
.pstore-sidebar__head small,.pstore-toolbar p { color:#929dab; }
.pstore-category { color:#b8c1cc; }
.pstore-category:hover { background:#202730; border-color:#36414e; }
.pstore-category.active { color:#f1a168; background:#292127; border-color:#694536; }
.pstore-category__icon { color:#aab4c0; background:#202730; border-color:#36414e; }
.pstore-category.active .pstore-category__icon { color:#f09a61; background:#171d24; border-color:#704a36; }
.pstore-category__copy small { color:#7f8a98; }
.pstore-search input { color:#e8edf2; background:#10151b; border-color:#36414e; }
.pstore-search input::placeholder { color:#778391; }
.pstore-table th { color:#aab3bf; background:#202730; border-bottom-color:#36404d; }
.pstore-table td { color:#bdc6d1; background:#171d24; border-bottom-color:#29323d; }
.pstore-product:hover td { background:#232127; }
.pstore-item-name { color:#e5eaf0; }
.pstore-item-icon { border-color:#3a4552; box-shadow:none; }
.pstore-sheet-footer { color:#929dab; background:#202730; border-top-color:#303946; }
.pstore-sheet-footer b { color:#e0e6ed; }
.pstore-state { color:#929dab; background:#171d24; border-color:#3a4552; }
.pstore-state strong { color:#e0e6ed; }
