/* R5X5D6D5F86 — Final UI/UX system: Public / Client / Agent / Provider / Admin */
:root{--f86-bg:#06111e;--f86-panel:rgba(255,255,255,.035);--f86-panel-2:rgba(255,255,255,.055);--f86-border:rgba(150,181,212,.16);--f86-border-strong:rgba(94,174,255,.36);--f86-text:#eaf3fc;--f86-muted:#8ba4bd;--f86-accent:#4aa8ff;--f86-good:#18d29c;--f86-warn:#f2b84b;--f86-danger:#ff6b7a;--f86-radius:18px;--f86-shadow:0 20px 60px rgba(0,0,0,.18)}
html{scroll-padding-top:86px}body{min-width:320px}.ybx-skip-link{position:fixed;inset-inline-start:16px;top:12px;z-index:99999;transform:translateY(-180%);padding:10px 14px;border-radius:12px;background:#fff;color:#06111e;font-weight:900;text-decoration:none;box-shadow:0 8px 30px rgba(0,0,0,.3)}.ybx-skip-link:focus{transform:none}.ybx-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(74,168,255,.72)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(74,168,255,.12)!important}:where(button,.ybx-btn,input,select,textarea){min-height:42px}.ybx-btn[disabled],button[disabled],.ybx-btn[aria-disabled="true"]{opacity:.52;cursor:not-allowed;filter:saturate(.6)}
.ybx-content{padding-block-start:18px}.ybx-content>*:first-child{margin-top:0}.ybx-card,.ybx-price-card,.ybx-kpi-card{border-color:var(--f86-border)!important}.ybx-card{border-radius:var(--f86-radius);background:linear-gradient(145deg,var(--f86-panel),rgba(74,168,255,.015));box-shadow:0 14px 40px rgba(0,0,0,.09)}.ybx-card-title{gap:12px;align-items:flex-start}.ybx-card-title h3{line-height:1.35}.ybx-card-title p{color:var(--f86-muted);line-height:1.7}.ybx-page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:4px 0 8px}.ybx-page-hero p{max-width:900px;color:var(--f86-muted)}
.ybx-table-wrap{border-radius:15px;overflow:auto;border:1px solid var(--f86-border)}.ybx-table{width:100%}.ybx-table th{position:sticky;top:0;z-index:1;background:#0b1725;color:#94acc3;font-size:11px;letter-spacing:.02em}.ybx-table td,.ybx-table th{padding:11px 12px}.ybx-table tbody tr:hover td{background:rgba(74,168,255,.025)}.ybx-table tbody tr:focus-within td{background:rgba(74,168,255,.045)}.ybx-empty-row td{padding:24px!important;text-align:center!important;color:var(--f86-muted)!important}.ybx-empty-row td:before{display:none!important}
.ybx-field label{font-weight:800}.ybx-field input,.ybx-field select,.ybx-field textarea{border-radius:12px!important;border-color:var(--f86-border)!important}.ybx-field input:focus,.ybx-field select:focus,.ybx-field textarea:focus{border-color:rgba(74,168,255,.55)!important}.ybx-form-grid{gap:13px}.ybx-inline-actions{gap:8px}
.ybx-alert{border-radius:14px!important;line-height:1.65}.ybx-alert[role="alert"]{border-color:rgba(255,107,122,.36)!important}.ybx-alert[role="status"]{border-color:rgba(74,168,255,.26)}
[aria-busy="true"]{cursor:progress}.ybx-form-busy{opacity:.78;pointer-events:none}.ybx-form-busy [type="submit"]{position:relative;padding-inline-end:38px}.ybx-form-busy [type="submit"]:after{content:"";position:absolute;inset-inline-end:13px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:f86spin .7s linear infinite}@keyframes f86spin{to{transform:rotate(360deg)}}
.ybx-state{display:grid;place-items:center;gap:8px;min-height:150px;padding:28px;text-align:center;border:1px dashed var(--f86-border);border-radius:16px;background:rgba(255,255,255,.018)}.ybx-state b{font-size:16px}.ybx-state p{margin:0;color:var(--f86-muted);max-width:560px}.ybx-state-loading:before{content:"";width:26px;height:26px;border:3px solid rgba(74,168,255,.2);border-top-color:var(--f86-accent);border-radius:50%;animation:f86spin .8s linear infinite}.ybx-state-success{border-color:rgba(24,210,156,.25)}.ybx-state-error{border-color:rgba(255,107,122,.28)}
.ybx-sidebar{border-inline-end:1px solid rgba(150,181,212,.08)}.ybx-grouped-sidebar .ybx-nav-group>summary{min-height:44px}.ybx-sub-nav a{min-height:38px}.ybx-sub-nav a[aria-current="page"],.ybx-side-nav a[aria-current="page"]{color:#edf7ff!important}.ybx-sub-nav a[aria-current="page"] .dot,.ybx-side-nav a[aria-current="page"] .dot{background:var(--f86-good)!important}.ybx-nav-search-box{min-height:42px}.ybx-mobile-bar{padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -12px 34px rgba(0,0,0,.2)}.ybx-mobile-bar>a,.ybx-mobile-bar>details>summary{min-height:50px}
.ybx-public-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.ybx-public-nav a[aria-current="page"]{color:#fff;position:relative}.ybx-public-nav a[aria-current="page"]:after{content:"";position:absolute;inset-inline:10px;bottom:-7px;height:2px;border-radius:99px;background:var(--f86-accent)}.ybx-public-main{overflow:clip}.ybx-public-page-head p,.ybx-section-head p{max-width:850px}.ybx-pricing-grid{align-items:stretch}.ybx-price-card{display:flex;flex-direction:column;gap:10px}.ybx-price-card .ybx-btn{margin-top:auto;justify-content:center}
.ybx-f86-product-matrix{width:min(1320px,calc(100% - 32px));margin:24px auto;padding:22px;border:1px solid var(--f86-border);border-radius:24px;background:linear-gradient(145deg,rgba(9,23,38,.95),rgba(7,17,29,.94));box-shadow:var(--f86-shadow)}.ybx-f86-product-matrix.compact{width:100%;margin:16px 0}.ybx-f86-matrix-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.ybx-f86-matrix-head h2{margin:4px 0 6px;font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}.ybx-f86-matrix-head p{margin:0;color:var(--f86-muted);max-width:850px;line-height:1.8}.ybx-f86-matrix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ybx-f86-plan-card{min-width:0;padding:18px;border:1px solid var(--f86-border);border-radius:18px;background:rgba(255,255,255,.023)}.ybx-f86-plan-card.hosted{border-color:rgba(242,184,75,.22)}.ybx-f86-plan-card.auto{border-color:rgba(74,168,255,.26)}.ybx-f86-plan-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.ybx-f86-plan-head strong{font-size:12px;color:#cfe6fa}.ybx-f86-plan-card h3{margin:14px 0;font-size:18px}.ybx-f86-plan-card dl{display:grid;gap:0;margin:0}.ybx-f86-plan-card dl>div{display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid rgba(150,181,212,.09)}.ybx-f86-plan-card dt{font-size:10px;font-weight:900;color:#7892aa;text-transform:uppercase;letter-spacing:.05em}.ybx-f86-plan-card dd{margin:0;color:#dbe9f6;font-size:12px;line-height:1.65}.ybx-f86-plan-card code{white-space:normal;word-break:break-word;font-size:10px;color:#9fd1ff}.ybx-f86-matrix-actions{display:flex;justify-content:flex-end;margin-top:16px}
.ybx-f86-status-flow{margin:16px 0;padding:18px;border:1px solid var(--f86-border);border-radius:18px;background:rgba(255,255,255,.02)}.ybx-f86-status-flow-head{margin-bottom:14px}.ybx-f86-status-flow-head h3{margin:4px 0}.ybx-f86-status-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;counter-reset:f86status}.ybx-f86-status-flow li{position:relative;min-width:0;padding:12px;border-radius:13px;border:1px solid rgba(150,181,212,.11);background:rgba(255,255,255,.018)}.ybx-f86-status-flow li:not(:last-child):after{content:"→";position:absolute;inset-inline-end:-8px;top:16px;z-index:2;color:#52708e}.ybx-f86-status-flow li.attention{border-color:rgba(255,107,122,.2)}.ybx-f86-status-flow b,.ybx-f86-status-flow small{display:block}.ybx-f86-status-flow b{font-size:11px}.ybx-f86-status-flow small{margin-top:5px;color:var(--f86-muted);font-size:10px;line-height:1.55}
.ybx-provider-body .ybx-provider-mobile-bar{display:none}.ybx-provider-body .ybx-content{max-width:1700px}.ybx-provider-side-nav a{min-height:42px}
@media(max-width:1180px){.ybx-f86-matrix-grid{grid-template-columns:1fr 1fr}.ybx-f86-plan-card.auto{grid-column:1/-1}.ybx-f86-status-flow ol{grid-template-columns:repeat(3,1fr)}.ybx-f86-status-flow li:nth-child(3):after{display:none}}
@media(max-width:820px){html{scroll-padding-top:70px}.ybx-content{padding-inline:12px;padding-bottom:110px}.ybx-page-hero{gap:12px}.ybx-page-hero>.ybx-btn,.ybx-page-hero>button{width:100%;justify-content:center}.ybx-card-title{flex-wrap:wrap}.ybx-card-title>.ybx-btn{width:100%;justify-content:center}.ybx-f86-product-matrix{width:calc(100% - 20px);padding:15px;margin-block:14px}.ybx-f86-matrix-head{align-items:flex-start;flex-direction:column}.ybx-f86-matrix-head .ybx-btn{width:100%;justify-content:center}.ybx-f86-matrix-grid{grid-template-columns:1fr}.ybx-f86-plan-card.auto{grid-column:auto}.ybx-f86-plan-card dl>div{grid-template-columns:1fr;gap:4px}.ybx-f86-status-flow ol{grid-template-columns:1fr 1fr}.ybx-f86-status-flow li:after{display:none!important}.ybx-provider-body .ybx-provider-sidebar{display:none!important}.ybx-provider-body .ybx-provider-mobile-bar{display:flex!important}.ybx-provider-body .ybx-content{padding-bottom:110px}.ybx-table-wrap[data-f44-cards="1"]{overflow:visible!important;border:0!important;background:transparent!important}.ybx-table-wrap[data-f44-cards="1"] .ybx-table{display:block;min-width:0}.ybx-table-wrap[data-f44-cards="1"] .ybx-table thead{display:none}.ybx-table-wrap[data-f44-cards="1"] .ybx-table tbody{display:grid;gap:10px}.ybx-table-wrap[data-f44-cards="1"] .ybx-table tbody tr{display:grid;padding:8px 12px;border:1px solid var(--f86-border);border-radius:15px;background:rgba(7,17,29,.72)}.ybx-table-wrap[data-f44-cards="1"] .ybx-table tbody td{display:grid;grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px dashed rgba(150,181,212,.1);word-break:break-word}.ybx-table-wrap[data-f44-cards="1"] .ybx-table tbody td:last-child{border-bottom:0}.ybx-table-wrap[data-f44-cards="1"] .ybx-table td[data-label]:before{content:attr(data-label);display:block!important;color:#7892aa;font-size:10px;font-weight:900}.ybx-table-wrap[data-f44-cards="1"] .ybx-empty-row td{display:block!important;padding:20px!important}.ybx-table-wrap[data-f44-cards="1"] .ybx-table .ybx-btn{width:100%;justify-content:center}}
@media(max-width:560px){.ybx-content{padding-inline:9px}.ybx-card{padding:13px}.ybx-f86-status-flow ol{grid-template-columns:1fr}.ybx-f86-product-matrix{width:calc(100% - 12px);padding:12px}.ybx-f86-plan-card{padding:14px}.ybx-mobile-bar{font-size:10px}.ybx-mobile-bar>a,.ybx-mobile-bar>details>summary{padding-inline:5px}.ybx-inline-actions{display:grid;grid-template-columns:1fr;width:100%}.ybx-inline-actions>.ybx-btn,.ybx-inline-actions>button,.ybx-inline-actions>select{width:100%}.ybx-form-grid{grid-template-columns:1fr!important}.ybx-field.full{grid-column:auto!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(forced-colors:active){.ybx-card,.ybx-price-card,.ybx-f86-product-matrix,.ybx-f86-plan-card,.ybx-table-wrap{border:1px solid CanvasText}.ybx-btn{border:1px solid ButtonText}:focus-visible{outline:2px solid Highlight!important}.ybx-chip{border:1px solid CanvasText}}