:root{--ink:#0a0f0e;--ink2:#5b6b67;--ink3:#85929a;--line:#eaedf0;--soft:#f6f7f9;--tile:#eef1f3;--white:#fff;--teal:#06806f;--teal-hover:#056b5d;--nav-on:#eff6f5;--row-on:#f3f9f8;--ok-bg:#e6f6f3;--ok-tx:#067666;--warn-bg:#fef3dc;--warn-tx:#9a6700;--radius:10px;--font:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}.app{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;gap:2px;height:100vh;padding:18px 12px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:9px;padding:0 8px 20px;font-size:15px;font-weight:700;display:flex}.nav{color:var(--ink2);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 8px 7px 10px;font-size:13.5px;font-weight:500;display:flex}.nav svg{stroke:#6b7a77;flex:none}.nav:hover{background:var(--soft)}.nav[aria-current=page]{background:var(--nav-on);color:var(--teal);font-weight:600}.nav[aria-current=page] svg{stroke:var(--teal)}.nav .label{flex:1}.badge{background:var(--tile);color:var(--ink2);border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:600}.nav[aria-current=page] .badge{background:var(--white);color:var(--teal)}.badge:empty{display:none}.side .spacer{flex:1}.main{flex-direction:column;min-width:0;display:flex}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 40px;display:flex}.search{background:var(--soft);border-radius:8px;align-items:center;gap:8px;width:340px;max-width:100%;height:32px;padding:0 10px;display:flex}.search input{font:inherit;width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:13.5px}.search input::placeholder{color:var(--ink3)}.top-right{color:var(--ink2);align-items:center;gap:18px;font-size:13.5px;font-weight:500;display:flex}.avatar{background:var(--tile);width:28px;height:28px;color:var(--ink2);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.content{width:100%;max-width:1216px;padding:32px 40px 64px}.title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.lede{color:var(--ink2);max-width:72ch;margin:6px 0 0;line-height:1.5}h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.section-head{justify-content:space-between;align-items:center;margin:28px 0 10px;display:flex}.link{color:var(--teal);background:0 0;border:0;padding:0;font-size:13.5px;font-weight:600}.btn{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;padding:6px 12px;font-size:13px;font-weight:600}.btn:hover{background:var(--soft)}.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--white)}.btn.primary:hover{background:var(--teal-hover)}.btn.lg{border-radius:8px;padding:8px 14px;font-size:13.5px}.box{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.item{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 16px 14px 18px;display:flex}.item:last-child{border-bottom:0}.item .text{flex:1;min-width:0}.item .t{letter-spacing:-.005em;font-weight:600}.item .c{color:var(--ink3);margin-top:2px;font-size:13px}.item .actions{gap:8px;display:flex}.empty{color:var(--ink2);padding:22px 18px}.tile{background:var(--tile);color:var(--ink2);border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:10.5px;font-weight:600;display:grid}.tile.lg{border-radius:8px;width:32px;height:32px;font-size:12.5px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--ink3);border-bottom:1px solid var(--line);padding:0 4px 10px;font-size:12.5px;font-weight:600}td{border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:middle;padding:12px 4px}td.strong{color:var(--ink);font-weight:500}td.muted{color:var(--ink3)}.app-cell{align-items:center;gap:9px;display:flex}.apps{gap:6px;display:flex}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fafbfc}tr.selected td{background:var(--row-on)}.skill-name{color:var(--ink);letter-spacing:-.005em;font-weight:600}.skill-desc{color:var(--ink3);margin-top:2px;font-size:13px}.pill{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.ok{background:var(--ok-bg);color:var(--ok-tx)}.pill.warn{background:var(--warn-bg);color:var(--warn-tx)}.tabs{border-bottom:1px solid var(--line);gap:24px;margin:22px 0 18px;display:flex}.tab{color:var(--ink3);background:0 0;border:0;border-bottom:2px solid #0000;gap:6px;margin-bottom:-1px;padding:0 0 9px;font-size:13.5px;font-weight:500;display:flex}.tab .n{color:var(--ink3);font-size:12.5px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--teal);font-weight:600}.integrations{max-width:760px;margin-top:26px}.int-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:16px 20px;display:flex}.int-row:last-child{border-bottom:0}.int-row .text{flex:1}.int-row .n{font-weight:600}.int-row .d{color:var(--ink3);margin-top:2px;font-size:13px}.switch{background:#d6dce0;border:0;border-radius:10px;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.switch[aria-checked=true]{background:var(--teal)}.switch[aria-checked=true]:after{transform:translate(16px)}.note{color:var(--ink3);margin-top:14px;font-size:13px}.scrim{opacity:0;pointer-events:none;background:#0a0f0e14;transition:opacity .18s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.panel{background:var(--white);border-left:1px solid var(--line);visibility:hidden;flex-direction:column;width:500px;max-width:100vw;transition:transform .22s,visibility 0s linear .22s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.panel.open{visibility:visible;transition:transform .22s;transform:none;box-shadow:-8px 0 32px -8px #0a0f0e1f}.p-head{border-bottom:1px solid var(--line);padding:24px 24px 22px 28px}.p-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.p-title h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.x{color:var(--ink3);background:0 0;border:0;padding:4px;line-height:0}.p-meta{color:var(--ink3);align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.p-actions{gap:8px;margin-top:16px;display:flex}.p-sec{border-bottom:1px solid var(--line);padding:20px 28px}.p-sec-head{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.p-label{color:var(--ink3);font-size:13px;font-weight:600}.p-sec p{color:var(--ink2);margin:10px 0 0;line-height:1.5}.swatches{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.sw{color:var(--ink2);align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:flex}.sw i{border:1px solid var(--line);border-radius:50%;width:18px;height:18px;display:block}.kv{color:var(--ink3);margin-top:10px;font-size:13px}.kv b{color:var(--ink2);font-weight:600}.steps{gap:9px;margin:10px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--ink2);gap:12px;font-size:13.5px;display:flex}.steps li span{color:var(--ink3);min-width:12px;font-weight:600}.chev{transition:transform .15s}.p-sec-head[aria-expanded=true] .chev{transform:rotate(180deg)}.field{margin-top:12px}.field label{color:var(--ink3);margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.field input{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:8px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=900px){.app{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;height:auto;padding:10px 12px;position:static}.brand{width:100%;padding:6px 8px}.side .spacer,.nav.settings{display:none}.nav{width:auto}.top,.content{padding-left:20px;padding-right:20px}.hide-sm{display:none}.item{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.steps[hidden]{display:none}.gate{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.gate-card{width:100%;max-width:392px}.gate{position:relative}.gate .gate-home{color:var(--ink);padding:0;font-size:17px;text-decoration:none;position:absolute;top:24px;left:28px}.gate .gate-home:hover{opacity:.8}.gate h1{font-size:22px}.gate p{color:var(--ink2);margin:8px 0 0;line-height:1.5}.gate form{margin-top:22px}.gate .field{margin-top:0}.gate .btn{justify-content:center;width:100%;margin-top:12px;padding:9px 12px}.gate .btn[disabled]{opacity:.6;cursor:default}.gate .btn[disabled]:hover{background:var(--teal)}.gate .fine{color:var(--ink3);margin:14px 0 0;font-size:12.5px;line-height:1.5}.msg{border-radius:8px;margin:16px 0 0;padding:11px 13px;font-size:13px;line-height:1.5}.msg.ok{background:var(--ok-bg);color:var(--ok-tx)}.msg.bad{background:var(--warn-bg);color:var(--warn-tx)}.msg.flat{background:var(--soft);color:var(--ink2)}.signout{color:var(--ink2);font:inherit;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:500}.signout:hover{color:var(--ink)}.pill.plain{background:var(--tile);color:var(--ink2)}.muted{color:var(--ink3)}.kit{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:760px;display:grid}.kit-color{border:1px solid var(--line);border-radius:var(--radius);padding:12px}.kit-color i{border:1px solid var(--line);border-radius:7px;height:56px;margin-bottom:10px;display:block}.kit-name{color:var(--ink);font-weight:600}.kit-value{color:var(--ink3);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12.5px}.kit-fonts{max-width:760px}.gate-card h1+p{margin-bottom:6px}.int-row .btn{flex:none}.int-row .d .link{font-size:13px}.integrations+.note{max-width:760px}.connect{max-width:760px;margin-top:22px}.connect .msg{margin-top:10px}.connect-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connect-form input{font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:8px;width:180px;padding:8px 10px}@media (width<=900px){.int-row{flex-wrap:wrap}}.tile.icon{background:var(--white);border:1px solid var(--line)}.tile.icon img{display:block}.int-row .n .pill{vertical-align:1px;margin-left:6px}.company{max-width:760px;margin-top:22px;display:grid}.company-sec{border-top:1px solid var(--line);padding:28px 0 30px}.company-sec:last-child{border-bottom:1px solid var(--line)}.company-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.company-head h2{letter-spacing:-.01em;font-size:17px}.company-sec .note{margin-top:6px}.company-sec .field label{justify-content:space-between;display:flex}.company-sec textarea{width:100%;font:inherit;border:1px solid var(--line);color:var(--ink);resize:vertical;border-radius:8px;padding:8px 10px}.count{color:var(--ink3);font-variant-numeric:tabular-nums;font-weight:500}.count.over{color:var(--warn-tx);font-weight:600}.rowlist{margin-top:12px}.rowlist-head{color:var(--ink3);justify-content:space-between;margin-bottom:6px;font-size:12.5px;font-weight:600;display:flex}.rowlist-row{gap:8px;margin-bottom:8px;display:flex}.rowlist-row input{min-width:0;font:inherit;border:1px solid var(--line);color:var(--ink);border-radius:8px;flex:1;padding:7px 10px}.company-actions{justify-content:flex-end;margin-top:14px;display:flex}.company-sec .msg ul{margin:6px 0 0;padding-left:18px}.btn[disabled]{opacity:.55;cursor:default}.spend{max-width:760px}.spend-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.spend-row>div{padding:16px 16px 16px 0}.spend-n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.spend-l{color:var(--ink3);margin-top:2px;font-size:12.5px}.spend .note{margin-top:8px}