:root{--ink:#142523;--muted:#5c6967;--paper:#f4f6f2;--line:#dce3dc;--green:#cbf078;--accent:#216443;--blue:#315fd6;--card:#fff;--danger:#ac3027;--mono:'Fira Code',monospace;--sans:'Fira Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a,select{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:wait}button,a{transition:background .15s,color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5484ef;outline-offset:3px}button.primary{background:var(--ink);color:#fff;padding:11px 18px;border-radius:8px;font-weight:500}button.primary:hover{background:#2c4740}button.secondary{background:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:8px;color:var(--ink)}button.secondary:hover{background:#edf2e9}button.link{padding:8px 0;color:var(--accent);background:transparent}button.danger{color:var(--danger)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}p{color:var(--muted)}small,.muted{color:var(--muted)}.mono{font-family:var(--mono)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.boot{padding:22vh 10vw;font-size:42px;font-weight:700}.boot span{color:var(--accent)}.boot p{font-size:15px;font-weight:400}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.9px}.brand img{width:32px;height:32px}.brand span{font-weight:400;opacity:.65}.auth{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{padding:6vh 7vw;background:radial-gradient(ellipse at 20% 100%,#3d5942 0,transparent 65%),#142523;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-story .brand{color:white}.auth-story .brand img{border:1px solid #45534b}.auth-story h1{font-size:clamp(40px,4.2vw,66px);max-width:580px;line-height:1.05;font-weight:500;margin:55px 0 25px;letter-spacing:-2.5px}.auth-story h1 em{font-style:normal;color:var(--green)}.auth-story p{color:#bbcac0;max-width:390px;font-size:16px}.journey-art{display:flex;align-items:center;gap:10px;margin:45px 0;color:#bcccbd;font-family:var(--mono);font-size:11px}.journey-art b{display:block;background:#ffffff0c;border:1px solid #647867;padding:14px 12px;border-radius:9px;font-weight:400;color:#fff}.journey-art i{height:1px;background:#768f73;width:30px}.auth-foot{font-size:11px;color:#b3c4b5}.auth-main{padding:40px;display:grid;place-items:center;background-image:radial-gradient(#a7bda930 1px,transparent 1px);background-size:20px 20px}.auth-box{width:min(100%,390px);padding:30px 0}.auth-box h2{font-size:29px;margin:10px 0}.form-stack{display:grid;gap:17px}.field{display:grid;gap:6px;font-size:12px;font-weight:500}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cdd7cf;background:#fff;color:var(--ink);border-radius:7px;min-width:0}.field textarea{resize:vertical;min-height:85px;font-family:var(--mono);font-size:12px}.field small{font-size:11px;font-weight:400}.form-error{color:var(--danger);font-size:13px;min-height:18px;margin:0}.auth-box .primary{width:100%;padding:13px}.auth-box .foot{font-size:12px;text-align:center;margin-top:24px}.app-shell{min-height:100svh;display:grid;grid-template-columns:225px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100svh;background:var(--ink);padding:30px 18px 20px;color:#dce5dd;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 35px;color:white}.workspace{padding:12px;margin:0 0 25px;border:1px solid #3b4b43;border-radius:9px;font-size:12px}.workspace small{display:block;color:#a4b6a9;font-size:10px;letter-spacing:1px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;background:transparent;color:#bbc9c0;padding:12px;border-radius:7px;text-align:left}.nav button:hover{background:#22372d}.nav button.active{background:var(--green);color:var(--ink);font-weight:500}.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;flex-shrink:0}.nav-group{font-size:10px;letter-spacing:1.4px;color:#92a89a;padding:24px 12px 12px}.sidebar-foot{margin-top:auto;padding:25px 10px 0;font-size:11px;color:#a8bbaa}.sidebar-foot button{background:transparent;color:#dce5dd;padding:8px 0}.user-dot{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#395143;color:var(--green);font-size:12px}.identity{display:flex;gap:9px;align-items:center}.identity strong{display:block;font-size:12px;font-weight:500;color:#e0e9e1}.main{min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 34px}.selector{display:flex;align-items:center;gap:12px;min-width:0}.selector select{border:none;font-weight:500;font-size:14px;max-width:280px;background:transparent;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;background:#eaf4e7;color:#32613a;font-size:11px;font-weight:500;white-space:nowrap}.pill.neutral{background:#edf0ed;color:#59675e}.pill.warn{background:#fff0ce;color:#835811}.pill.red{background:#fde7e5;color:#9d3b30}.content{padding:32px 34px 60px;max-width:1650px;margin:auto;animation:appear .25s ease}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-head h1{margin:7px 0 8px}.page-head p{margin:0;font-size:13px}.date-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.date-filter .field{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.date-filter input{font-size:12px;padding:8px;max-width:145px}.date-filter select{font-size:12px;padding:8px;max-width:150px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.metric{padding:21px;background:#fff;border:1px solid var(--line);border-radius:10px}.metric .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.metric .value{font-family:var(--mono);font-size:25px;letter-spacing:-1px;margin:13px 0 9px;white-space:nowrap}.metric small{font-size:10px}.metric.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.metric.featured .label,.metric.featured small{color:#b9c8bf}.metric.featured .value{color:var(--green)}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);gap:16px}.panel-head h2{margin:0;font-size:16px}.panel-head p{font-size:12px;margin:5px 0 0}.panel-body{padding:22px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.two-col .panel{margin-bottom:0}.welcome{background:linear-gradient(110deg,#e7eddf,#f7f9f4);padding:28px;border:1px solid #d5dfc9;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:25px 0}.welcome h2{font-size:23px;margin:7px 0 10px}.welcome p{max-width:640px;font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:25px;background:#fff;border:1px solid var(--line);border-radius:10px}.step .number{font:12px var(--mono);color:var(--accent);background:#eaf3e4;display:inline-block;padding:5px 8px;border-radius:5px;margin-bottom:22px}.step h3{margin-bottom:8px}.step p{font-size:12px;min-height:37px}.empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty h3{margin:12px 0 5px}.empty p{max-width:400px;font-size:12px;margin:0 0 16px}.empty-mark{width:40px;height:40px;background:#f0f4eb;border:1px solid #dce6d3;border-radius:10px;display:grid;place-items:center;color:#6b845e;font:18px var(--mono)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.tabs{display:inline-flex;background:#e8eee5;padding:4px;border-radius:7px;gap:3px}.tabs button{padding:7px 14px;font-size:12px;background:transparent;color:var(--muted);border-radius:5px}.tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 3px #14252314}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-weight:500;background:#fafbf8}th,td{padding:14px 18px;border-bottom:1px solid #e8eee5}td.number{text-align:right;font-family:var(--mono);font-size:11px}tbody tr:hover{background:#f7faf3}tbody tr:last-child td{border-bottom:none}.name-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:500}.action-buttons{display:flex;gap:5px}.action-buttons button{font-size:11px;padding:5px 8px}.note{font-size:12px;padding:12px 15px;border:1px solid #e2e7dd;background:#f5f7ef;color:#5a6a51;border-radius:7px;margin:16px 0}.notice{border-color:#e9d498;background:#fff7e4;color:#775a1d}.error-note{border-color:#e7bcb5;background:#fff0ed;color:#9e3c31}.funnel-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px}.funnel-row:last-child{border:0}.funnel-row strong{font:16px var(--mono)}.funnel-row span small{display:block;font-size:10px}.chart{display:flex;align-items:end;gap:6px;height:170px;padding:20px 10px 0;overflow:hidden}.bar-group{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;align-items:stretch}.bar{background:#57885b;min-height:3px;border-radius:4px 4px 0 0}.bar-group span{font-size:9px;margin-top:8px;text-align:center;color:var(--muted)}.path-row{padding:15px 0;border-bottom:1px solid var(--line)}.path-row:last-child{border:none}.path-row strong{font-size:12px}.path-row p{font-size:11px;margin:6px 0 0}.code-block{background:#f2f5ef;border:1px solid #dde5d8;border-radius:6px;padding:13px;font:11px/1.6 var(--mono);word-break:break-all;white-space:pre-wrap;max-height:160px;overflow:auto}.install-item{margin-bottom:28px}.install-item:last-child{margin:0}.install-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.install-heading h3{margin:0}.install-item p{font-size:12px;margin:8px 0}.integration-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.integration-card h3{margin:0 0 7px}.integration-card p{font-size:12px;margin:0}.meta-logo{font-size:30px;font-family:serif;color:#315fd6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.checkbox-list{max-height:200px;overflow:auto;display:grid;gap:9px;font-size:12px}.check{display:flex;gap:8px;align-items:start}.check input{accent-color:var(--accent);margin-top:4px}.split-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}dialog{border:1px solid var(--line);border-radius:14px;padding:0;width:min(620px,calc(100vw - 30px));max-height:90svh;color:var(--ink);box-shadow:0 30px 80px #14252340}dialog::backdrop{background:#10282180;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button{background:#eff3e9;border-radius:5px;padding:5px 11px;font-size:20px}.modal-body{padding:25px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;bottom:25px;right:25px;max-width:calc(100vw - 50px);padding:14px 20px;border-radius:9px;background:var(--ink);color:#fff;box-shadow:0 8px 30px #14252333;font-size:13px;z-index:20}#toast.error{background:#9c332b}.loading{opacity:.5;pointer-events:none}.mobile-brand{display:none}.search{border:1px solid var(--line);border-radius:6px;padding:9px 12px;max-width:240px;background:#fff;font-size:12px}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1550px){.content{padding-top:40px}.metric .value{font-size:30px}}@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 22px}.content{padding:25px 22px}.page-head{flex-direction:column}.metrics{gap:10px}.metric{padding:16px}.metric .value{font-size:21px}.two-col{grid-template-columns:1fr}.step{padding:20px}.top-actions .pill{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:12px 14px;gap:12px}.sidebar .brand{padding:0;font-size:20px}.sidebar .brand img{width:27px;height:27px}.workspace,.nav-group,.sidebar-foot{display:none}.nav{display:flex;overflow:auto;gap:4px}.nav button{flex-shrink:0;padding:8px 10px;font-size:11px;gap:7px}.nav svg{width:14px;height:14px}.topbar{height:auto;min-height:62px;padding:12px 16px;gap:10px}.selector{font-size:11px;gap:3px}.selector .eyebrow{display:none}.selector select{max-width:180px;font-size:12px}.top-actions button{font-size:11px;padding:8px 10px}.content{padding:23px 16px 45px}h1{font-size:26px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric .value{font-size:23px}.metrics .metric{padding:16px}.metric small{font-size:9px}.date-filter{width:100%;gap:6px}.date-filter input{max-width:130px}.date-filter select{max-width:126px}.steps{grid-template-columns:1fr}.step{padding:20px}.step .number{margin-bottom:12px}.step p{min-height:0}.welcome{padding:22px;display:block}.welcome button{margin-top:18px}.welcome h2{font-size:22px}.settings-grid,.split-form{grid-template-columns:1fr}.panel-head,.panel-body{padding:17px}.tabs button{padding:6px 10px}.auth{display:block}.auth-story{padding:28px;min-height:330px}.auth-story h1{font-size:37px;letter-spacing:-1.4px;margin:28px 0 18px}.auth-story p{font-size:14px}.journey-art,.auth-foot{display:none}.auth-main{padding:22px}.auth-box{padding:15px 0}.modal-body{padding:20px}.integration-card{flex-wrap:wrap}.field{font-size:12px}.toolbar{gap:10px}.search{max-width:100%;width:100%}}

.auth-story .eyebrow{color:#a8c0af}.welcome-bottom{margin-top:24px}