@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--bg:#0f1419;--bg-elevated:#171e26;--bg-row:#1c2530;--border:#2a3544;--text:#e8eef5;--muted:#8b9aab;--accent:#3d9cfd;--accent-dim:#2563a8;--oos:#ff4d5a;--ok:#3ecf8e;--promo:#f5c542;--b2b:#7dd3c0;--chip:#243041}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1a2a3d 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#1a2430 0,transparent 50%),var(--bg);color:var(--text);font-family:DM Sans,IBM Plex Sans Arabic,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sheet-shell{max-width:1200px;margin:0 auto;padding:1rem 1.25rem 3rem}.sheet-header{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 82%,transparent);padding:.75rem 0;border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.search{flex:1;min-width:200px;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.65rem .9rem;color:var(--text)}.chips{gap:.4rem}.chips,.tabs-bar{display:flex;flex-wrap:wrap;margin-bottom:1rem}.tabs-bar{align-items:center;gap:.5rem}.tabs-search{flex:0 1 220px;min-width:160px;max-width:280px;margin:0}.tab-clear{font-size:.82rem;padding:.35rem .65rem}.tabs{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:.35rem;flex:1;min-width:0;scrollbar-width:thin}.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;background:var(--chip);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:.5rem .85rem;font-size:.85rem;cursor:pointer;max-width:220px}.tab.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--chip))}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-count{font-size:.72rem;background:var(--bg);border-radius:999px;padding:.1rem .45rem;color:var(--muted)}.tab.active .tab-count{color:var(--text)}.search-hint{margin:-.5rem 0 1rem}.pick-list{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto;border:1px solid var(--border);border-radius:8px}.pick-list li{border-bottom:1px solid var(--border)}.pick-list li:last-child{border-bottom:0}.pick-list label{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem .55rem;font-size:.82rem;cursor:pointer}.pick-list input{margin-top:.15rem}.chip{background:var(--chip);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer}.chip.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--chip))}.tier-toggle{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tier-toggle button{border:0;background:transparent;color:var(--muted);padding:.45rem .7rem;cursor:pointer}.tier-toggle button.active{background:var(--accent-dim);color:white}.section{margin-bottom:1.75rem}.section h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6rem}.table{width:100%;border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.65rem .85rem;background:#141b23}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:.7rem .85rem;vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr.oos td{color:var(--oos)}.table tr.oos .title{font-weight:700}.table tr.unlinked td.title{opacity:.85}.price{font-variant-numeric:tabular-nums;white-space:nowrap}.price.highlight{color:var(--promo);font-weight:700}.badge{display:inline-block;font-size:.72rem;border-radius:6px;padding:.15rem .4rem;margin-left:.35rem;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.badge.oos{color:var(--oos);border-color:color-mix(in srgb,var(--oos) 40%,var(--border))}.badge.unlink{color:var(--muted)}.btn{border:1px solid var(--border);background:var(--bg-row);color:var(--text);border-radius:8px;padding:.45rem .8rem;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#061018;font-weight:600}.btn.danger{color:var(--oos)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.login-card h1{margin:0 0 .25rem;font-size:1.4rem}.login-card p{margin:0 0 1.25rem;color:var(--muted);font-size:.9rem}.field{display:grid;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.8rem;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;color:var(--text)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:var(--bg-elevated);border-left:1px solid var(--border);z-index:50;padding:1rem;overflow:auto;box-shadow:-12px 0 40px rgba(0,0,0,.35)}.drawer h2{margin:0 0 1rem}.muted{color:var(--muted);font-size:.85rem}@media (max-width:720px){.hide-sm{display:none}}