@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #111827;--color-bg: #f8fafc;--color-card: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-faint: #cbd5e1;--color-success-bg: #ecfdf5;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100vh}.portal-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.portal-card{width:100%;max-width:667px;background:var(--color-card);border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;border:1px solid var(--color-border-light);overflow:hidden}.portal-header{padding:32px 32px 24px;text-align:center}.portal-brand{display:flex;align-items:center;justify-content:center;gap:12px}.portal-logo{height:36px;width:36px;border-radius:8px;background:var(--color-primary)}.portal-logo-img{height:36px;width:36px;border-radius:8px;object-fit:contain}.portal-brand-text{text-align:left}.portal-product-name{font-size:13px;color:var(--color-text-secondary)}.portal-header h1{font-size:22px;font-weight:600;color:var(--color-text);margin:0;line-height:1.3}.portal-subtitle{margin-top:16px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.portal-body{padding:0 32px 32px}.portal-data-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:20px}.portal-data-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.portal-data-header h2{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.portal-data-header p{font-size:12px;color:var(--color-text-secondary);margin:4px 0 0}.portal-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap}.portal-items{list-style:none;margin:16px 0 0;padding:0}.portal-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin-top:8px}.portal-item:first-child{margin-top:0}.portal-item-label{font-size:14px;font-weight:500;color:var(--color-text)}.portal-item-count{font-size:14px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.portal-group{margin-top:8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.portal-group:first-child{margin-top:0}.portal-group-toggle{display:flex;align-items:center;width:100%;padding:12px 16px;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.portal-group-toggle:hover{background:var(--color-bg)}.portal-group-toggle .portal-item-label{flex:1}.portal-group-chevron{font-size:10px;color:var(--color-text-muted);display:inline-block;transition:transform .15s ease;transform:rotate(-90deg)}.portal-group-chevron[data-expanded=true]{transform:rotate(0)}.portal-group-children{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-border-light)}.portal-group-child{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 36px;border-top:1px solid var(--color-border-light)}.portal-group-child:first-child{border-top:none}.portal-group-child .portal-item-label{font-size:13px;color:var(--color-text-secondary)}.portal-group-child .portal-item-count{font-size:13px;color:var(--color-text-muted)}.portal-action{margin-top:24px}.portal-button-primary{display:block;width:100%;padding:14px 24px;font-family:inherit;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #00000014;text-align:center;text-decoration:none;transition:opacity .15s ease}.portal-button-primary:hover{filter:brightness(.85)}.portal-hint{margin-top:12px;font-size:12px;color:var(--color-text-muted);text-align:center}.portal-processing{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;text-align:center}.portal-processing h3{margin-top:16px;font-size:14px;font-weight:600;color:var(--color-text)}.portal-processing p{margin-top:8px;font-size:14px;color:var(--color-text-secondary)}.portal-queued{background:var(--color-success-bg);border:1px solid #a7f3d0;border-radius:16px;padding:24px;text-align:center}.portal-queued-icon{width:48px;height:48px;margin:0 auto;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;font-size:24px}.portal-queued h3{margin-top:16px;font-size:14px;font-weight:600;color:var(--color-text)}.portal-queued p{margin-top:8px;font-size:14px;color:var(--color-text-secondary)}.portal-ready{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;text-align:center}.portal-ready-icon{width:48px;height:48px;margin:0 auto;border-radius:50%;background:var(--color-success-bg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#10b981}.portal-ready h3{margin-top:16px;font-size:14px;font-weight:600;color:var(--color-text)}.portal-ready .portal-button-primary{margin-top:16px}.portal-ready .portal-hint{margin-top:12px}.spinner{width:40px;height:40px;margin:0 auto;border-radius:50%;border:4px solid var(--color-border);border-top-color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portal-footer{margin-top:24px;text-align:center}.portal-footer span{font-size:12px;color:var(--color-text-faint)}.portal-support{margin-top:16px;text-align:center;font-size:11px;color:var(--color-text-muted)}.portal-support a{color:var(--color-text-secondary);text-decoration:underline}.portal-loading{padding:48px 24px;text-align:center}.portal-loading p{margin-top:16px;font-size:14px;color:var(--color-text-secondary)}.portal-error{padding:48px 24px;text-align:center}.portal-error h2{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}.portal-error p{font-size:14px;color:var(--color-text-secondary)}.portal-expired{text-align:center;padding:48px 24px;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border)}.portal-expired h2{margin-bottom:12px;font-size:16px;font-weight:600;color:var(--color-text)}.portal-expired p{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.portal-expired a{color:var(--color-text);text-decoration:underline}.portal-not-configured{text-align:center;padding:48px 24px;background:var(--color-warning-bg);border-radius:12px;border:1px solid #fde68a}.portal-not-configured h2{margin-bottom:12px;font-size:16px;font-weight:600;color:var(--color-warning-text)}.portal-not-configured p{font-size:14px;color:#a16207;line-height:1.6}