:root{--bg: #0d1117;--surface: #151b24;--surface-2: #1c242f;--border: #303c50;--text: #dfe7f1;--text-dim: #8b9bb0;--brass: #d9a441;--green: #2fbf71;--red: #ee6b6b;--blue: #4d9de0;--accent: var(--blue);color-scheme:dark}:root[data-theme=light]{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #eef1f6;--border: #d7dde7;--text: #1c2530;--text-dim: #5b6b7e;--brass: #b07f1f;--green: #177a47;--red: #c23636;--blue: #2468a8;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:14px}.num,td.num,.mono{font-family:IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;unicode-bidi:embed}.num small,td.num small{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-variant-numeric:tabular-nums}h1,h2,h3{margin:0 0 12px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}table{width:100%;border-collapse:collapse}th{text-align:right;color:var(--text-dim);font-weight:500;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--surface-2)}.pos{color:var(--green)}.neg{color:var(--red)}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.open{background:#d9a44126;color:var(--brass)}.badge.closed{background:#8494a826;color:var(--text-dim)}.badge.buy{background:#2fbf7126;color:var(--green)}button,.btn{background:var(--brass);color:#1a1204;border:none;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{filter:brightness(1.08)}button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:default}input,select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid var(--brass);outline-offset:1px}label{display:block;color:var(--text-dim);font-size:12px;margin-bottom:4px}.plist{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;align-items:start;transition:opacity .2s ease-out}.pcard{background:var(--surface-2);border:1px solid var(--border);border-inline-start:3px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}.pcard.up{border-inline-start-color:var(--green)}.pcard.down{border-inline-start-color:var(--red)}.pcard.alert{border-color:var(--brass)}.pcard.hl{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 8%,var(--surface-2));scroll-margin-top:80px}.p-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.p-id{min-width:0}.p-sym{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:600}.p-pnl{text-align:end;white-space:nowrap}.p-main{font-size:22px;font-weight:700;line-height:1.2}.p-main .cur{font-size:13px;font-weight:500;color:var(--text-dim)}.p-pnl small{font-size:12px}.p-note{color:var(--text-dim)}.p-alert{margin:0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--brass) 14%,transparent);font-size:13px;line-height:1.6}.p-facts,.p-details{margin:0;display:grid;gap:10px 16px}.p-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.p-details{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding-top:12px;border-top:1px dashed var(--border)}.pcard dt{color:var(--text-dim);font-size:12px}.pcard dd{margin:2px 0 0;font-weight:600}.pcard dd small{display:block;font-weight:400;font-size:12px;color:var(--text-dim)}.pcard dd small.pos{color:var(--green)}.pcard dd small.neg{color:var(--red)}.p-edit{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.p-edit label{margin:0}.p-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.p-acts button{padding:6px 12px;font-size:13px}button.p-toggle{margin-inline-start:auto;background:transparent;color:var(--brass);padding:6px;font-size:13px}button.p-toggle:hover{text-decoration:underline;filter:none}.p-more{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.p-more button{padding:6px 12px;font-size:13px}.cnt{display:inline-block;min-width:18px;padding:0 6px;margin-inline-start:4px;border-radius:9px;font-size:12px;background:color-mix(in srgb,currentColor 16%,transparent)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 768px){body,input,select{font-size:16px}button,.btn{min-height:44px}}@media (max-width: 768px){.tbl.cards table,.tbl.cards tbody{display:block;width:100%}.tbl.cards thead{display:none}.tbl.cards tr{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 16px;border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:10px;background:var(--surface-2)}.tbl.cards td{display:flex;flex-direction:column;border:none;padding:5px 0}.tbl.cards td[data-l]:before{content:attr(data-l);color:var(--text-dim);font-size:12px;font-weight:500}.tbl.cards td.cfull{grid-column:1 / -1}.tbl.cards td .badge,.tbl.cards td .risk{align-self:flex-start}.tbl.cards td.crow{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.tbl.cards td:empty{display:none}.tbl.cards tr:last-child td{border-bottom:none}}th.idx,td.idx{color:var(--text-dim);font-size:12px;width:36px;white-space:nowrap}.top-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:1000;overflow:hidden;background:#d9a4412e;pointer-events:none}.top-progress span{position:absolute;inset-block:0;width:40%;background:var(--brass);animation:top-progress 1.1s ease-in-out infinite}@keyframes top-progress{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.skel{display:flex;flex-direction:column;gap:8px}.skel .sk,.sk{display:block;height:44px;border-radius:8px;background:linear-gradient(90deg,var(--surface-2) 25%,rgba(128,128,128,.22) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sk-shimmer 1.2s ease-in-out infinite}.sk.sm{height:14px;border-radius:4px}.sk.lg{height:96px}.skel.grid-sk{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@keyframes sk-shimmer{to{background-position:-200% 0}}.spinner{display:inline-block;width:16px;height:16px;flex:none;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.top-progress span{inset-inline-start:0;width:100%;opacity:.6}.spinner{border-inline-end-color:currentColor;opacity:.6}}.card-title{font-size:1.5em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}