:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#121a33;background:#f6f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}.layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(160deg,#101a31,#1c2749);color:white;width:255px;flex-shrink:0;padding:25px 15px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-.6px;white-space:nowrap}.brand b{font-weight:800}.logo{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#9f7aff,#5335d9);font-size:23px;color:white}.side-caption{font-size:10px;letter-spacing:2px;color:#8e9cbb;margin-top:44px;margin-bottom:10px}.company-picker{padding:13px;border:1px solid #485576;border-radius:12px;font-size:13px;margin-bottom:20px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{display:block;width:100%;text-align:left;border:0;color:#dce2f4;background:transparent;border-radius:10px;padding:13px 15px;font-size:14px}.nav:hover,.nav.active{background:#5240bb;color:white}.sidebar-bottom{margin-top:auto;background:linear-gradient(140deg,#5147c3,#292c70);padding:20px;border-radius:14px;font-weight:700}.sidebar-bottom small{display:block;font-size:12px;font-weight:400;margin-top:7px;color:#d1d4ff}main{min-width:0;flex:1}.topbar{height:74px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #e9ebf3}.top-right{display:flex;gap:15px;align-items:center;font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#8188a1;font-weight:800}.content{padding:36px;max-width:1600px}.page{animation:fade .2s ease}@keyframes fade{from{opacity:.7}to{opacity:1}}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.heading.tight{margin-bottom:12px}.heading h1{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.heading p,.panel>p{margin:0;color:#65708b;font-size:14px;line-height:1.65}.primary{border:none;background:linear-gradient(110deg,#7553ef,#5635d5);color:white;font-weight:700;padding:13px 22px;border-radius:11px;box-shadow:0 7px 18px #5b45c82b}.primary:hover{filter:brightness(1.06)}.secondary{border:1px solid #dee2ee;background:white;border-radius:10px;padding:11px 15px;color:#31394e}.small{font-size:12px;padding:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric,.panel{background:white;border:1px solid #e7eaf2;border-radius:16px;box-shadow:0 5px 19px #1d26440a}.metric{padding:23px 20px;display:flex;flex-direction:column;gap:12px}.metric span{font-size:13px;font-weight:700}.metric strong{font-size:34px;line-height:1.1}.metric small,.muted{color:#8390a5;font-size:12px}.panel{padding:26px;margin-bottom:18px}.panel h2{font-size:18px;margin:0 0 16px;letter-spacing:-.4px}.panel p{margin-bottom:20px}label{display:block;color:#3d465d;font-weight:700;font-size:13px;margin:0 0 18px}input,textarea,select{width:100%;border:1px solid #dce0ed;border-radius:10px;padding:13px 14px;margin-top:9px;outline:none;color:#222b43;background:#fff}input:focus,textarea:focus,select:focus{border-color:#7254e5;box-shadow:0 0 0 3px #7458e51c}.form-panel{max-width:750px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.caution{border-radius:10px;padding:14px;background:#fbf5e5;color:#735c19;font-size:13px;margin-bottom:20px}.row-item{border-top:1px solid #edf0f6;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.row-item:first-child{border:0}.row-item strong{display:block;font-size:14px}.row-item small{display:block;color:#838ba0;margin-top:5px}.pill{background:#f0effe;color:#6751b4;display:inline-block;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.asset{border-radius:12px;background:white;border:1px solid #e7eaf2;overflow:hidden}.asset img{width:100%;height:145px;object-fit:cover}.asset span{display:block;padding:12px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ebedf4}.integration:last-of-type{margin-bottom:20px}.notice{border-radius:10px;padding:13px 16px;margin-bottom:17px;background:#e9f6ee;color:#166438}.notice.err{background:#fff0f0;color:#9d2828}.error{color:#b12d39;font-size:12px;margin-top:15px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 5%,#e6ddff,transparent 34%),#f6f7fc}.login-card{background:white;border:1px solid #ececf5;border-radius:20px;box-shadow:0 24px 80px #1e235b17;width:100%;max-width:435px;padding:39px}.login-card h1{font-size:28px;margin:40px 0 4px}.login-card p{color:#798199;font-size:14px;margin-bottom:28px}.login-card .primary{width:100%}.credentials{padding:18px;background:#f1efff;border-radius:10px;font-size:13px;line-height:1.7;word-break:break-word}.terminal{background:#111b2c;color:#9ef6bf;border-radius:12px;padding:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;font-size:12px;min-height:190px;max-height:410px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.buttons{display:flex;gap:12px;flex-wrap:wrap}code{background:#eff0f7;padding:2px 4px;border-radius:4px}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}.sidebar{width:212px}.content{padding:23px}}@media(max-width:700px){.layout{display:block}.sidebar{width:100%;padding:15px}.sidebar nav{flex-direction:row;overflow:auto}.nav{white-space:nowrap;width:auto;padding:10px}.side-caption,.company-picker,.sidebar-bottom{display:none}.brand{font-size:18px;margin-bottom:14px}.topbar{padding:0 17px;height:55px}.content{padding:19px}.heading{align-items:flex-start}.heading h1{font-size:24px}.heading .primary{padding:10px;font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px 11px}.metric strong{font-size:26px}.form-grid{grid-template-columns:1fr}.panel{padding:18px}}

/* Leaf branding & login — v0.1.2 */
.sidebar-brand .brand-fallback{display:flex;align-items:center;gap:8px}.sidebar-brand-img{max-width:100%;max-height:58px;object-fit:contain;object-position:left center}.sidebar-brand{min-height:42px}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1.04fr) minmax(420px,.96fr);background:#faf9ff}
.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 7%;background:radial-gradient(circle at 78% 28%,#7a52d1 0,transparent 33%),linear-gradient(145deg,#13172a 0%,#281254 55%,#5b2db6 100%);color:white}
.login-showcase:before{content:'';position:absolute;right:-200px;top:12%;width:570px;height:570px;border:1px solid #ffffff23;border-radius:48% 52% 70% 30%;transform:rotate(32deg)}
.login-showcase:after{content:'';position:absolute;right:-170px;bottom:-250px;width:600px;height:600px;border:100px solid #ffffff0c;border-radius:50%}
.showcase-brand,.showcase-copy,.showcase-footer{z-index:1;position:relative}.showcase-brand{font-size:14px;font-weight:800;letter-spacing:2.5px}.showcase-leaf{color:#cdb6ff;font-size:26px;vertical-align:middle;margin-right:10px}.showcase-copy{max-width:590px}.eyebrow.light{color:#c9b4ff;font-size:12px;letter-spacing:3px}.showcase-copy h2{font-size:clamp(43px,5vw,76px);line-height:1.09;letter-spacing:-3px;margin:25px 0}.showcase-copy h2 em{font-style:normal;color:#d1b6ff}.showcase-copy p{font-size:17px;line-height:1.7;color:#e2dafa;max-width:490px}.showcase-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:40px}.showcase-chips span{border:1px solid #ffffff30;border-radius:30px;padding:10px 14px;font-size:12px;color:#e9ddff;background:#ffffff0b}.showcase-footer{font-size:12px;color:#baa9e9}
.login-form-side{display:grid;place-items:center;padding:55px 35px}.login-shell .login-card{width:100%;max-width:470px;background:transparent;border:0;box-shadow:none;padding:10px}.login-brand{min-height:62px;display:flex;align-items:center}.login-brand-img{max-width:320px;max-height:90px;object-fit:contain;object-position:left center}.welcome-symbol{margin-top:58px;color:#7649de;background:#ede5ff;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:24px}.login-shell .login-card h1{font-size:36px;margin:22px 0 7px;letter-spacing:-1.3px}.login-shell .login-card p{color:#777992;font-size:15px;margin-bottom:36px}.login-shell .login-card label{font-size:13px;margin-bottom:20px}.login-shell .login-card input{background:#fff;padding:15px;border-radius:12px}.login-shell .login-submit{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:16px 19px}.login-bottom{text-align:center;margin-top:42px;color:#9290a5;font-size:12px}
.branding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.branding-setting{border:1px solid #e9e5f3;border-radius:16px;padding:18px}.branding-setting h3{font-size:16px;margin:0 0 8px}.branding-setting p{color:#7d8299;font-size:12px;line-height:1.6;min-height:56px}.branding-preview{border:1px dashed #cfcde0;height:125px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8f7fd;margin:12px 0 18px;overflow:hidden}.branding-preview.dark{background:#151d36;color:#fff}.branding-preview img{max-width:90%;max-height:85px;object-fit:contain}.branding-preview img.square{max-width:72px;max-height:72px}.branding-upload{display:flex;flex-direction:column;gap:8px}.branding-upload input{font-size:12px;max-width:100%}.branding-upload .primary{padding:11px}.brand-remove{margin-top:9px;width:100%}
@media(max-width:1100px){.branding-grid{grid-template-columns:1fr}.login-showcase{padding:35px}.showcase-copy h2{font-size:46px}}@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-showcase{min-height:200px;padding:22px 28px}.login-showcase .showcase-copy,.login-showcase .showcase-footer{display:none}.login-form-side{padding:35px 22px}.welcome-symbol{margin-top:30px}.login-shell .login-card h1{font-size:29px}}