.portal-shell{color:#111827;background:#f3f4f6;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.portal-header{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.portal-header-left{align-items:center;gap:32px;min-width:0;display:flex}.portal-logo{color:#111827;cursor:pointer;background:0 0;border:none;font-size:18px;font-weight:800}.portal-logo span{color:#4f46e5}.portal-nav{gap:0;display:flex;overflow-x:auto}.portal-nav button{color:#6b7280;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 14px;font-size:14px;font-weight:600}.portal-nav button.active{color:#4f46e5;border-bottom-color:#4f46e5}.portal-header-right{align-items:center;gap:12px;display:flex}.portal-language{color:#6b7280;font-size:12px;display:flex}.portal-language span{border-radius:6px;padding:3px 8px}.portal-language .active{color:#fff;background:#4f46e5}.portal-balance{align-items:center;gap:6px;display:flex}.portal-balance span{color:#6b7280;font-size:11px}.portal-balance strong{font-variant-numeric:tabular-nums}.portal-mini-button{color:#4f46e5;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700}.portal-avatar{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.portal-main{max-width:1440px;margin:0 auto;padding:24px}.portal-hero{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.portal-eyebrow{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:800}.portal-hero h1{margin:0 0 4px;font-size:24px;font-weight:800}.portal-hero p{color:#6b7280}.portal-hero-actions{gap:8px;display:flex}.portal-button{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.portal-button-primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.portal-button-secondary{color:#111827;border-color:#e5e7eb}.portal-button-cta{color:#fff;background:#f97316;border-color:#f97316}.portal-button.full-width{width:100%}.portal-metrics{grid-template-columns:1.15fr repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.portal-metric{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0000000f}.portal-metric.accent{border-left:3px solid #4f46e5;padding-left:18px}.portal-metric span{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.portal-metric strong{font-size:26px;font-weight:800;display:block}.portal-metric small{color:#6b7280;margin-top:4px;display:block}.nested-metrics{grid-template-columns:repeat(3,1fr)}.portal-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.portal-card.nested{box-shadow:none;margin-top:14px}.portal-card.wide{grid-column:span 2}.portal-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.portal-card-header h2,.portal-card-header h3{margin:0;font-size:16px;font-weight:800}.portal-card-header span{color:#6b7280;font-size:12px}.portal-dashboard-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.portal-action-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}.portal-action{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.portal-action.primary{background:#eef2ff;border-color:#4f46e5}.portal-action strong{font-size:14px;display:block}.portal-action span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.portal-list{flex-direction:column;gap:10px;padding:18px;display:flex}.portal-list.compact{padding:14px}.portal-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.portal-list-item strong{font-size:13px;display:block}.portal-list-item span{color:#6b7280;margin-top:2px;font-size:12px;display:block}.portal-notice{color:#3730a3;background:#eef2ff;border-left:3px solid #4f46e5;border-radius:10px;margin:18px;padding:12px 14px;font-size:13px}.portal-notice.warning{color:#92400e;background:#fffbeb;border-left-color:#f59e0b}.portal-buy-grid{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.portal-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}.portal-form-grid.compact{padding-top:0}.portal-field span{color:#6b7280;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.portal-field input,.portal-field select,.portal-toolbar select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:9px 11px;font-size:13px}.portal-family-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:18px;display:grid}.portal-family{border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;padding:12px;display:flex}.portal-summary{align-self:start;padding-bottom:18px;position:sticky;top:78px}.portal-summary-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:12px;padding:11px 18px;display:flex}.portal-summary-row span{color:#6b7280}.portal-summary-row strong{text-align:right}.portal-summary-total{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.portal-summary-total strong{font-size:28px}.portal-summary .portal-button,.portal-summary .portal-footnote{margin:0 18px}.portal-footnote{color:#6b7280;margin-top:10px;font-size:12px}.portal-two-column{grid-template-columns:minmax(0,1fr) 430px;gap:18px;display:grid}.portal-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.portal-toolbar>div{gap:8px;display:flex}.portal-table-wrap{overflow:auto}.portal-table{border-collapse:collapse;width:100%}.portal-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:11px}.portal-table td{border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.portal-table tr{cursor:pointer}.portal-table tr:hover td,.portal-table tr.selected td{background:#eef2ff}.portal-link-button{color:#4f46e5;cursor:pointer;background:0 0;border:none;font-weight:800}.portal-drawer{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-self:start;position:sticky;top:78px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.portal-drawer-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:18px;display:flex}.portal-drawer-header p{color:#6b7280;margin:0;font-size:12px}.portal-drawer-header h2{margin:2px 0 0;font-size:16px}.portal-detail-grid{padding:8px 0}.portal-drawer-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;padding:18px;display:flex}.portal-drawer-actions.inline{border-top:0;padding-left:0}.portal-badge{border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.portal-badge-success{color:#059669;background:#ecfdf5}.portal-badge-warning{color:#d97706;background:#fffbeb}.portal-badge-danger{color:#dc2626;background:#fef2f2}.portal-badge-neutral{color:#64748b;background:#f1f5f9}.portal-api-key{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin:18px;padding:14px;display:flex}.portal-api-key span{color:#6b7280;margin-top:4px;font-size:12px;display:block}.portal-code{color:#e5e7eb;background:#111827;border-radius:10px;margin:18px;padding:14px;font-size:12px;overflow:auto}.portal-shell code{font-family:SF Mono,Menlo,monospace}.portal-shell select,.portal-shell input,.portal-shell button{font-family:inherit}@media (max-width:1180px){.portal-metrics,.portal-dashboard-grid,.portal-buy-grid,.portal-two-column{grid-template-columns:1fr}.portal-summary,.portal-drawer{position:static}.portal-card.wide{grid-column:auto}}@media (max-width:780px){.portal-header{padding:0 14px}.portal-nav{display:none}.portal-header-right{gap:8px}.portal-language{display:none}.portal-main{padding:16px}.portal-hero{flex-direction:column;align-items:flex-start}.portal-form-grid,.portal-family-grid,.portal-action-grid,.nested-metrics,.portal-metrics{grid-template-columns:1fr}}
.pw-overview-section{padding-bottom:4px}.pw-overview-title{color:#111827;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:700;display:flex}.pw-overview-title:after{content:"";background:#f1f5f9;flex:auto;height:1px;margin-left:8px}.pw-overview-empty{color:#6b7280;text-align:center;background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;padding:28px 16px;font-size:13px}.pw-overview-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pw-overview-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex-direction:column;gap:0;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:flex;position:relative}.pw-overview-card:hover,.pw-overview-card:focus-visible{border-color:#c7c4f7;transform:translateY(-1px);box-shadow:0 4px 14px #6366f11f}.pw-overview-card:focus-visible{box-shadow:0 0 0 3px #6366f140,0 4px 14px #6366f11f}.pw-overview-card:active{transform:translateY(0)}.pw-overview-card-head{justify-content:space-between;align-items:flex-start;gap:8px;min-height:24px;margin-bottom:12px;display:flex}.pw-overview-card-city{flex:auto;align-items:center;min-width:0;display:flex}.pw-overview-card-flag{flex:none;margin-right:6px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,Twemoji Mozilla,sans-serif;font-size:20px;line-height:1}.pw-overview-card-city-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.pw-overview-card-badge{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.5}.pw-overview-card-badge.urgent{color:#7c3aed;background:#ede9fe;border-color:#ddd6fe}.pw-overview-card-badge.soon{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.pw-overview-card-ip{color:#7c3aed;letter-spacing:.2px;word-break:break-all;margin-top:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:18px;font-weight:700;line-height:1.3}.pw-overview-card-operator{color:#6b7280;margin-top:4px;font-size:12px;font-weight:500}.pw-overview-card-foot{border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.pw-overview-card-foot-left{flex-direction:column;gap:2px;min-width:0;display:flex}.pw-overview-card-days{color:#374151;font-size:12px;font-weight:600;line-height:1.3}.pw-overview-card-days.urgent{color:#dc2626}.pw-overview-card-date{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.3}.pw-overview-card-renew{color:#6366f1;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .15s;position:relative}.pw-overview-card-renew:after{content:"";opacity:.4;transform-origin:0;background:currentColor;height:1px;transition:transform .18s,opacity .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(.6)}.pw-overview-card-renew:hover,.pw-overview-card-renew:focus-visible{color:#4f46e5}.pw-overview-card-renew:hover:after,.pw-overview-card-renew:focus-visible:after{opacity:1;transform:scaleX(1)}.pw-overview-card-renew:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #6366f166}