:root{--ink:#1d302c;--muted:#6b796f;--green:#164c42;--deep:#123e38;--lime:#d8f58b;--line:#e3e9e4;--paper:#f5f7f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}button,input,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #86ad40;outline-offset:4px}a{color:inherit}h1,h2,p{margin-top:0}p{color:var(--muted);line-height:1.65}h1,h2{letter-spacing:-.04em}h1{font-size:clamp(28px,3vw,38px);font-weight:650}h2{font-size:22px;font-weight:650}small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:#54816b}.eyebrow.light{color:#c3d8b5}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.6px;text-decoration:none;color:white}.brand-mark{background:var(--lime);color:var(--deep);font-size:13px;font-weight:850;border-radius:11px;padding:11px 8px;letter-spacing:-1px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--deep);color:white;padding:48px 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff12;border-radius:50%;right:-230px;bottom:-150px;box-shadow:0 0 0 75px #ffffff04,0 0 0 150px #ffffff03}.story-content{margin:auto 0;padding:55px 0;position:relative;z-index:1}.story-content h1{font-size:clamp(48px,5vw,76px);line-height:1.06;font-weight:600;letter-spacing:-4px;margin:25px 0}.story-content>p{max-width:355px;color:#b6cbc4;font-size:16px}.story-tools{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 50px}.story-tools span{font-size:11px;border:1px solid #ffffff28;border-radius:30px;padding:8px 13px;color:#d3e2d9}.story-note{display:flex;align-items:center;gap:15px}.orbit{font-size:28px;background:#ffffff0c;color:var(--lime);width:54px;height:54px;display:grid;place-items:center;border-radius:50%}.story-note strong,.story-note small{display:block}.story-note small{color:#a5beb3;max-width:235px;margin-top:5px}.story-footer{font-size:9px;letter-spacing:.16em;color:#9fb9ab}.login-area{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 35px;background:#fcfdfb}.login-card{width:100%;max-width:355px}.login-card h2{font-size:32px;margin:14px 0 9px}.login-card>p{margin-bottom:32px}.form-label{font-size:12px;font-weight:650}.form-control{font-size:13px;padding:12px 14px;border:1px solid #dce4dc;border-radius:9px;background:#fff}.form-control:focus{border-color:#699578;box-shadow:0 0 0 3px #164c4210}.btn{font-size:12px;font-weight:650;padding:13px 19px;border-radius:8px}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover,.btn-primary:focus{background:#0d352e;border-color:#0d352e}.btn-central{border:1px solid #cbd9cc;background:#f1f5ed;color:var(--green)}.btn-central:hover{background:#e6eedf;border-color:#8dac8b}.login-divider{display:flex;align-items:center;gap:12px;color:#76836f;font-size:11px;margin:23px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--line);flex:1}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:8px;top:8px;border:0;background:none;font-size:11px;color:#4d6e5c;padding:7px}.login-help{font-size:11px;margin-top:25px;text-align:center}.login-footer{font-size:10px;color:#74816f;margin-top:40px}.portal-notice{position:fixed;z-index:20;right:25px;top:18px;max-width:420px;padding:15px 20px;background:#fff5ed;border:1px solid #ecccb4;border-radius:10px;color:#7d422d;box-shadow:0 6px 24px #0001}.app-layout{min-height:100vh;display:grid;grid-template-columns:247px minmax(0,1fr)}.sidebar{background:var(--deep);color:#e2e9e0;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:30px 20px}.sidebar .brand{margin:0 10px 35px}.company-switch{display:flex;align-items:center;gap:10px;padding:15px 10px;background:#ffffff08;border:1px solid #ffffff15;border-radius:10px;margin-bottom:30px}.company-icon{font-size:22px;color:#d5e3cd}.company-switch small{font-size:8px;letter-spacing:.09em;display:block;color:#b4c9bd}.company-switch strong{display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.lock-icon{margin-left:auto;color:#9bb5a5}.nav-label{font-size:9px;letter-spacing:.16em;color:#a7c3b5;padding-left:14px;margin-bottom:12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;color:#b4cec1;text-decoration:none;padding:13px 15px;border-radius:8px;font-size:12px}.sidebar nav a>span{font-size:19px;width:20px;text-align:center}.sidebar nav a:hover{background:#ffffff09}.sidebar nav a[aria-current=page]{background:var(--lime);color:#1c4632;font-weight:700}.sidebar-tip{margin:auto 0 25px;padding:23px 15px 0}.sidebar-tip p{color:#d9e4d3;font-size:15px;margin:12px 0}.text-button{background:none;border:0;color:var(--lime);font-size:11px;font-weight:650;padding:6px 0}.text-button.dark{color:var(--green)}.sidebar-bottom{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff18;padding-top:20px}.avatar{width:33px;height:33px;border-radius:50%;background:#315d4d;color:#ddedc9;display:grid;place-items:center;font-size:11px;flex-shrink:0}.sidebar-bottom strong{font-size:11px;display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom small{font-size:9px;color:#b2cbbd}.sidebar-bottom button{margin-left:auto;border:0;background:none;color:#b5c9bb;font-size:23px}.main-area{min-width:0}.topbar{height:75px;background:#ffffffaa;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6d7e70}.topbar>div{display:flex;align-items:center;gap:20px}.private-tag{color:#66816c}.btn-refresh{background:white;border:1px solid var(--line);width:30px;height:30px;border-radius:50%;font-size:18px;color:#5c7565}.mobile-logout{display:none}main{max-width:1440px;margin:auto;padding:38px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:15px}.page-heading h1{margin:9px 0}.page-heading p{font-size:12px;margin-bottom:0}.date-label{font-size:11px;color:#6e7b69;white-space:nowrap}.hero-panel{background:#e9efdd;border:1px solid #e0e8d5;border-radius:16px;display:flex;justify-content:space-between;padding:35px 38px;overflow:hidden;position:relative}.hero-label{color:#66814d;font-size:9px;letter-spacing:.15em;font-weight:700}.hero-panel h2{font-size:clamp(27px,3vw,38px);line-height:1.17;margin:14px 0;color:#234935;font-weight:600}.hero-panel p{font-size:12px;color:#64764f;margin-bottom:22px}.btn-lime{background:var(--deep);color:#f1f7e7;border:0;font-size:11px}.btn-lime:hover{background:#255b4d;color:white}.hero-art{width:290px;flex-shrink:0;position:relative;margin-left:20px}.art-orbit{position:absolute;width:280px;height:280px;border:1px solid #bac9a7;border-radius:50%;top:5px;left:5px}.art-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #cbd7bd;border-radius:50%}.art-tile{position:absolute;border-radius:19px;box-shadow:0 15px 25px #375a2713}.tile-a{left:10px;top:28px;background:var(--lime);width:140px;height:145px;transform:rotate(-12deg);padding:14px;font-size:59px;color:#254d31}.tile-a small{display:block;font-size:7px;letter-spacing:.1em;margin-top:-5px}.tile-b{left:115px;top:95px;background:var(--deep);width:155px;height:155px;transform:rotate(9deg);color:var(--lime);padding:22px;font-size:32px;font-weight:700}.tile-b span{display:block;font-size:12px;line-height:1.4;color:#d6e5cf;margin-top:12px;font-weight:400}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 33px;background:white;border:1px solid var(--line);border-radius:12px;padding:22px 0}.summary-row>div{display:flex;align-items:center;gap:13px;padding:0 25px;min-width:0}.summary-row>div+div{border-left:1px solid var(--line)}.summary-icon{width:38px;height:38px;display:grid;place-items:center;font-size:23px;background:#f2f5ed;border-radius:10px;color:#618164;flex-shrink:0}.summary-row strong{font-size:19px;display:block;font-weight:650;overflow-wrap:anywhere}.summary-row small{font-size:10px;color:#6c7b63;display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:18px;margin-bottom:5px}.section-heading p{font-size:11px;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.app-card{border:1px solid var(--line);border-radius:13px;background:white;padding:24px;min-width:0;transition:box-shadow .15s,transform .15s}.app-card:hover{box-shadow:0 8px 20px #253a2910;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.app-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:650}.app-chat{background:#eaf2e4;color:#557e32}.app-erp{background:#e8eefc;color:#637bc7}.app-cloud{background:#fff1dd;color:#997325}.app-postiz{background:#f1eafa;color:#8a62ac}.favorite-button{border:0;background:none;color:#708265;font-size:22px;padding:4px 8px;line-height:1}.favorite-button[aria-pressed=true]{color:#597323}.app-card h3{font-size:16px;font-weight:650;margin:0 0 4px}.product-label{font-size:9px;color:#6e7c66;margin-bottom:12px}.app-card p{font-size:11px;margin-bottom:23px;min-height:36px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #edf0e9;padding-top:14px}.card-bottom small{font-size:9px;color:#6c7e60}.open-tool{font-size:11px;color:#315b3d;text-decoration:none;font-weight:650}.open-tool:hover{text-decoration:underline}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.guide-prompt,.help-prompt{padding:26px;border-radius:12px;border:1px solid var(--line);background:#eff2e8}.help-prompt{background:#f5f2ea}.bottom-grid h2{font-size:18px;margin-top:13px}.bottom-grid p{font-size:11px;margin-bottom:10px}.tools-toolbar{display:flex;gap:12px;margin-bottom:15px}.search-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:9px;padding:0 15px;flex:1}.search-field span{font-size:25px;color:#768867}.search-field input{border:0;background:transparent;min-width:0;width:100%;padding:13px 0;font-size:12px;color:var(--ink)}.filter-button{border:1px solid var(--line);background:white;padding:10px 16px;border-radius:9px;font-size:11px;white-space:nowrap;color:#59724f}.filter-button[aria-pressed=true]{background:#e5efcd;border-color:#b8ca94}.results-label,.tools-note{font-size:11px;color:#6b7a60}.tools-note{margin:25px 0}.empty-state{background:white;border:1px dashed #cdd8c4;padding:45px;text-align:center;border-radius:12px;font-size:13px}.guide-list{display:grid;gap:14px}.guide-item{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;gap:22px;align-items:flex-start}.step-number{background:#edf2e5;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#6b8452;font-size:12px;flex-shrink:0}.guide-item h2{font-size:18px;margin:4px 0 10px}.guide-item p{font-size:12px;margin-bottom:12px}.help-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.info-card{border:1px solid var(--line);border-radius:12px;background:white;padding:28px;align-self:start}.info-card h2{font-size:21px;margin:12px 0 20px}.info-card p{font-size:12px}.account-details{display:grid;grid-template-columns:1fr 1fr;gap:15px 8px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}.account-details dt{font-weight:400;color:#718466}.account-details dd{margin:0;overflow-wrap:anywhere}.faq-list details{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:10px}.faq-list summary{font-size:12px;font-weight:650;cursor:pointer}.faq-list p{font-size:12px;margin:15px 0 0}.maintenance{padding:15px 20px;background:#fff3dc;border:1px solid #ecdfbb;color:#7e6d39;border-radius:10px;font-size:12px}footer{margin-top:35px;padding:24px 0;border-top:1px solid var(--line);display:flex;gap:15px;color:#687d5e;font-size:10px}footer>span:last-child{margin-left:auto}.skip-link{position:absolute;z-index:30;top:-60px;left:15px;background:white;padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1550px){.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:25px 15px}.sidebar .brand{font-size:18px;margin-left:3px}main{padding:30px 25px 0}.topbar{padding:0 25px}.hero-panel{padding:28px}.hero-art{width:190px;transform:scale(.8);transform-origin:10% 40%}.summary-row>div{padding:0 15px}.summary-row small{font-size:9px}.date-label{display:none}.help-grid{grid-template-columns:1fr}.story-content h1{font-size:57px}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-story{padding:24px}.story-content{padding:30px 0 0}.story-content h1{font-size:42px;letter-spacing:-2px;margin:16px 0}.story-content>p{font-size:13px;max-width:100%}.story-tools,.story-note,.story-footer{display:none}.login-area{padding:35px 24px}.login-card{max-width:440px}.app-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:20px}.sidebar .brand{margin:0 0 18px;font-size:20px}.company-switch,.nav-label,.sidebar-tip,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:6px}.sidebar nav a{flex-direction:column;gap:6px;text-align:center;padding:10px 4px;font-size:9px;line-height:1.4}.sidebar nav a>span{font-size:20px}.topbar{height:58px;padding:0 20px}.topbar>div{gap:12px}.mobile-logout{display:block;background:none;border:0;color:var(--green);font-size:11px}main{padding:26px 20px 0}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.hero-panel{padding:26px}.hero-art{display:none}.hero-panel h2{font-size:29px}.summary-row{padding:17px 0;margin:18px 0 28px}.summary-row>div{flex-direction:column;align-items:flex-start;gap:8px;padding:0 12px}.summary-icon{width:28px;height:28px;font-size:18px}.summary-row strong{font-size:16px}.summary-row small{font-size:9px;line-height:1.5}.tools-grid,.bottom-grid{grid-template-columns:1fr}.app-card{padding:22px}.app-card p{min-height:0}.tools-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-button{padding:10px 14px}.guide-item{padding:20px;gap:14px}.guide-item h2{font-size:16px}.account-details{font-size:11px}.portal-notice{left:15px;right:15px;top:10px;max-width:none;font-size:12px}footer{flex-wrap:wrap;font-size:9px}footer>span:last-child{margin-left:0;width:100%}.private-tag{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* CloudLeans real portal blue */
:root{--ink:#192b46;--muted:#65758d;--green:#2463eb;--deep:#101f37;--lime:#dbeafe;--line:#e1e8f2;--paper:#f4f6fa;--bs-primary:#2463eb;--bs-primary-rgb:36,99,235}.sidebar{background:#101f37}.sidebar nav a[aria-current=page]{background:#24436b;color:#fff;box-shadow:inset 3px 0 #64a5ff}.brand-mark{background:#2864e9;color:#fff}.eyebrow{color:#52719d}.eyebrow.light{color:#b3caea}.hero-panel{background:linear-gradient(110deg,#132d50,#234b7d);color:#fff}.hero-panel h2{color:#fff}.hero-panel p,.hero-label{color:#c7d9f2}.btn-primary,.btn-lime{background:#2864e9;border-color:#2864e9;color:white}.btn-primary:hover,.btn-lime:hover{background:#174ac0;color:#fff}.btn-outline-primary{color:#2463eb;border-color:#9bb8f1}.demo-badge,.demo-info{background:#eaf1ff;border-color:#cdddfa;color:#315681}.art-tile.tile-a{background:#77b3ff;color:#102f58}.art-tile.tile-b{background:#102f58}.guide-prompt,.help-prompt{background:#fff}.flow-list li.active{background:#eaf1ff;border-color:#9bb8f1}.flow-index{color:#2463eb}.demo-sidebar-note{color:#acbfdc}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workspace-grid .info-card{padding:25px}.workspace-grid textarea{min-height:90px}.data-row button{margin-top:8px}.empty-state{color:var(--muted);font-size:13px;padding:18px 0}.workspace-grid label{display:block;font-size:12px;margin:12px 0 6px}.workspace-grid input,.workspace-grid textarea{width:100%}.work-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.work-kpis{display:flex;gap:25px;flex-wrap:wrap;margin:15px 0}.work-kpis strong{font-size:23px;display:block}.work-kpis span{font-size:12px;color:var(--muted)}#notice:empty,#client-notice:empty{display:none}#notice,#client-notice{background:#eaf1ff;padding:12px;border-radius:8px;color:#264f8d}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(3,1fr)}}
:root .btn-primary:focus,:root .btn-primary:active,:root .btn-lime:focus,:root .btn-lime:active{background:#174ac0;border-color:#174ac0;color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#64a5ff}