:root{--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--ink-4:#94a3b8;--paper:#dde3ea;--paper-2:#eef3f7;--card:#fff;--hair:#dbe3ec;--hair-2:#cbd5e1;--teal:#0f766e;--teal-bright:#14b8a6;--teal-soft:#ccfbf1;--sun:#f5832c;--amber:#f59e0b;--green:#22c55e;--red:#ef4444;--shadow:0 20px 52px #0f172a1f;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 15% 0%, #14b8a629, transparent 34%), linear-gradient(180deg, #e9eef4 0%, var(--paper) 46%, #d4dce6 100%);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.portal-page{justify-content:center;min-height:100vh;padding:18px;display:flex}.portal-app{width:min(100%,430px);min-height:calc(100vh - 36px);box-shadow:var(--shadow);background:linear-gradient(#f8fafc 0%,#eef3f7 100%);border:1px solid #94a3b86b;border-radius:32px;flex-direction:column;display:flex;overflow:hidden}.portal-scroll{scrollbar-width:none;flex:1;overflow-y:auto}.portal-scroll::-webkit-scrollbar{display:none}.portal-content{padding:20px 18px 104px}.portal-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcd6;border-bottom:1px solid #cbd5e19e;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex;position:sticky;top:0}.operator-lockup{align-items:center;gap:10px;min-width:0;display:flex}.operator-mark{color:#fff;background:linear-gradient(135deg, var(--sun), #fbbf24);border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 12px 24px #f5832c47}.operator-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-weight:800;overflow:hidden}.powered{letter-spacing:0;color:var(--ink-4);margin-top:2px;font-size:10px;font-weight:700}.powered strong{color:var(--teal);letter-spacing:0;text-transform:none}.icon-button,.pill-button{border:1px solid var(--hair);background:var(--card);color:var(--ink-2);box-shadow:0 1px 2px #0f172a0a}.icon-button{border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.pill-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.hero-card{color:#fff;background:radial-gradient(circle at 78% 18%,#fbbf2457,#0000 28%),linear-gradient(145deg,#0f766e 0%,#14b8a6 52%,#0f766e 100%);border:1px solid #0f766e38;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 22px 44px #0f766e47}.hero-card:after{content:"";background:#ffffff1f;border-radius:999px;width:190px;height:190px;position:absolute;inset:auto -40px -90px auto}.hero-inner{z-index:1;padding:22px;position:relative}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;margin:0;font-size:11px;font-weight:800}.hero-title{letter-spacing:0;overflow-wrap:anywhere;margin:10px 0 0;font-size:34px;line-height:1}.hero-sub{color:#ffffffc7;max-width:30ch;margin:10px 0 0;font-size:14px;line-height:1.45}.hero-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.hero-stat{background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px;padding:12px}.hero-stat span{letter-spacing:.08em;text-transform:uppercase;color:#ffffffad;font-size:10px;font-weight:800;display:block}.hero-stat strong{font-family:var(--mono);margin-top:6px;font-size:13px;display:block}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 10px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:15px}.section-title span{color:var(--ink-3);font-size:12px;font-weight:700}.card{border:1px solid var(--hair);background:#ffffffd1;border-radius:22px;box-shadow:0 1px 2px #0f172a0a}.card-pad{padding:16px}.page-heading{letter-spacing:0;margin:0;font-size:25px;line-height:1.08}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{padding:14px}.metric-label{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.metric-value{font-family:var(--mono);margin:8px 0 0;font-size:18px;font-weight:700}.metric-help{color:var(--ink-3);margin:5px 0 0;font-size:12px}.primary-button{color:#fff;background:linear-gradient(#2dd4bf,#0f766e);border:1px solid #0f766e;border-radius:17px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-weight:850;display:inline-flex;box-shadow:0 16px 30px #0f766e3d}.secondary-button{border:1px solid var(--hair);width:100%;min-height:46px;color:var(--ink-2);background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.secondary-button.compact{width:auto;min-height:38px;padding:0 12px}.list{gap:10px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.row-main{align-items:center;gap:12px;min-width:0;display:flex}.row-icon{width:38px;height:38px;color:var(--teal);background:#ecfeff;border-radius:14px;flex:none;place-items:center;display:grid}.row-title{margin:0;font-size:13px;font-weight:850}.row-sub{color:var(--ink-3);margin:4px 0 0;font-size:12px;line-height:1.35}.row-value{font-family:var(--mono);flex:none;font-size:13px;font-weight:700}.status-pill{color:#047857;background:#dcfce7;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.status-pill.warn{color:#b45309;background:#fef3c7}.status-pill.neutral{color:var(--ink-2);background:#e2e8f0}.status-pill.success{color:#047857;background:#dcfce7}.status-pill.warning{color:#b45309;background:#fef3c7}.status-pill.danger{color:#b91c1c;background:#fee2e2}.status-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.code-inputs{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px;display:grid}.code-inputs.compact{grid-template-columns:repeat(4,1fr);margin-top:14px}.code-inputs input,.field,.textarea{border:1px solid var(--hair-2);width:100%;color:var(--ink);background:#fff;border-radius:16px;outline:none;transition:border-color .15s,box-shadow .15s}.code-inputs input{text-align:center;height:56px;font-family:var(--mono);font-size:22px;font-weight:700}.field{height:50px;padding:0 14px}.textarea{resize:vertical;min-height:108px;padding:14px}.code-inputs input:focus,.field:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #14b8a624}.label{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:850;display:grid}.dev-code{color:var(--teal);font-family:var(--mono);background:#f0fdfa;border:1px dashed #0f766e47;border-radius:12px;margin:10px 0 0;padding:9px 10px;font-size:12px;font-weight:800}.issue-grid{gap:10px;display:grid}.payment-form{display:grid}.issue,.rule{border:1px solid var(--hair);background:#fff;border-radius:18px;padding:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.issue:has(input:checked){background:#ecfeff;border-color:#0f766e66}.issue-card{overflow:hidden}.issue-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;display:flex}.issue-summary::-webkit-details-marker{display:none}.issue-summary-meta{flex:none;align-items:center;gap:8px;display:flex}.issue-card[open] .issue-summary{border-bottom:1px solid var(--hair)}.issue-card[open] .issue-summary-meta svg{transform:rotate(180deg)}.issue-detail{gap:9px;padding:14px;display:grid}.issue-description{background:var(--inset);border-radius:14px;padding:12px}.issue-description span{color:var(--ink-3);text-transform:uppercase;font-size:11px;font-weight:850}.issue-description p{color:var(--ink-2);white-space:pre-line;margin:6px 0 0;font-size:13px;line-height:1.45}.payment-state,.usage-state,.access-state{margin-top:14px}.payment-state.success,.usage-state.success{background:#f0fdf4;border-color:#bbf7d0}.payment-state.warning,.usage-state.warning,.access-state.warning{background:#fffbeb;border-color:#fde68a}.payment-state.danger,.usage-state.danger,.access-state.danger{background:#fef2f2;border-color:#fecaca}.payment-state.neutral,.usage-state.neutral,.access-state.neutral{border-color:var(--hair);background:#f8fafc}.state-grid{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.state-grid::-webkit-scrollbar{display:none}.state-chip{border:1px solid var(--hair);color:var(--ink-3);background:#fff;border-radius:999px;flex:none;padding:8px 10px;font-size:11px;font-weight:850}.state-chip.active{color:var(--teal);background:#ecfeff;border-color:#0f766e61}.success-state{background:#f0fdf4;border-color:#bbf7d0;margin-top:14px}.empty-state{background:#fff}.plan-summary{background:linear-gradient(#f0fdfaf2,#ffffffe6),#fff;border:1px solid #0f766e2e;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.plan-summary-main{align-items:center;gap:14px;padding:18px;display:flex}.plan-badge{width:50px;height:50px;color:var(--teal);background:#ccfbf1;border-radius:18px;flex:none;place-items:center;display:grid}.plan-name{letter-spacing:0;margin:6px 0 0;font-size:28px;line-height:1.04}.plan-price{color:var(--teal);font-family:var(--mono);margin:8px 0 0;font-size:18px;font-weight:850}.plan-price span{color:var(--ink-3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:750}.plan-facts{border-top:1px solid #0f766e24;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.plan-fact{gap:4px;padding:14px 18px 16px;display:grid}.plan-fact+.plan-fact{border-left:1px solid #0f766e24}.plan-fact span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.plan-fact strong{font-family:var(--mono);font-size:18px;line-height:1}.plan-fact small{color:var(--ink-3);font-size:12px}.usage-bars{background:#fff;border-radius:20px;align-items:end;gap:8px;height:120px;padding:14px;display:flex}.usage-bar{background:linear-gradient(180deg, var(--teal-bright), var(--teal));border-radius:999px 999px 6px 6px;flex:1;min-width:0}.appliance-card{padding:14px}.appliance-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.appliance-count{min-width:30px;height:30px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.appliance-count.good{color:#047857;background:#dcfce7}.appliance-count.warn{color:#b45309;background:#ffedd5}.appliance-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.appliance-list.scrollable{max-height:210px;padding-right:2px;overflow-y:auto}.appliance-chip{border:1px solid var(--hair);background:#fff;border-radius:13px;align-items:center;gap:7px;min-width:0;padding:9px 10px;display:flex}.appliance-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.appliance-chip.good{color:#047857;background:#f0fdf4;border-color:#bbf7d0}.appliance-chip.warn{color:#b45309;background:#fff7ed;border-color:#fed7aa}.receipt-card{overflow:hidden}.receipt-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;display:flex}.receipt-summary::-webkit-details-marker{display:none}.receipt-card[open] .receipt-summary{border-bottom:1px solid var(--hair)}.receipt-card[open] .receipt-summary svg:last-child{transform:rotate(180deg)}.receipt-detail{gap:9px;padding:14px;display:grid}.detail-row{justify-content:space-between;align-items:start;gap:14px;display:flex}.detail-row span{color:var(--ink-3);font-size:12px;font-weight:700}.detail-row strong{overflow-wrap:anywhere;max-width:58%;font-family:var(--mono);text-align:right;font-size:12px}.receipt-actions{gap:8px;margin-top:4px;display:flex}.file-button{cursor:pointer;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.notification.unread{background:#fffdf5;border-color:#f59e0b61}.notification.read{background:#ffffffb8}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafce6;border-top:1px solid #cbd5e1b8;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 12px 12px;display:grid;position:sticky;bottom:0}.nav-link{color:var(--ink-4);border-radius:16px;justify-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:850;display:grid}.nav-link.active{color:var(--teal);background:#ecfeff}@media (min-width:900px){.portal-page{align-items:center;padding:34px}.portal-app{min-height:844px;max-height:844px}}@media (max-width:460px){.portal-page{padding:0}.portal-app{border:0;border-radius:0;min-height:100vh}}