/* SelHub Partners: a visual refresh with unchanged application contracts. */
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;color:#1d1d1f;background:#f5f5f7;--blue:#0071e3;--muted:#616166;--line:#dedee3}
*{box-sizing:border-box}html{scroll-padding-top:104px}body{margin:0;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}a{color:#0068ce;text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}img{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #0071e3;outline-offset:4px}::selection{background:#cce5ff;color:#1d1d1f}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;border-radius:14px;background:#fff;box-shadow:0 4px 24px #0002}.skip-link:focus{top:16px}
header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:18px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);background:#fafafc}
@supports(backdrop-filter:blur(20px)){header{background:rgba(250,250,252,.92);backdrop-filter:blur(20px)}}
.brand{display:inline-flex;align-items:center;gap:12px;color:#1d1d1f;font-size:25px;font-weight:650;letter-spacing:-.04em;white-space:nowrap}.brand:hover{text-decoration:none}.brand img{display:block;width:43px;height:40px;object-fit:contain}.brand span{margin-left:7px;padding-left:18px;border-left:1px solid #c9c9ce;color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}header>a:last-child{display:inline-flex;min-height:44px;align-items:center;gap:8px;font-size:14px}header>a:last-child::after{content:"↗"}
main{width:100%;max-width:1280px;margin:auto;padding:64px 40px 44px;min-height:calc(100svh - 214px)}h1,h2,h3{color:#1d1d1f;text-wrap:balance}h1{font-size:clamp(36px,4.5vw,60px);line-height:1.07;letter-spacing:-.045em;font-weight:650;margin:0 0 20px}h2{font-size:clamp(23px,2.4vw,29px);line-height:1.18;letter-spacing:-.035em;font-weight:650;margin:0 0 18px}h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}p{font-size:16px;line-height:1.65;margin:0 0 20px;overflow-wrap:anywhere}.muted,small{color:var(--muted)}small{font-size:13px;line-height:1.5}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-size:15px;font-weight:500;line-height:1.35;text-decoration:none;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}button:hover:not(:disabled),.button:hover{background:#0062c5;text-decoration:none}button.secondary{background:#e8e8ed;border-color:#e8e8ed;color:#343438}button.secondary:hover:not(:disabled){background:#dcdce2}button:disabled{opacity:.55;cursor:not-allowed}
.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:72px;align-items:start;padding-top:16px}.layout>section:first-child>h1{margin-bottom:28px}.layout>section:first-child>p:first-of-type{max-width:570px;color:#505056;font-size:18px}.layout>section:first-child>.columns{gap:16px;margin:30px 0 24px}.layout>section:first-child>.columns>div{padding:24px;border-radius:22px;background:#fff}.layout>section:first-child>.columns p{margin:12px 0 0;font-size:15px}.layout>section:first-child>.muted{font-size:14px}.layout>.panel{padding:36px;margin-top:8px;box-shadow:0 16px 50px rgba(29,29,31,.055)}.layout>.panel>h2{font-size:29px}.layout>.panel>p{color:var(--muted)}.layout>.panel form{margin-top:28px}.layout>.panel form>button{width:100%}.layout>.panel [role="status"]{padding:14px 16px;background:#f2f6ff;border-radius:14px;color:#354767;font-size:14px}
.panel{min-width:0;border:1px solid #e7e7ec;border-radius:26px;background:#fff;padding:30px;margin-bottom:24px}.panel>p:last-child{margin-bottom:0}.accent{background:#eaf2ff;border-color:#dbe8fa}.accent .link{color:#075ead}.accent h2{font-size:25px}.accent .secondary{background:#fff;border-color:#d2e0f3}.amount{color:#0068ce;font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}main>.row.spread{gap:24px;align-items:flex-start}main>.row.spread h1{font-size:clamp(34px,3.8vw,48px);margin-bottom:12px}main>.row.spread p{margin:0}main>.row.spread>.secondary{margin-top:3px}
.field{display:flex;flex-direction:column;gap:9px;margin:0 0 21px;font-size:14px;font-weight:500}input,select,textarea{width:100%;min-width:0;min-height:50px;padding:13px 15px;border:1px solid #a9a9b0;border-radius:12px;background:#fff;color:#1d1d1f;font:inherit;font-size:16px;font-weight:400;transition:border-color .18s ease,box-shadow .18s ease}input::placeholder,textarea::placeholder{color:#76767c;opacity:1}input:focus,select:focus,textarea:focus{border-color:#0071e3}textarea{resize:vertical;min-height:124px;line-height:1.55}input[name="code"]{letter-spacing:.3em;font-size:24px;text-align:center;font-variant-numeric:tabular-nums}.check{position:relative;display:block;padding-left:31px;margin:22px 0;color:#505056;font-size:14px;line-height:1.55}.check input{position:absolute;top:1px;left:0;width:20px;min-height:20px;height:20px;margin:0;padding:0;accent-color:var(--blue)}.check a{text-decoration:underline}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metrics .panel{padding:24px}.metrics small{display:block;font-size:14px}.metrics .amount{font-size:clamp(25px,2.8vw,34px);margin-top:17px}.nav{display:flex;gap:6px;width:fit-content;max-width:100%;flex-wrap:wrap;padding:6px;margin:32px 0;border:1px solid #e2e2e7;border-radius:999px;background:#eaeaf0}.nav button{min-height:44px;padding:11px 19px;border-color:transparent;background:transparent;color:#505056;font-size:14px}.nav button:hover:not(:disabled){background:#fff;color:#1d1d1f}.nav button.active{background:#fff;color:#0068ce;box-shadow:0 2px 7px rgba(29,29,31,.08)}.link{word-break:break-word;overflow-wrap:anywhere;font-size:clamp(18px,2.3vw,24px);line-height:1.4;letter-spacing:-.02em}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:700px}th,td{padding:18px 14px;border-bottom:1px solid #e6e6eb;text-align:left;font-size:14px;line-height:1.5;vertical-align:top}th{color:#616166;font-size:12px;font-weight:600;background:#f8f8fa}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}tbody tr:last-child td{border-bottom:0}td small{font-size:12px}td:first-child{min-width:155px}td[colspan]{padding:32px 14px;color:#616166}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.columns>*{min-width:0}.qr{display:block;width:180px;height:180px;background:#fff;padding:10px;border:1px solid #d5e4f8;border-radius:18px}.steps{list-style:none;counter-reset:step;padding:0;margin:30px 0 0}.steps li{position:relative;counter-increment:step;min-height:36px;padding:4px 0 4px 49px;margin-bottom:18px;line-height:1.55;font-size:15px;color:#505056}.steps li::before{content:counter(step);position:absolute;top:0;left:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e5e5eb;color:#3d3d44;font-size:13px;font-weight:600}
#notice:not(:empty){position:fixed;bottom:24px;left:24px;right:24px;z-index:50;max-width:680px;margin:auto;padding:18px 22px;border:1px solid #c3d8f4;border-radius:20px;background:#f2f7ff;color:#164477;font-size:15px;line-height:1.5;box-shadow:0 8px 34px rgba(20,42,73,.16)}.partner-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--line);color:#616166;font-size:12px;line-height:1.6}.partner-footer p{margin:0;font-size:12px}.partner-footer a{color:#505056}.partner-footer div{display:flex;flex-wrap:wrap;gap:20px}
@media(min-width:761px) and (max-width:1100px){.layout{gap:32px}.layout>.panel{padding:28px}.layout>section:first-child>.columns>div{padding:20px}.nav{border-radius:22px}.nav button{padding-inline:14px}.metrics .panel{padding:20px}}
@media(max-width:1280px){.partner-footer{margin-inline:40px}}
@media(max-width:760px){
html{scroll-padding-top:90px}header{min-height:76px;padding:15px 20px;gap:16px}.brand{gap:9px;font-size:23px}.brand img{width:36px;height:34px}.brand span{display:none}header>a:last-child{font-size:12px}main{padding:36px 20px 26px;min-height:calc(100svh - 195px)}main:has(.nav){padding-bottom:120px}body:has(.nav) .partner-footer{padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}.layout,.columns{grid-template-columns:1fr}.layout{gap:26px;padding-top:4px}.layout>section:first-child>h1{font-size:clamp(35px,7vw,49px);margin-bottom:22px}.layout>section:first-child>p:first-of-type{font-size:17px}.layout>section:first-child>.columns{grid-template-columns:1fr 1fr;gap:12px;margin-block:24px 20px}.layout>section:first-child>.columns>div{padding:18px 16px;border-radius:19px}.layout>section:first-child>.columns .amount{font-size:clamp(23px,5.4vw,32px)}.layout>section:first-child>.columns p{font-size:13px}.layout>section:first-child>.columns small{font-size:12px}.layout>.panel{padding:26px;margin-top:0}.panel{border-radius:22px;padding:23px;margin-bottom:18px}.columns{gap:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics .panel{padding:20px 18px;margin-bottom:0}.metrics .amount{font-size:clamp(24px,5.5vw,30px);margin-top:12px}.metrics small{font-size:12px}main>.row.spread{margin-bottom:28px;gap:14px}main>.row.spread>div{flex:1;min-width:190px}main>.row.spread h1{font-size:34px}main>.row.spread p{font-size:14px}main>.row.spread>.secondary{min-height:44px;padding:9px 15px;font-size:13px}
.nav{position:fixed;bottom:10px;left:10px;right:10px;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:auto;max-width:none;margin:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));gap:2px;border:1px solid #d8d8df;border-radius:26px;background:#fafafc;box-shadow:0 6px 28px rgba(30,30,45,.13)}.nav button{min-width:0;min-height:75px;padding:8px 3px;flex-direction:column;gap:5px;border-radius:18px;font-size:10px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.nav button.active{color:#0068ce;background:#e5efff;box-shadow:none}.nav button:hover:not(:disabled){background:#eaeaf0}.nav button.active:hover{background:#dceaff}.nav button::before{content:"";display:block;flex-shrink:0;width:20px;height:20px;background:currentColor;-webkit-mask:var(--nav-icon) center/contain no-repeat;mask:var(--nav-icon) center/contain no-repeat}
.nav button[data-tab="overview"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
.nav button[data-tab="materials"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7V3h13v14h-4M3 7h14v14H3zM6 12h8M6 16h5'/%3E%3C/svg%3E")}
.nav button[data-tab="clients"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 21v-3a6 6 0 0 1 12 0v3M16 4a3 3 0 0 1 0 6M21 21v-3a6 6 0 0 0-3-5'/%3E%3C/svg%3E")}
.nav button[data-tab="payments"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E")}
.nav button[data-tab="profile"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}
.link{font-size:19px}.qr{width:150px;height:150px;margin-top:8px}.accent>.row{gap:24px}#notice:not(:empty){bottom:calc(120px + env(safe-area-inset-bottom,0px));left:16px;right:16px;padding:16px 18px;font-size:14px}body:not(:has(.nav)) #notice:not(:empty){bottom:20px}.partner-footer{margin-inline:20px;padding-top:22px;align-items:flex-start;flex-direction:column;gap:12px}.partner-footer div{gap:16px}.partner-footer a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:360px){main{padding-inline:16px}header{padding-inline:16px}.layout>section:first-child>.columns{grid-template-columns:1fr}.metrics .panel{padding:18px 14px}.nav button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header,.nav{background:#fff;backdrop-filter:none}.panel,.nav,input,select,textarea{border-color:#777}.muted,small{color:#45454b}}
@media print{header,.nav,#notice,button,.skip-link{display:none!important}body{background:#fff}main,main:has(.nav){max-width:none;padding:0}.panel{break-inside:avoid;box-shadow:none}.partner-footer,body:has(.nav) .partner-footer{margin:0;padding:20px 0}}