/* CraftHero 0.5.1 – Neues Design nach freigegebener Bildvorschau. */
:root{--ch-navy:#0d1c33;--ch-muted:#72829b;--ch-border:#e6ebf3;--ch-surface:#fff;--ch-bg:#f7f9fd;--ch-green:#148752}
.ch-logo{display:inline-flex;gap:9px;align-items:center;color:#0d1c33;white-space:nowrap;font-weight:840;font-size:21px;letter-spacing:-.7px}.ch-logo img{width:35px;height:39px;object-fit:contain}.ch-landing{background:linear-gradient(155deg,#f9fcff,#fff 48%,#f8fbfc);color:#111d33}.ch-container{width:min(1400px,calc(100% - 64px));margin-inline:auto}.ch-site-header{background:#ffffffdb;border-bottom:1px solid #edf0f5;position:relative;z-index:3}.ch-header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ch-site-links{display:flex;align-items:center;gap:35px;color:#475a78;font-size:13px;font-weight:600}.ch-site-links a:hover,.ch-login-link:hover{color:#1267cc}.ch-header-actions{display:flex;align-items:center;gap:28px}.ch-login-link{color:#354768;font-size:13px;font-weight:700}.ch-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:730;white-space:nowrap;transition:background .2s,transform .2s}.ch-btn:hover{transform:translateY(-1px)}.ch-btn-dark{background:var(--ch-navy);color:#fff}.ch-btn-dark:hover{background:#203757}.ch-btn-light{border:1px solid #dce4f0;background:white;color:#14213b}.ch-btn-large{padding:16px 25px;font-size:15px}.ch-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:30px;align-items:center;padding-block:72px 54px;min-height:560px}.ch-hero-copy{max-width:620px}.ch-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#19744b;background:#ecf9f0;border-radius:24px;padding:9px 13px;font-size:11px;font-weight:760}.ch-eyebrow i{width:8px;height:8px;border-radius:50%;background:#1ab468}.ch-hero h1{font-size:clamp(43px,4.25vw,69px);line-height:1.09;letter-spacing:-3.4px;font-weight:850;margin:23px 0 21px;max-width:660px}.ch-hero h1 span{display:block}.ch-hero-copy>p{max-width:575px;font-size:17px;color:#637391;line-height:1.7}.ch-hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.ch-benefits{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;color:#627593;font-size:12px}.ch-benefits b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#19a25f;color:white;font-size:11px;margin-right:5px}.ch-hero-preview{position:relative;min-width:0;padding:32px 0}.ch-hero-preview:before{content:"";position:absolute;inset:8px 12px 12px 12px;border-radius:28% 14% 24% 35%;background:#e4f6ef;transform:rotate(-4deg)}.ch-preview-tag{position:absolute;z-index:2;right:6px;top:-3px;font-size:10px;font-weight:720;color:#467a63;background:white;border:1px solid #e0e9e4;border-radius:99px;padding:6px 11px}.ch-mini-app{position:relative;display:grid;grid-template-columns:135px minmax(0,1fr);height:382px;border:1px solid #e4eaf2;border-radius:15px;background:#fff;box-shadow:0 25px 65px #243c6030;overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.ch-mini-side{background:white;border-right:1px solid #e9eff5;font-size:10px;font-weight:600;color:#405473;padding:13px 8px;display:flex;flex-direction:column;gap:5px}.ch-mini-side>div:not(.ch-mini-logo){padding:8px;border-radius:7px}.ch-mini-side .ch-mini-active{background:#0d1c33;color:white}.ch-mini-logo{display:flex;align-items:center;color:#0c1b33;font-weight:830;gap:6px;font-size:12px;margin-bottom:16px}.ch-mini-logo img{width:18px;height:21px}.ch-mini-main{min-width:0;padding:17px 20px;background:#f8fafd}.ch-mini-top{background:#fff;border:1px solid #e6eaf1;border-radius:7px;font-size:9px;display:flex;justify-content:space-between;padding:10px;color:#4c5f7f;gap:9px}.ch-mini-main h3{font-size:22px;margin:20px 0 4px;letter-spacing:-.7px;color:#11213a}.ch-mini-main>p{font-size:10px;color:#8a98ad;margin-bottom:15px}.ch-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ch-mini-stats>div{border:1px solid #e8edf5;background:white;border-radius:10px;padding:13px 10px;position:relative}.ch-mini-stats small{display:block;font-size:8px;color:#75869c}.ch-mini-stats strong{font-size:22px;display:block;margin-top:6px}.ch-mini-stats em{position:absolute;top:9px;right:10px;font-style:normal;color:#137c56}.ch-mini-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px}.ch-mini-columns>div{padding:14px;background:white;border-radius:10px;border:1px solid #e8edf5;min-width:0}.ch-mini-columns h4{margin:0 0 15px;font-size:10px}.ch-mini-columns p{margin:10px 0 4px;font-size:9px;color:#55657d}.ch-mini-columns p span{float:right;color:#0d9a61}.ch-mini-columns p b{color:#2b81cc}.ch-mini-progress{height:5px;border-radius:99px;background:#e7ecf4}.ch-mini-progress i{display:block;height:5px;border-radius:99px;background:#1fa66a}.ch-feature-section{padding-block:15px 20px}.ch-four-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ch-feature-card{background:#fff;border:1px solid #e8edf4;border-radius:13px;padding:22px;box-shadow:0 9px 25px #1e38520a;min-height:224px}.ch-feature-icon,.ch-dash-stat-icon,.ch-quick-icon{display:grid;place-items:center;border-radius:12px;width:48px;height:48px;font-size:22px;font-weight:700}.blue{background:#e4f1ff!important;color:#1683e6!important}.green{background:#e5f8ed!important;color:#14a05b!important}.orange{background:#fff0e6!important;color:#d57616!important}.purple{background:#f2eaff!important;color:#8247d9!important}.ch-feature-card h3{font-size:15px;margin:19px 0 8px;letter-spacing:-.3px}.ch-feature-card p{font-size:13px;line-height:1.6;color:#72819a;min-height:62px}.ch-feature-card a{font-size:11px;color:#127fe0;font-weight:750}.ch-trades,.ch-process{background:#fff;border:1px solid #e9edf5;border-radius:15px;padding:26px;margin-block:16px}.ch-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.ch-section-heading h2{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.ch-section-heading p{color:#8190a8;font-size:13px;margin:0}.ch-section-heading>span{font-size:11px;color:#488b7c}.ch-trade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ch-trade-grid span{display:flex;align-items:center;justify-content:center;min-height:53px;text-align:center;padding:10px 7px;border:1px solid #e8edf4;border-radius:10px;background:#fdfefe;color:#3c506f;font-size:12px;font-weight:720}.ch-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ch-steps>div{position:relative;padding:16px 16px 16px 52px;border-right:1px solid #edf1f5;min-height:95px}.ch-steps>div:last-child{border:0}.ch-steps span{position:absolute;left:8px;top:12px;border-radius:50%;background:#1c82e5;color:white;width:28px;height:28px;display:grid;place-items:center;font-size:13px;font-weight:800}.ch-steps b{font-size:13px}.ch-steps p{font-size:11px;color:#8190a6;margin:7px 0 0;line-height:1.5}.ch-faq{margin-block:19px 48px;background:#f4f8fd;border:1px solid #e8edf5;border-radius:14px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:27px}.ch-faq h2{font-size:23px;margin-bottom:9px}.ch-faq p{max-width:800px;font-size:13px;color:#71839f;margin:0}.ch-site-footer{border-top:1px solid #e6ecf5;padding-block:27px 39px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.ch-site-footer p{font-size:12px;color:#657794;margin:0}.ch-site-footer small{font-size:11px;color:#9aa5b8}
/* App shell – light left navigation as in the reference screenshot. */
.app-page{background:#f7f9fd;color:#10203b}.app-shell .sidebar{width:254px;background:#fbfcfe!important;color:#10203b!important;padding:0 11px 18px;border-right:1px solid #e0e6f0;box-shadow:none;flex-shrink:0}.app-shell .app-brand{display:flex;padding:14px 12px 17px;font-size:20px;color:#12233a!important;border-bottom:1px solid #e7ecf3;margin:0 -11px 12px}.app-shell .app-brand img{width:30px;height:35px}.app-shell .app-nav{gap:1px}.app-shell .nav-item{display:flex;align-items:center;gap:15px;color:#32425f!important;border:0;border-radius:11px;padding:11px 13px;font-size:13px!important;font-weight:650;background:none;width:100%;line-height:1.4}.app-shell .nav-item:hover{background:#ebf1fa!important;color:#122740!important}.app-shell .nav-item.active{color:#fff!important;background:#0c1c33!important;box-shadow:0 2px 4px #0d1c3314}.app-shell .nav-ico{font-size:17px;width:20px;min-width:20px;text-align:center;font-weight:400}.app-shell .sidebar-bottom{margin-top:18px!important;padding:12px 3px 0;border-top:1px solid #edf0f5}.app-shell .profile-mini{color:#102037;background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:11px;box-shadow:none}.app-shell .profile-mini strong{color:#142844}.app-shell .profile-mini small{color:#8995a5}.app-shell .profile-avatar{background:#eaf2ff;color:#1b568d}.app-shell .ch-extra-tools{border-top:1px solid #e6ecf3;margin-top:11px;padding-top:10px}.app-shell .ch-extra-tools summary{color:#6a7c98;font-size:12px;font-weight:700;padding:9px 12px;cursor:pointer}.app-shell .ch-extra-tools .nav-item{font-size:12px!important;padding-left:21px}.app-main{min-width:0;flex:1}.app-shell .app-header{height:70px;min-height:70px;background:#fff;border-bottom:1px solid #e7ecf3;padding:0 28px;display:flex;gap:24px;justify-content:space-between}.ch-top-company{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:780;color:#1c2c43;white-space:nowrap;min-width:100px;max-width:230px}.ch-top-company>span:last-child{overflow:hidden;text-overflow:ellipsis}.ch-top-company-icon{background:#f2f6fb;border:1px solid #e4ebf4;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:18px}.ch-top-search{position:relative;width:min(450px,38vw);min-width:180px}.ch-top-search input{width:100%;height:41px;padding:0 14px 0 42px;border:1px solid #e0e7f1;background:#f9fbfe;border-radius:9px;color:#263954;font-size:12px}.ch-search-label{position:absolute;top:5px;left:13px;font-size:23px;color:#8d9eba}.ch-search-results{position:absolute;top:44px;left:0;right:0;background:white;border:1px solid #e2e9f3;box-shadow:0 12px 28px #17284424;border-radius:11px;z-index:100;overflow:hidden}.ch-search-results[hidden]{display:none!important}.ch-search-results button{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;padding:12px 15px;background:white;border:0;text-align:left;border-bottom:1px solid #f1f3f6}.ch-search-results button:hover{background:#f3f8fd}.ch-search-results strong{font-size:12px;color:#253851}.ch-search-results small{font-size:11px;color:#77889f}.ch-search-results p{margin:0;padding:13px;font-size:12px;color:#7c8da6}.ch-topbar .app-header-right{gap:15px}.ch-cloud-dot{color:#21a76a;font-size:13px}.ch-account-button{height:36px;width:36px;border:1px solid #e3eaf2;background:#e3effc;color:#28587e;border-radius:50%;font-size:11px;font-weight:800}.ch-hidden-breadcrumb{display:none}.app-shell .app-content{max-width:1800px;padding:34px 30px}.app-shell .page-head h1,.app-shell .ops-header h1{color:#14213b}.app-shell .page-eyebrow{color:#5e82a4}.app-shell .btn-primary{background:#0d1c33;color:white}.app-shell .btn-primary:hover{background:#24405e}.app-shell .panel,.app-shell .ops-panel,.app-shell .stat-card{border-color:#e8edf5;box-shadow:0 4px 14px #20375205}.app-shell .link-button{color:#0873c5}
.ch-dashboard-head{display:flex;gap:18px;justify-content:space-between;align-items:start;margin-bottom:24px}.ch-dashboard-head h1{font-size:clamp(25px,2.5vw,33px);letter-spacing:-1.1px;margin:0 0 7px;color:#0c1c36}.ch-dashboard-head p{color:#7d8eaa;font-size:13px;margin:0}.ch-today{color:#506586;font-size:12px;white-space:nowrap}.ch-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.ch-dash-stat{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;background:#fff;border:1px solid #e6ecf4;border-radius:12px;padding:22px 14px;box-shadow:0 8px 20px #142b4610;position:relative}.ch-dash-stat:hover,.ch-quick-actions button:hover,.ch-project-row:hover{border-color:#bcd4f0;background:#fcfdff}.ch-dash-stat-icon{flex-shrink:0;width:42px;height:42px;font-size:21px}.ch-dash-stat-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.ch-dash-stat-copy small{font-size:11px;color:#547090;font-weight:700}.ch-dash-stat-copy strong{font-size:clamp(19px,2vw,28px);color:#10213e;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-dash-stat-copy em{font-size:10px;color:#8491a8;font-style:normal;line-height:1.35}.ch-stat-arrow{font-size:24px;color:#879bb4;position:absolute;right:12px;top:10px}.ch-dashboard-middle{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);gap:15px;margin-bottom:15px}.ch-dashboard-bottom{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:15px}.ch-dashboard-box{background:#fff;border:1px solid #e7edf5;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 7px 19px #1731480a}.ch-dashboard-box-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 19px;border-bottom:1px solid #edf1f6}.ch-dashboard-box-header h2{font-size:14px;letter-spacing:-.25px;margin:0;color:#10223c}.ch-link{background:none;border:none;color:#0a7bce;font-size:11px;font-weight:700;white-space:nowrap}.ch-dash-empty{padding:27px 15px;text-align:center;color:#7d8da5;font-size:12px;line-height:1.7}.ch-dash-empty button{display:block;margin:8px auto 0}.ch-project-list{padding:6px 16px 17px}.ch-project-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-bottom:1px solid #eff2f7;padding:11px 2px;text-align:left}.ch-project-row:last-child{border-bottom:0}.ch-project-avatar{display:grid;place-items:center;flex-shrink:0;width:46px;height:42px;background:#e7f3ff;color:#1972b1;border-radius:7px;font-size:22px}.ch-project-info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.ch-project-info strong{font-size:12px;color:#1d2f4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-project-info small{font-size:11px;color:#93a0b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-project-status{border-radius:20px;padding:6px 12px;font-size:10px;color:#6b7b8e;background:#f2f5f7;white-space:nowrap}.ch-project-status.ch-green{background:#e5f8ee;color:#168f55}.ch-project-arrow{color:#91a1b7;font-size:21px}.ch-agenda-date{margin:15px 18px 9px;font-size:12px;color:#405979;font-weight:720}.ch-agenda-list{padding:0 18px 12px}.ch-agenda-row{background:transparent;border:none;border-bottom:1px solid #eef2f7;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0}.ch-agenda-dot{flex-shrink:0;height:9px;width:9px;border-radius:50%;background:#17a869}.ch-agenda-row:nth-child(3n) .ch-agenda-dot{background:#198add}.ch-agenda-row:nth-child(3n+2) .ch-agenda-dot{background:#f2a13c}.ch-agenda-row time{font-size:11px;color:#6b7e9d;min-width:45px}.ch-agenda-row>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.ch-agenda-row strong{font-size:11px;color:#233755;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-agenda-row small{font-size:10px;color:#9aa6b8}.ch-quick-actions{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.ch-quick-actions button{display:flex;align-items:center;gap:8px;min-height:63px;padding:9px;border:1px solid #e6edf4;border-radius:9px;background:white;font-size:11px;color:#34506a;font-weight:650;text-align:left}.ch-quick-actions button b{margin-left:auto;color:#566c86}.ch-quick-icon{height:32px;width:32px;flex-shrink:0;font-size:16px;border-radius:8px}.ch-dash-recent{padding:8px 15px}.ch-dash-recent button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid #eef2f7;padding:12px 2px}.ch-dash-recent button:last-child{border:0}.ch-recent-dot{height:8px;width:8px;background:#18a36a;border-radius:50%;flex-shrink:0}.ch-dash-recent button span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ch-dash-recent strong{font-size:11px;color:#2c3e5b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ch-dash-recent small{font-size:10px;color:#95a2b7}.ch-dash-recent em{font-size:11px;color:#7383a0;font-style:normal;white-space:nowrap}.ch-tools-links{padding:14px}.ch-tools-links button{width:100%;display:flex;justify-content:space-between;gap:15px;background:#fff;border:0;border-bottom:1px solid #f0f3f7;padding:11px 4px;font-size:12px;color:#364d6b;text-align:left}.ch-tools-links button span{color:#1283ce}.ch-tools-links button:last-child{border-bottom:none}.ch-soon-panel{padding:45px;max-width:720px}.ch-soon-panel h2{font-size:22px;margin-top:19px}.ch-soon-panel p{font-size:13px;color:#70839c;margin-bottom:24px}
@media(max-width:1250px){.ch-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-dashboard-bottom{grid-template-columns:1fr 1fr}.ch-dashboard-bottom>section:last-child{grid-column:1/-1}.ch-mini-app{height:355px}.ch-mini-side{width:115px}.ch-four-cards{grid-template-columns:repeat(2,1fr)}.ch-trade-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ch-container{width:min(100% - 36px,760px)}.ch-site-links{display:none}.ch-hero{grid-template-columns:1fr;padding-top:42px}.ch-hero-preview{max-width:680px;width:100%;margin:auto}.ch-hero h1{font-size:clamp(41px,7vw,60px)}.app-shell .sidebar{position:fixed;left:0;top:0;z-index:30;transform:translateX(-105%)}.app-shell .sidebar.open{transform:translateX(0)}.app-shell .app-header{padding:0 16px;gap:12px}.ch-top-company{display:none}.ch-top-search{flex:1;width:auto;min-width:0}.ch-dashboard-middle{grid-template-columns:1fr}.ch-dashboard-bottom{grid-template-columns:1fr 1fr}.ch-today{display:none}}
@media(max-width:650px){.ch-header-inner{height:70px}.ch-header-actions{gap:9px}.ch-login-link{display:none}.ch-hero{padding:40px 0 24px}.ch-hero h1{font-size:clamp(36px,9vw,48px);letter-spacing:-2px}.ch-hero-copy>p{font-size:15px}.ch-benefits{gap:9px}.ch-mini-app{grid-template-columns:75px 1fr;height:314px}.ch-mini-side{padding:7px 4px;font-size:7px;gap:3px}.ch-mini-side>div:not(.ch-mini-logo){padding:7px 2px}.ch-mini-logo{font-size:8px}.ch-mini-logo img{width:13px;height:16px}.ch-mini-main{padding:8px}.ch-mini-main h3{font-size:16px;margin:12px 0 4px}.ch-mini-top span{display:none}.ch-mini-stats{gap:5px}.ch-mini-stats>div{padding:8px 4px}.ch-mini-stats strong{font-size:16px}.ch-mini-stats em{display:none}.ch-mini-columns{gap:5px}.ch-mini-columns>div{padding:8px}.ch-mini-columns p span{display:none}.ch-four-cards,.ch-steps{grid-template-columns:1fr}.ch-trade-grid{grid-template-columns:repeat(2,1fr)}.ch-process,.ch-trades{padding:20px}.ch-steps>div{border-right:0;border-bottom:1px solid #edf1f5}.ch-faq{flex-direction:column;align-items:start;padding:24px}.ch-site-footer{align-items:start;flex-direction:column}.app-shell .app-content{padding:25px 15px}.ch-dashboard-head h1{font-size:26px}.ch-dashboard-stats,.ch-dashboard-bottom{grid-template-columns:1fr}.ch-dashboard-bottom>section:last-child{grid-column:auto}.ch-dash-stat{padding:15px}.ch-dash-stat-copy strong{font-size:24px}.ch-dashboard-box-header{padding:15px}.ch-topbar .account-email{display:none}.ch-project-status{padding:4px 7px}.ch-project-avatar{width:34px;height:34px}.ch-project-info strong{font-size:11px}.ch-project-row{gap:8px}}
@media print{.ch-site-header,.ch-site-footer{display:none!important}}