:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5eefb;background:#0b1222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 36rem),#0b1222}input,textarea,button{font:inherit}a{color:#38bdf8}.portal-shell{min-height:100vh;background:radial-gradient(circle at top center,rgba(56,189,248,.08),transparent 34rem),#0b1222;color:#e5eefb;display:flex;justify-content:center;padding:84px 18px 36px}.portal-frame{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center}.portal-brand{text-align:center;margin-bottom:34px}.portal-logo{margin:0;color:#38bdf8;font-size:35px;line-height:1;font-weight:800;letter-spacing:-.045em}.portal-subtitle{margin:10px 0 0;color:#8aa4c7;font-size:16px}.portal-legal{margin-top:14px;color:#38bdf8;font-size:14px;font-weight:700}.portal-property{margin-top:8px;color:#9bb0ce;font-size:13px}.hakker-card{width:100%;max-width:620px;background:#1d293b;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:36px;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff08}.hakker-card h1{margin:0 0 22px;color:#f8fafc;font-size:26px;line-height:1.15;letter-spacing:-.03em}.form-intro{margin:-8px 0 24px;color:#9bb0ce;font-size:15px;line-height:1.45}.form-field{display:block;margin-bottom:18px}.form-label{display:block;color:#9bb0ce;font-size:14px;margin-bottom:8px}.form-input,.form-textarea{width:100%;background:#0b1222;border:1px solid #34445f;border-radius:10px;padding:13px 15px;color:#f8fafc;font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-input:focus,.form-textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf829}.form-textarea{min-height:132px;resize:vertical}.primary-button{width:100%;border:none;border-radius:10px;padding:14px 18px;cursor:pointer;background:#38bdf8;color:#07111f;font-weight:800;font-size:16px;transition:transform .12s ease,background .12s ease,opacity .12s ease}.primary-button:hover:not(:disabled){background:#45c6ff;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.62}.attachment-panel{border:1px dashed #40516c;border-radius:14px;padding:20px;margin:22px 0;background:#0f172ab8}.attachment-panel h3{margin:0 0 12px;color:#dcecff;font-size:15px;letter-spacing:.01em}.attachment-copy{margin:0 0 16px;color:#8fa6c6;font-size:13px;line-height:1.45}.attachment-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.attachment-picker{display:flex;min-height:74px;align-items:center;justify-content:center;border-radius:12px;background:#0d172a;border:1px solid #24539f;color:#38bdf8;cursor:pointer;font-weight:800;text-align:center;transition:border-color .15s ease,background .15s ease,transform .12s ease}.attachment-picker:hover{background:#13213a;border-color:#38bdf8;transform:translateY(-1px)}.attachment-files{background:#09111f;border:1px solid #26364f;border-radius:12px;padding:12px;margin-top:14px}.attachment-files strong{color:#f8fafc}.attachment-files ul{margin:10px 0;color:#9bb0ce;font-size:13px;padding-left:18px}.clear-button{background:transparent;border:1px solid #34445f;color:#dbeafe;border-radius:8px;padding:7px 11px;cursor:pointer}.attachment-limits{margin:12px 0 0;color:#7c8fad;font-size:12px;line-height:1.4;text-align:center}.error-message{color:#f87171;font-size:13px;margin:0 0 16px}.confirmation-card{text-align:center}.ticket-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#1e4f8f;color:#9de1ff;font-size:13px;padding:8px 15px;margin-bottom:28px}.ticket-number{margin:0 0 22px;color:#38bdf8;font-size:48px;line-height:1;font-weight:900;letter-spacing:.03em}.confirmation-copy{color:#a9bdd8;font-size:16px;line-height:1.45;margin-bottom:14px}.upload-success{color:#86efac;font-weight:700;margin-bottom:28px}.upload-results{text-align:left;background:#09111f;border:1px solid #26364f;border-radius:12px;padding:14px;margin-bottom:22px}.signout-link{display:inline-block;margin-top:18px;font-size:14px}.portal-footer{margin-top:28px;text-align:center;color:#7d91ae;font-size:12px}.portal-footer strong{display:block;color:#38bdf8;margin-bottom:6px;font-size:13px}@media (max-width: 640px){.portal-shell{padding-top:42px}.portal-logo{font-size:32px}.hakker-card{padding:26px 20px}.attachment-actions{grid-template-columns:1fr}.ticket-number{font-size:38px}}.ticket-detail-box,.ticket-description-box,.attachment-status-box{background:#09111f;border:1px solid #26364f;border-radius:12px;padding:14px;margin-bottom:18px}.ticket-detail-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.14)}.ticket-detail-row:last-child{border-bottom:none}.ticket-detail-row span{color:#8aa4c7}.ticket-detail-row strong{color:#f8fafc;text-align:right}.ticket-description-box strong,.attachment-status-box strong{color:#f8fafc}.ticket-description-box p{color:#a9bdd8;line-height:1.5;margin-bottom:0}.attachment-status-list{list-style:none;margin:14px 0 0;padding:0}.attachment-status-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.14)}.attachment-status-list li:last-child{border-bottom:none}.attachment-status-list small{display:block;color:#8aa4c7;margin-top:4px}.scan-badge{flex:0 0 auto;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;text-transform:uppercase;border:1px solid rgba(255,255,255,.12)}.scan-pending{color:#fde68a;background:#eab3081f}.scan-clean{color:#86efac;background:#22c55e1f}.scan-needs_review{color:#93c5fd;background:#3b82f624}.scan-rejected{color:#fca5a5;background:#ef444424}@media (max-width: 640px){.ticket-detail-row{flex-direction:column;gap:4px}.ticket-detail-row strong{text-align:left}.attachment-status-list li{align-items:flex-start;flex-direction:column}}body{margin:0;min-height:100vh;background:#07111f}#root{min-height:100vh;width:100%}.portal-shell,main,.app,.app-shell{width:100%}#root>div{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px;box-sizing:border-box}.card,form,[class*=Card]{max-width:620px}.portal-tabs{width:100%;max-width:620px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px auto;background:#09111f;border:1px solid #26364f;border-radius:14px;padding:7px}.portal-tabs button{border:none;border-radius:10px;padding:12px 14px;background:transparent;color:#8aa4c7;font-weight:800;cursor:pointer}.portal-tabs button.active,.portal-tabs button:hover{background:#38bdf8;color:#07111f}.portal-section-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.portal-section-header h1{margin-bottom:6px}.my-ticket-list{display:grid;gap:12px}.my-ticket-list button{text-align:left;display:grid;gap:6px;background:#09111f;border:1px solid #26364f;border-radius:12px;padding:14px;cursor:pointer}.my-ticket-list button:hover{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.my-ticket-list strong{color:#38bdf8}.my-ticket-list span{color:#f8fafc}.my-ticket-list small{color:#8aa4c7}.portal-download-link{color:#38bdf8;font-weight:800;text-decoration:none}.download-blocked{color:#fca5a5!important;font-weight:800}.portal-timeline-list{display:grid;gap:10px;margin-top:14px}.portal-timeline-item{display:grid;gap:5px;background:#09111f;border:1px solid #26364f;border-left:4px solid #38bdf8;border-radius:12px;padding:12px}.portal-timeline-item strong{color:#f8fafc}.portal-timeline-item span,.portal-timeline-item small{color:#8aa4c7}.portal-timeline-item.risk-high{border-left-color:#f97316}.portal-timeline-item.risk-low{border-left-color:#22c55e}@media (max-width: 640px){.portal-section-header{display:grid}.portal-tabs{grid-template-columns:1fr}}.powered-by-hostpepper{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.6rem;color:#fff;font-size:.86rem;font-weight:700;letter-spacing:.01em}.powered-by-hostpepper-logo{width:112px;max-height:40px;object-fit:contain;border-radius:6px;background:#000}.powered-by-hostpepper{margin-top:.7rem;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.02em;text-align:center}.portal-powered-by{margin-top:.65rem;color:#38bdf8;font-size:.92rem;font-weight:800;letter-spacing:.02em;text-align:center}.attachment-panel:focus-within,.attachment-panel:focus{outline:2px solid rgba(56,189,248,.55);outline-offset:3px}.attachment-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;border:1px dashed #38bdf8;border-radius:14px;background:#0ea5e914;color:#dff6ff;text-align:center;margin:14px 0;padding:16px}.attachment-drop-zone strong{color:#f8fafc;font-size:15px}.attachment-drop-zone span{color:#8aa4c7;font-size:13px;margin-top:6px}.attachment-files-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.attachment-preview-list{list-style:none;padding:0;margin:12px 0 0}.attachment-preview-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.14)}.attachment-preview-item:last-child{border-bottom:none}.attachment-preview-item img,.file-icon{width:56px;height:56px;border-radius:10px;border:1px solid #26364f;background:#0d172a;object-fit:cover}.file-icon{display:flex;align-items:center;justify-content:center;color:#8aa4c7;font-size:11px;font-weight:900}.attachment-preview-item strong{display:block;color:#f8fafc;overflow-wrap:anywhere}.attachment-preview-item small{display:block;color:#8aa4c7;margin-top:4px}.remove-file-button{background:transparent;border:1px solid #34445f;color:#dbeafe;border-radius:8px;padding:7px 11px;cursor:pointer}.remove-file-button:hover,.clear-button:hover{border-color:#38bdf8;color:#fff}@media (max-width: 640px){.attachment-preview-item{grid-template-columns:48px minmax(0,1fr)}.attachment-preview-item img,.file-icon{width:44px;height:44px}.remove-file-button{grid-column:1 / -1}}.conversation-box{background:#09111f;border:1px solid #26364f;border-radius:12px;padding:14px;margin-bottom:18px}.conversation-box>strong{display:block;color:#e2e8f0;margin-bottom:12px}.conversation-thread{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.conversation-message{border-radius:12px;padding:12px 14px;max-width:88%;border:1px solid #26364f}.conversation-message header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.conversation-message header strong{color:#e2e8f0;font-size:.9rem}.conversation-message header small{color:#8aa4c7;white-space:nowrap}.conversation-message p{margin:0;color:#cbd5e1;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-customer{align-self:flex-end;background:#0c1a30;border-color:#2b4166}.conversation-support{align-self:flex-start;background:#0f1729;border-color:#33415c;border-left:3px solid #38bdf8}.conversation-reply textarea{width:100%;background:#0b1526;border:1px solid #26364f;border-radius:10px;color:#f8fafc;padding:10px 12px;resize:vertical;box-sizing:border-box}.conversation-reply textarea:focus{outline:none;border-color:#38bdf8}.conversation-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.conversation-reply-actions small{color:#8aa4c7}@media (max-width: 640px){.conversation-message{max-width:100%}}.terms-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:#cbd5e1;font-size:.92rem;line-height:1.45}.terms-consent input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:#38bdf8;flex-shrink:0}.terms-link{background:transparent;border:none;color:#38bdf8;cursor:pointer;padding:0;font:inherit;font-weight:700;text-decoration:underline}.terms-box .terms-header h2{margin:0 0 4px}.terms-box .terms-header small{color:#8aa4c7}.terms-scroll{max-height:55vh;overflow-y:auto;margin:16px 0;padding:16px;background:#09111f;border:1px solid #26364f;border-radius:12px}.terms-scroll h3{color:#e2e8f0;margin:18px 0 6px;font-size:1rem}.terms-scroll h3:first-child{margin-top:0}.terms-scroll p{color:#a9bcd8;margin:0 0 10px;line-height:1.55}.terms-close{background:#0c1a30;border:1px solid #2b4166;color:#dbeafe;border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:700}.terms-close:hover{border-color:#38bdf8;color:#fff}.path-grid{display:grid;gap:12px;margin:18px 0 6px}.path-card{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:16px 18px;border-radius:12px;cursor:pointer;background:#0f172a8c;border:1px solid rgba(148,163,184,.22);color:#e5eefb;font:inherit;transition:border-color .14s ease,background .14s ease,transform .14s ease}.path-card:hover{border-color:#38bdf8;background:#38bdf814;transform:translate(2px)}.path-card strong{font-size:15.5px;color:#f8fafc}.path-card span{font-size:13.5px;color:#9bb0ce;line-height:1.45}.badge-soon{align-self:flex-start;margin-top:4px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:#fbbf24;background:#fbbf2424}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}.plan-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border-radius:12px;cursor:pointer;font:inherit;color:#e5eefb;background:#0f172a8c;border:1px solid rgba(148,163,184,.22);transition:border-color .14s ease,background .14s ease}.plan-card:hover{border-color:#38bdf899}.plan-card.selected{border-color:#38bdf8;background:#38bdf81f;box-shadow:0 0 0 2px #38bdf840}.plan-card strong{font-size:14px;color:#f8fafc}.plan-card b{font-size:22px;color:#38bdf8;letter-spacing:-.02em}.plan-card b small{font-size:11.5px;color:#9bb0ce;font-weight:600;margin-left:2px}.plan-card span{font-size:12.5px;color:#9bb0ce;line-height:1.4}.plan-total{margin:-4px 0 14px;color:#9bb0ce;font-size:14px}.plan-total strong{color:#f8fafc}.notice-box{margin:10px 0 16px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.5;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#e5eefb}@media (max-width: 640px){.plan-grid{grid-template-columns:1fr}}.legal-doc h3{margin:22px 0 8px;font-size:15px;color:#f8fafc;letter-spacing:.01em}.legal-doc h4{margin:14px 0 6px;font-size:13.5px;color:#dbeafe}.legal-doc p{margin:0 0 10px;line-height:1.55}.legal-doc ul,.legal-doc ol{padding-left:20px;margin:0 0 10px}.legal-doc li{margin-bottom:4px}.legal-doc strong{color:#f8fafc}.owner-hint{margin-top:-4px;color:#9bb0ce}.owner-hint strong{color:#38bdf8}.billing-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0 6px}.billing-stat{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(148,163,184,.22)}.billing-stat span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9bb0ce}.billing-stat strong{font-size:22px;color:#f8fafc;letter-spacing:-.02em}.billing-stat small{font-size:12.5px;color:#9bb0ce;line-height:1.4}.billing-status.billing-active{color:#4ade80}.billing-status.billing-past_due,.billing-status.billing-canceled{color:#fbbf24}.support-line{display:flex;flex-direction:column;gap:4px;margin:14px 0 4px;padding:16px 18px;border-radius:12px;background:#4ade8014;border:1px solid rgba(74,222,128,.35)}.support-line strong{font-size:13px;color:#bbf7d0;text-transform:uppercase;letter-spacing:.05em}.support-line b{font-size:26px;color:#f8fafc;letter-spacing:-.01em}.support-line span{font-size:13.5px;color:#cbd5e1;line-height:1.5}.support-line em{font-size:12.5px;color:#9bb0ce;font-style:normal}.plan-grid-2{grid-template-columns:repeat(2,1fr)}.billing-qty-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:6px 0 12px}.billing-qty-row label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#9bb0ce;font-weight:600}.billing-qty-row input{padding:10px 12px;border-radius:10px;font:inherit;font-size:15px;color:#f8fafc;background:#0f172ab3;border:1px solid rgba(148,163,184,.3)}.billing-qty-row input:focus{outline:none;border-color:#38bdf8}.billing-actions{display:flex;gap:10px;flex-wrap:wrap}.billing-user-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}.billing-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#0f172a73;border:1px solid rgba(148,163,184,.18)}.billing-user-row div{display:flex;flex-direction:column;gap:2px;min-width:0}.billing-user-row strong{font-size:14px;color:#f8fafc;overflow:hidden;text-overflow:ellipsis}.billing-user-row span{font-size:12.5px;color:#9bb0ce;overflow:hidden;text-overflow:ellipsis}.billing-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#e5eefb;white-space:nowrap;cursor:pointer}.billing-toggle input{width:18px;height:18px;accent-color:#38bdf8;cursor:pointer}.billing-hint{margin-top:10px;font-size:13px}@media (max-width: 640px){.billing-summary,.billing-qty-row,.plan-grid-2{grid-template-columns:1fr}.support-line b{font-size:22px}}.install-links{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.install-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#0f172a80;border:1px solid rgba(148,163,184,.2)}.install-link-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.install-link-row strong{font-size:13.5px;color:#f8fafc}.install-link-row span{font-size:12px;color:#9bb0ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.install-link-actions{display:flex;gap:8px;flex-shrink:0}.install-note{margin-top:6px;font-size:13px}.link-button{padding:7px 12px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#e5eefb;background:#38bdf81f;border:1px solid rgba(56,189,248,.4)}.link-button:hover{background:#38bdf838}.link-button:disabled{opacity:.5;cursor:default}.link-button.danger{color:#fecaca;background:#f871711a;border-color:#f8717166}.link-button.danger:hover{background:#f8717133}.seat-actions{flex-shrink:0}.seat-actions .primary-button{width:auto;padding:10px 18px}.seat-bar{height:8px;border-radius:999px;background:#94a3b833;overflow:hidden;margin:8px 0 14px}.seat-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#4ade80);transition:width .3s ease}.device-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:#0f172a73;border:1px solid rgba(148,163,184,.18)}.device-row.device-parked{border-style:dashed;border-color:#fbbf2473}.device-main{display:flex;align-items:center;gap:12px;min-width:0}.device-main>div{display:flex;flex-direction:column;gap:2px;min-width:0}.device-main strong{font-size:14px;color:#f8fafc}.device-main span{font-size:12.5px;color:#9bb0ce;overflow:hidden;text-overflow:ellipsis}.device-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#64748b}.device-dot.online{background:#4ade80;box-shadow:0 0 0 3px #4ade8033}.device-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 640px){.install-link-row,.device-row{flex-direction:column;align-items:stretch}.install-link-actions,.device-actions{justify-content:flex-end}}.form-hint{display:block;margin-top:4px;font-size:12px;color:#9bb0ce}.dispatch-h2{font-size:15px;margin:18px 0 8px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.dispatch-h3{font-size:17px;margin:6px 0 10px;color:#f8fafc}.dispatch-list{display:flex;flex-direction:column;gap:8px}.dispatch-row{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;font:inherit;padding:12px 14px;border-radius:10px;color:#e5eefb;background:#0f172a80;border:1px solid rgba(148,163,184,.2)}.dispatch-row:hover{border-color:#38bdf899}.dispatch-row.selected{border-color:#38bdf8;background:#38bdf81a}.dispatch-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.dispatch-row strong{font-size:14px;color:#f8fafc}.dispatch-row span{font-size:12.5px;color:#9bb0ce}.dispatch-reason{color:#fbbf24!important}.dispatch-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.plan-chip{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#38bdf8;background:#38bdf824}.plan-chip.comp{color:#fbbf24;background:#fbbf2424}.plan-card.unavailable{opacity:.55;cursor:not-allowed}.plan-card.unavailable:hover{border-color:#94a3b838}.inline-select{font:inherit;font-size:13px;padding:4px 8px;border-radius:8px;color:#f8fafc;background:#0f172ab3;border:1px solid rgba(148,163,184,.3)}.dispatch-history{display:flex;flex-direction:column;gap:8px}.dispatch-history-row{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-size:13px;color:#9bb0ce}.dispatch-history-row strong{color:#f8fafc}.dispatch-history-row em{width:100%;font-style:normal;color:#9bb0ce}@media (max-width: 640px){.dispatch-row{flex-direction:column}.dispatch-meta{align-items:flex-start;flex-direction:row;gap:10px}}