.sq-page:has(.sq-list-shell){--paper:#f4f4f1;--surface:#fff;--ink:#16151a;--ink-soft:#68707b;--line:#e5e4e0;--steel:#859fb0;--steel-deep:#46596a;--steel-wash:#edf2f5;--green:#16a34a;--r-lg:20px;--r-md:14px;--r-sm:11px;--shadow:0 1px 2px color-mix(in srgb,var(--ink)4%,transparent),0 14px 34px -22px color-mix(in srgb,var(--steel-deep)22%,transparent);--shadow-hover:0 2px 4px color-mix(in srgb,var(--ink)5%,transparent),0 22px 46px -24px color-mix(in srgb,var(--steel-deep)40%,transparent);background:var(--paper);color:var(--ink);background-image:none;overflow-x:hidden}.sq-page:has(.sq-list-shell):before{display:none}.sq-page:has(.sq-list-shell):after{display:none}.sq-page:has(.sq-list-shell) .sq-ambient{display:none}.sq-page:has(.sq-list-shell) .sq-public-badge-wrap{display:none}.sq-page:has(.sq-list-shell) .sq-page-content{animation:none}.sq-page:has(.sq-list-shell) .qg-brand-logo{background:linear-gradient(145deg,var(--steel),var(--steel-deep));box-shadow:0 8px 18px -8px color-mix(in srgb,var(--steel-deep)60%,transparent)}.sq-page:has(.sq-list-shell) .qg-brand-tagline{color:var(--steel-deep)}.sq-page:has(.sq-list-shell) .qg-back-link:hover{border-color:var(--steel)}.sq-list-shell{max-width:1000px;font-family:var(--font-tajawal,"Tajawal"),system-ui,sans-serif;margin:0 auto;padding:0 24px 48px}.sq-list-shell :is(h1,h2,h3){font-family:var(--font-marketplace-cairo,"Cairo"),sans-serif}.sq-list-hero{text-align:center;padding:42px 0 26px}.sq-list-eyebrow{color:var(--steel-deep);background:var(--steel-wash);border:1px solid color-mix(in srgb,var(--steel)35%,var(--line));border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.sq-list-eyebrow svg{flex-shrink:0;width:15px;height:15px}.sq-list-hero-title{letter-spacing:-.5px;color:var(--ink);margin:0 0 12px;font-size:clamp(28px,5.5vw,44px);font-weight:900;line-height:1.15}.sq-list-hero-accent{background:linear-gradient(100deg,var(--steel)5%,var(--steel-deep)95%);color:#0000;-webkit-background-clip:text;background-clip:text}.sq-list-hero-sub{color:var(--ink-soft);max-width:520px;margin:0 auto;font-size:clamp(14px,2.3vw,16px);line-height:1.7}.sq-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 22px;display:flex}.sq-list-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.sq-list-btn{font-family:var(--font-marketplace-cairo,"Cairo"),sans-serif;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.sq-list-btn svg{flex-shrink:0;width:17px;height:17px}.sq-list-btn-primary{color:#fff;background:linear-gradient(135deg,var(--steel),var(--steel-deep));box-shadow:0 12px 26px -12px color-mix(in srgb,var(--steel-deep)70%,transparent)}.sq-list-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.sq-list-btn-ghost{color:var(--ink);background:var(--surface);border-color:var(--line)}.sq-list-btn-ghost:hover{border-color:var(--steel)}.sq-list-btn-sm{border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600}.sq-list-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.sq-list-settings{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:18px;padding:16px 22px;display:flex}.sq-list-set-item{align-items:center;gap:8px;font-size:14.5px;display:flex}.sq-list-set-lbl{color:var(--ink-soft);font-weight:500}.sq-list-set-val{font-family:var(--font-marketplace-cairo,"Cairo"),sans-serif;color:var(--ink);font-weight:700}.sq-list-mono{font-family:var(--font-jetbrains-mono,"JetBrains Mono"),ui-monospace,monospace;color:var(--steel-deep);font-weight:600}.sq-list-set-divider{background:var(--line);flex-shrink:0;width:1px;height:20px}.sq-list-set-fallback{color:var(--steel-deep);background:var(--steel-wash);border:1px solid color-mix(in srgb,var(--steel)35%,var(--line));border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.sq-list-drafts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.sq-list-empty{text-align:center;padding:64px 28px}.sq-list-empty-icon{background:var(--steel-wash);border:1px solid color-mix(in srgb,var(--steel)35%,var(--line));width:72px;height:72px;color:var(--steel-deep);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.sq-list-empty-icon svg{stroke-width:1.6px;width:34px;height:34px}.sq-list-empty h3{color:var(--ink);margin:0 0 7px;font-size:19px;font-weight:800}.sq-list-empty p{color:var(--ink-soft);margin:0 0 24px;font-size:14.5px;line-height:1.6}.sq-list-loading{text-align:center;color:var(--ink-soft);padding:64px 28px;font-size:15px}.sq-list-error{border-radius:var(--r-md);background:color-mix(in srgb,#dc2626 8%,var(--surface));border:1px solid color-mix(in srgb,#dc2626 25%,var(--line));color:#991b1b;margin-bottom:18px;padding:14px 18px;font-size:14px}.sq-list-draft-rows{flex-direction:column;display:flex}.sq-list-draft{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 22px;transition:all .15s;display:flex}.sq-list-draft:last-child{border-bottom:none}.sq-list-draft:hover{background:var(--paper)}.sq-list-draft-link{min-width:0;color:inherit;flex:1;align-items:center;gap:16px;text-decoration:none;display:flex}.sq-list-draft-icon{background:var(--steel-wash);border:1px solid color-mix(in srgb,var(--steel)35%,var(--line));width:44px;height:44px;color:var(--steel-deep);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.sq-list-draft-icon svg{width:22px;height:22px}.sq-list-draft-main{flex:1;min-width:0}.sq-list-draft-title{font-family:var(--font-marketplace-cairo,"Cairo"),sans-serif;color:var(--ink);margin:0 0 3px;font-size:16px;font-weight:700}.sq-list-draft-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.sq-list-draft-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.sq-list-status{border-radius:999px;flex-shrink:0;padding:4px 11px;font-size:12px;font-weight:700}.sq-list-status-draft{color:var(--steel-deep);background:var(--steel-wash)}.sq-list-status-done{color:var(--green);background:color-mix(in srgb,var(--green)12%,var(--surface))}@media (max-width:760px){.sq-list-shell{padding:0 16px 40px}.sq-list-hero{padding:32px 0 20px}.sq-list-toolbar{flex-direction:column;align-items:stretch}.sq-list-toolbar-actions{justify-content:stretch}.sq-list-toolbar-actions .sq-list-btn{flex:1}.sq-list-settings{gap:14px}.sq-list-set-divider{display:none}.sq-list-draft{flex-wrap:wrap}.sq-list-draft-actions{justify-content:flex-start;width:100%}}@media (max-width:480px){.sq-list-toolbar-actions{flex-direction:column;width:100%}.sq-list-toolbar-actions .sq-list-btn{width:100%}}