.portal{--nn-brand: #1F6F5C;--nn-brand-soft: #E8F2EE;--nn-brand-mid: #C5DBD3;--nn-brand-hover: #185A4B;--nn-warm: #C27A3A;--nn-warm-soft: #F7EDE3;--nn-ink: #111A16;--nn-ink-2: #2A3530;--nn-muted: #5F6B65;--nn-line: #E3E7E4;--nn-line-strong: #CFD6D2;--nn-fill: #F0F2F0;--nn-fill-2: #E8F2EE;--nn-bg: #F5F6F4;--nn-card: #FFFFFF;--nn-accent: var(--nn-brand);--nn-accent-soft: var(--nn-brand-soft);--nn-accent-mid: var(--nn-brand-mid);--nn-warn: #B45309;--nn-warn-soft: #FFF4E5;--nn-danger: #C2410C;--nn-danger-soft: #FDECE6;--nn-ok: #16A34A;--nn-ok-soft: #E8F7EE;--nn-radius: 14px;--nn-radius-sm: 10px;--nn-shadow: 0 1px 2px rgba(17, 26, 22, .04), 0 8px 24px -16px rgba(17, 26, 22, .12);--nn-shadow-sm: 0 1px 2px rgba(17, 26, 22, .05);--nn-side-w: 256px;color:var(--nn-ink);background:var(--nn-bg);font-feature-settings:"ss01" on,"cv11" on;-webkit-font-smoothing:antialiased}.portal .btn{height:38px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--nn-line-strong);background:var(--nn-card);color:var(--nn-ink);font-size:13.5px;font-weight:600;box-shadow:var(--nn-shadow-sm);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.portal .btn:hover:not(:disabled){background:var(--nn-fill);border-color:#b8c5c9}.portal .btn:active:not(:disabled){transform:translateY(1px)}.portal .btn.primary{background:var(--nn-brand);border-color:var(--nn-brand);color:#fff;box-shadow:0 1px 2px #1f6f5c40,0 8px 18px -10px #1f6f5c80}.portal .btn.primary:hover:not(:disabled){background:var(--nn-brand-hover);border-color:var(--nn-brand-hover);color:#fff}.portal .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--nn-muted)}.portal .btn.ghost:hover:not(:disabled){background:#0c16190d;color:var(--nn-ink)}.portal .btn.link-btn{height:32px;padding:0 12px;font-size:12.5px}.portal .btn:disabled{opacity:.55;box-shadow:none}.portal-side{width:var(--nn-side-w);flex-basis:var(--nn-side-w);padding:18px 14px 14px;border-right:1px solid rgba(226,232,234,.9);background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:1px 0 #fff9}.portal-brand{padding:4px 8px 8px;margin-bottom:6px}.portal-brand strong{font-size:16px;font-weight:750;letter-spacing:-.03em}.portal-brand span{color:var(--nn-muted);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.portal-side-toggle{border-radius:9px;border-color:var(--nn-line);background:var(--nn-fill)}.portal-side nav{gap:3px;padding:0 2px}.portal-nav{height:40px;padding:0 12px;border-radius:10px;color:var(--nn-ink-2);font-size:13.5px;font-weight:550;position:relative;transition:background .14s ease,color .14s ease}.portal-nav svg{color:#7a8d93;transition:color .14s ease}.portal-nav:hover{background:var(--nn-fill);color:var(--nn-ink)}.portal-nav:hover svg{color:var(--nn-ink-2)}.portal-nav.active{background:var(--nn-accent-soft);color:var(--nn-accent);font-weight:650;box-shadow:inset 3px 0 0 var(--nn-accent)}.portal-nav.active svg{color:var(--nn-accent)}.portal-credits{border-radius:12px;border-color:#e8d5c4;background:linear-gradient(180deg,#FBF6F1,var(--nn-warm-soft));padding:12px 14px}.portal-credits strong,.portal-credits .portal-credits-left{color:var(--nn-warm);font-size:17px}.portal-credits:hover{border-color:var(--nn-warm);background:#f3e6d8}.portal-credits-meter .is-used{background:var(--nn-warm)!important}.portal-credits-meter .is-left{background:#e8d5c4!important}.portal-credits-meter.high .is-used{background:var(--nn-warn)!important}.portal-credits-meter.full .is-used{background:var(--nn-danger)!important}.portal-foot{border-top-color:var(--nn-line);padding-top:14px}.portal-avatar{background:linear-gradient(145deg,var(--nn-brand-soft),var(--nn-brand-mid));color:var(--nn-brand);font-weight:750}.portal-signout{border-radius:9px}.portal-main{padding:28px 36px 72px;max-width:1180px}.portal .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}.portal-head{display:block;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--nn-line)}.portal-eyebrow{margin:0 0 6px!important;color:var(--nn-accent)!important;font-size:11.5px!important;font-weight:750;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.portal-head h1{margin:0;font-size:26px;font-weight:750;letter-spacing:-.035em;line-height:1.15;color:var(--nn-ink);min-width:0;overflow-wrap:anywhere}.portal-head p{margin:8px 0 0;max-width:58ch;color:var(--nn-muted);font-size:14.5px;line-height:1.5}.portal-shop-chip{border-radius:12px;border-color:var(--nn-line);background:var(--nn-card);box-shadow:var(--nn-shadow-sm);padding:11px 14px}.portal-shop-chip svg{color:var(--nn-accent)}.portal-shop-chip span{color:var(--nn-muted);font-size:10.5px;letter-spacing:.06em}.portal .card{border:1px solid var(--nn-line);border-radius:var(--nn-radius);background:var(--nn-card);box-shadow:var(--nn-shadow);padding:22px 22px 20px;margin-bottom:18px}.portal .card>h2,.portal .card .dash-section-head h2,.portal .card .etsy-queue-head h2,.portal .card .generations-head h2{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--nn-ink)}.portal .card>.muted,.portal .req-note{color:var(--nn-muted);font-size:13.5px;line-height:1.45}.portal-stat{border-radius:var(--nn-radius);border-color:var(--nn-line);background:var(--nn-card);box-shadow:var(--nn-shadow);padding:18px 18px 16px;gap:6px;transition:border-color .15s ease,background .15s ease,transform .12s ease}button.portal-stat.is-clickable:hover{border-color:var(--nn-accent-mid);background:#f5f6f4;transform:translateY(-1px)}.portal-stat span{color:var(--nn-muted);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.portal-stat strong{font-size:26px;font-weight:750;letter-spacing:-.04em;color:var(--nn-ink)}.portal-stat em{color:#84959b}.portal .dash-glance-item{border-radius:12px;border-color:var(--nn-line);background:linear-gradient(180deg,#fff,var(--nn-fill));padding:16px}.portal .dash-glance-item.is-button:hover{border-color:var(--nn-accent-mid);background:#e8f2ee}.portal .dash-glance-item span{color:var(--nn-muted);letter-spacing:.05em}.portal .dash-notice{border-radius:var(--nn-radius);box-shadow:var(--nn-shadow-sm)}.portal .dash-notice.is-warn{border-color:#efd4a8;background:linear-gradient(180deg,#fffbf3,#fff4e5)}.portal .dash-notice.is-alert{border-color:#f0c4c1;background:linear-gradient(180deg,#fff8f7,#fdece6)}.portal .tabs{gap:6px;width:fit-content;max-width:100%;margin:4px auto 22px;padding:6px;justify-content:center;border:1px solid var(--nn-line);border-radius:999px;background:var(--nn-surface, #FFFFFF);box-shadow:0 10px 28px -14px #111a1638,0 1px 2px #111a160a}.portal .tabs button{height:42px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--nn-muted);font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.portal .tabs button:hover:not(.on){background:var(--nn-brand-soft);color:var(--nn-brand)}.portal .tabs button.on{background:var(--nn-brand);color:#fff;box-shadow:0 8px 18px -8px #1f6f5cb3}.portal table{margin:10px 0 0;border-collapse:separate;border-spacing:0;width:100%}.portal table th{padding:10px 12px;border-bottom:1px solid var(--nn-line);color:var(--nn-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:transparent}.portal table td{padding:12px;border-bottom:1px solid #eef2f3;font-size:13.5px;color:var(--nn-ink-2);vertical-align:middle}.portal table tbody tr:hover td{background:#1f6f5c08}.portal table tbody tr:last-child td{border-bottom:0}.portal input,.portal select,.portal textarea,.portal .section-trigger{border-color:var(--nn-line-strong);border-radius:10px;box-shadow:inset 0 1px 2px #0c161908;transition:border-color .15s ease,box-shadow .15s ease}.portal input:focus,.portal select:focus,.portal textarea:focus,.portal .section-trigger:focus,.portal .section-dropdown.is-open .section-trigger{border-color:var(--nn-accent);box-shadow:0 0 0 3px #1f6f5c29;outline:none}.portal label{color:var(--nn-ink-2);font-size:13px;font-weight:650}.portal label .hint,.portal .muted{color:var(--nn-muted)}.portal .ok{color:var(--nn-ok)}.portal .err{color:var(--nn-danger)}.portal-main>.err{padding:12px 14px;border-radius:10px;background:var(--nn-danger-soft);border:1px solid #f0c4c1;font-size:13.5px;line-height:1.4}.portal .snackbar{border-radius:12px;padding:13px 18px;font-weight:600;box-shadow:0 16px 40px #0c161947}.portal .snackbar.is-ok{background:var(--nn-accent)}.portal .snackbar.is-err{background:var(--nn-danger)}.portal .image-usage,.portal .usage-stats>div,.portal .generation-card,.portal .integration{border-color:var(--nn-line);border-radius:12px;box-shadow:var(--nn-shadow-sm)}.portal .image-meter{background:var(--nn-brand-soft)}.portal .image-meter span,.portal .image-usage-legend .is-used i{background:var(--nn-brand)}.portal .image-usage-legend .is-left i{background:var(--nn-brand-soft);box-shadow:inset 0 0 0 1px var(--nn-brand-mid)}.portal .usage-ledger td.is-credit{color:var(--nn-ok)}.portal .usage-ledger td.is-spend{color:var(--nn-danger)}.portal .etsy-queue-status.is-success{background:var(--nn-ok-soft);color:var(--nn-ok)}.portal .etsy-queue-status.is-working{background:var(--nn-warn-soft);color:var(--nn-warn)}.portal .etsy-queue-status.is-failed{background:var(--nn-danger-soft);color:var(--nn-danger)}.portal .generation-card.is-selected,.portal .draft-picker-tile.is-on{border-color:var(--nn-accent);box-shadow:0 0 0 1px var(--nn-accent);background:#e8f2ee}.portal .profit-result{border-radius:12px;border-color:var(--nn-line)}.portal .list-pager{border-top-color:var(--nn-line)}.portal .ai-fill-bar{border-radius:12px}.portal .compliance-banner{border-radius:12px;border-color:#d5e4d1;background:#f4f8f2}.portal .etsy-queue-summary-chip.is-on{border-color:var(--nn-ink)}.portal .etsy-queue-summary-chip.is-alert.is-on{border-color:var(--nn-danger)}.portal .etsy-queue-summary-chip.is-wait.is-on{border-color:var(--nn-warn)}.portal .etsy-queue-summary-chip.is-ok.is-on{border-color:var(--nn-accent)}.portal .etsy-queue-failed{border-color:#f0c4c1;background:linear-gradient(180deg,#fff8f7,#ffffffd9)}.dash{display:flex;flex-direction:column;gap:16px}.dash-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;border-radius:var(--nn-radius);border:1px solid var(--nn-accent-mid);background:radial-gradient(700px 180px at 100% 0%,rgba(31,111,92,.14),transparent 55%),linear-gradient(135deg,#fff,#f3faf8);box-shadow:var(--nn-shadow)}.dash-hero.is-warn{border-color:#efd4a8;background:radial-gradient(700px 180px at 100% 0%,rgba(180,83,9,.1),transparent 55%),linear-gradient(135deg,#fffdf8,#fff4e5)}.dash-kicker{margin:0 0 6px;color:var(--nn-accent);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.dash-hero.is-warn .dash-kicker{color:var(--nn-warn)}.dash-hero-copy{min-width:min(100%,420px);flex:1 1 360px}.dash-hero h2{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:750;letter-spacing:-.03em;line-height:1.15;color:var(--nn-ink)}.dash-hero-copy>.muted{margin:8px 0 0;max-width:52ch;font-size:14px;line-height:1.5}.dash-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.dash-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--nn-fill);color:var(--nn-ink-2);border:1px solid var(--nn-line);font-size:11.5px;font-weight:700;letter-spacing:.01em}.dash-pill.is-ok{background:var(--nn-ok-soft);border-color:#b7e4c7;color:var(--nn-ok)}.dash-pill.is-warn{background:var(--nn-warn-soft);border-color:#efd4a8;color:var(--nn-warn)}.dash-pill.is-wait{background:#fff4e5;border-color:#f0d48a;color:#b45309}.dash-pill.is-alert{background:var(--nn-danger-soft);border-color:#f0c4c1;color:var(--nn-danger)}.dash-hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.dash-updated{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.dash-updated .muted{margin:0;font-size:13.5px}.dash-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--nn-line);border-radius:8px;background:var(--nn-card);color:var(--nn-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.dash-refresh-btn svg{width:14px;height:14px}.dash-refresh-btn:hover:not(:disabled){background:var(--nn-brand-soft);border-color:var(--nn-brand-mid);color:var(--nn-brand)}.dash-refresh-btn:disabled{opacity:.65;cursor:default}.dash-refresh-btn.is-busy svg{animation:dash-spin .8s linear infinite}@keyframes dash-spin{to{transform:rotate(360deg)}}.portal-head .portal-eyebrow{display:none}.dash-connect-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:0!important;border-color:#efd4a8!important;background:linear-gradient(180deg,#fffdf8,#fff4e5)!important}.dash-connect-cta h3{margin:0 0 4px;font-size:16px;letter-spacing:-.01em}.dash-connect-cta .muted{margin:0}.dash .portal-stats{margin-bottom:0;gap:12px}.dash .portal-stat{position:relative;overflow:hidden}.dash .portal-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.dash .portal-stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--nn-fill);color:var(--nn-muted);flex:0 0 auto}.dash .portal-stat-icon svg{width:15px;height:15px}.dash .portal-stat.is-ok .portal-stat-icon,.dash .portal-stat.is-accent .portal-stat-icon{background:var(--nn-accent-soft);color:var(--nn-accent)}.dash .portal-stat.is-warn .portal-stat-icon{background:var(--nn-warn-soft);color:var(--nn-warn)}.dash .portal-stat.is-ok strong{color:var(--nn-accent)}.dash .portal-stat.is-accent strong{color:var(--nn-ink)}.dash .portal-stat.is-warn strong{color:var(--nn-warn)}.dash .dash-glance{margin-bottom:0}.dash .dash-glance-item.is-ok{border-color:var(--nn-accent-mid);background:linear-gradient(180deg,#fff,var(--nn-accent-soft))}.dash .dash-glance-item.is-warn{border-color:#efd4a8;background:linear-gradient(180deg,#fff,var(--nn-warn-soft))}.dash .dash-glance-item.is-wait{border-color:#f0d48a;background:linear-gradient(180deg,#fff,#fff4e5)}.dash .dash-notice{margin-bottom:0}.dash .dash-notice .dash-section-head{margin-bottom:0;align-items:flex-start}.dash-note{margin:0}.dash-panel{margin-bottom:0}.dash-panel .dash-section-head{margin-bottom:12px}.dash-table-wrap{border:1px solid var(--nn-line);border-radius:12px;overflow:hidden;background:#fff}.dash-table-wrap .dash-table{margin:0;min-width:560px}.dash-table-wrap th{background:var(--nn-fill);border-bottom-color:var(--nn-line)}.dash-table-wrap td.title{font-weight:650;color:var(--nn-ink);max-width:280px}.dash-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:28px 20px;border-radius:12px;border:1px dashed var(--nn-line-strong);background:var(--nn-fill)}.dash-empty strong{font-size:15px;letter-spacing:-.01em}.dash-empty .muted{margin:0 0 8px;max-width:42ch}.dash-more{margin-top:10px}@media (max-width: 1100px){.portal-main{padding:28px 24px 64px;max-width:none}}@media (max-width: 860px){.portal-main{padding:22px 16px 52px}.portal-head h1{font-size:23px}.portal-head{margin-bottom:16px;padding-bottom:12px}.dash-hero{padding:18px}.dash-hero-actions{width:100%;justify-content:stretch}.dash-hero-actions .btn{flex:1 1 auto}}@media (max-width: 640px){.portal-main{padding:18px 12px 44px}.portal-head h1{font-size:21px}.portal-head{margin-bottom:14px;padding-bottom:10px}.portal .card{padding:16px;border-radius:12px}.portal-stat strong,.dash-hero h2{font-size:22px}.portal .tabs{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.portal .tabs::-webkit-scrollbar{display:none}.portal .tabs button{height:38px;padding:0 16px;font-size:13px}}@media (prefers-reduced-motion: reduce){.portal .btn,.portal-nav,.portal-stat{transition:none}}