*{box-sizing:border-box} :root{font-family:var(--moni-font-ui);color:#253447;background:#f6f7f9;font-synthesis:none;--muted:#697586;--line:#e3e7ed;--accent:var(--moni-navy)}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){background:#f0f3f7}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #be7490;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.4px;font-size:36px;line-height:1.2}h2{letter-spacing:-.55px;font-size:23px}h3{font-size:17px}input,select,textarea{width:100%;min-width:0;border:1px solid #dce1e8;background:white;padding:12px;border-radius:8px;color:#253447}input::placeholder{color:#87909d}select{font-size:13px;min-height:45px}label{display:block;font-size:13px;font-weight:550}label input,label textarea,label select{margin-top:7px}textarea{resize:vertical} .primary{background:var(--accent);color:white;border-color:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 17px;border-radius:9px;font-size:13px;font-weight:650}.primary:hover:not(:disabled){background:#204e7e}.secondary{border:1px solid var(--line);padding:12px 17px;border-radius:9px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#8b5d65;margin-bottom:13px}.brandmark{background:var(--accent);color:var(--moni-peach);font-weight:700;font-size:28px;letter-spacing:-3px;line-height:44px;width:44px;height:44px;border-radius:14px;text-align:center;padding-right:3px;display:inline-block}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:31px 18px 20px;background:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;color:var(--accent);font-size:24px;font-weight:730;padding:0 12px 35px}.brand-sub{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.3px;margin-top:1px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;background:transparent;font-weight:500;color:#5d697b;text-align:left;font-size:13px}.sidebar nav button.active{color:var(--accent);background:#edf2f8;font-weight:700}.sidebar nav button b{margin-left:auto;font-size:11px;font-weight:500;color:#84909f}.nav-label{margin:30px 12px 12px;font-size:9px;letter-spacing:1.5px;color:#939cab;font-weight:700}.category-dot{height:7px;width:7px;border-radius:3px;background:#cba283;flex-shrink:0}.dot-1{background:#b8819c}.dot-2{background:#88a9a2}.dot-3{background:#a398c2}.dot-4{background:#d6b275}.dot-5{background:#839ab7}.dot-6{background:#b7bcc5}.sidebar-bottom{margin-top:auto;padding-top:35px}.private-note{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:21px 5px 16px}.lock{font-size:23px;color:#789087}.private-note strong{display:block;font-size:10px;font-weight:650}.private-note div>span{font-size:10px;color:var(--muted);display:block;margin-top:4px}#logout{border:0;display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--muted)}.topbar{height:74px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:11px;color:var(--muted)}.topbar strong{font-weight:500;color:#384858}.slash{padding:0 14px;color:#bac0c9}.topbar-user{display:flex;align-items:center;gap:6px}.topbar-user i{width:5px;height:5px;background:#548674;border-radius:100%}.topbar-user b{margin-left:15px;background:#eee4df;color:#7a5964;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px}main#main{max-width:1600px;margin:0 auto;padding:43px 40px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.intro h1{margin-bottom:11px}.intro>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.intro>.primary{flex-shrink:0}.destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:42px}.destination{padding:17px;display:flex;align-items:center;text-align:left;gap:12px;background:#fff;box-shadow:0 2px 4px #163c6903}.destination.selected{border-color:#bfccd9;background:#f0f4f9}.destination-icon{width:37px;height:37px;background:#e0e8f2;color:#30557c;border-radius:10px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.destination-icon.peach{background:#f5e6df;color:#9a6e60}.destination-icon.green{background:#e7eeea;color:#51796b}.destination b{font-size:13px;display:block}.destination small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:5px}.destination>span:last-child{margin-left:auto;font-weight:400;color:#73849a}.dest-status{font-size:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.section-heading h2{font-size:20px;margin-bottom:6px}.section-heading h2 span{font-size:11px;margin-left:7px;background:#e9edf2;border-radius:6px;padding:3px 7px;vertical-align:middle;color:#6d7c8e}.section-heading p{font-size:12px;color:var(--muted);margin:0}.text-button{border:0;background:none;font-size:11px;font-weight:500;color:#718196}.filters{display:grid;grid-template-columns:minmax(190px,1fr) 168px 136px 131px;gap:10px;margin-bottom:23px}.filters input,.filters select{margin:0;min-height:45px}.search{position:relative}.search input{padding-left:37px;padding-right:36px;font-size:12px;height:45px}.search>span{position:absolute;left:13px;top:9px;font-size:21px;color:#8290a0}.search kbd{position:absolute;right:12px;top:13px;font-size:11px;color:#97a3b2;border:1px solid #e1e5eb;border-radius:3px;padding:1px 5px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:22px 21px 0;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.project-card:hover{box-shadow:0 7px 24px #243b5c09;border-color:#c9d3df}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.project-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8edf5;color:#42607f;font-size:13px;font-weight:700;letter-spacing:.4px}.tone-0{background:#f6e9e2;color:#966b54}.tone-1{background:#efe5ee;color:#976482}.tone-2{background:#e5efeb;color:#588278}.tone-3{background:#ece9f6;color:#8370aa}.tone-4{background:#f5eddf;color:#927743}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:600;background:#edf1f6;color:#61778f;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-live{background:#eaf3ed;color:#46755b}.status-pilot{background:#f8eddc;color:#946e32}.status-demo{background:#e8eef8;color:#536f98}.status-prototyp{background:#f1edf6;color:#8a759f}.status-archiv{color:#7f8895}.favorite{margin-left:auto;padding:2px 0 2px 5px;font-size:22px;border:0;background:transparent;color:#8e99a9}.favorite.is-favorite{color:#b38653}.card-category{font-size:10px;color:#82909f;margin-bottom:7px}.card-category span{padding:0 5px;color:#b7bec9}.project-card h3{font-size:17px;line-height:1.35;letter-spacing:-.3px;margin-bottom:10px}.project-card h3 button{font:inherit;text-align:left;border:0;background:none;padding:0;color:#283c54}.description{font-size:12px;line-height:1.65;color:#6c7888;min-height:59px;margin-bottom:18px}.card-meta{border-top:1px solid #f0f2f5;padding-top:13px;margin-bottom:18px;display:grid;gap:8px}.card-meta>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;font-size:10px;line-height:1.5}.card-meta span{color:#8893a1}.card-meta b{font-weight:500;color:#607085;overflow-wrap:anywhere}.next-task{border-radius:8px;padding:12px;background:#f7f8fa;margin-top:auto;min-height:89px}.next-task>span{font-size:8px;letter-spacing:.8px;font-weight:700;color:#8994a2}.next-task p{font-size:11px;color:#5d6d80;line-height:1.6;margin:6px 0 0}.card-actions{display:flex;align-items:center;gap:7px;margin-top:17px;margin-bottom:14px}.card-actions a,.card-actions button{font-size:10px;padding:8px 9px;border:1px solid var(--line);border-radius:7px;white-space:nowrap}.card-actions .action-primary{color:var(--accent);background:#f0f4f9;border-color:#e0e7ef;flex-grow:1;text-align:center;font-weight:650}.card-actions button:last-child{padding:8px}.resource-actions{margin:0 -21px;padding:12px 16px;border-top:1px solid #edf0f4;display:flex;justify-content:space-between;gap:7px}.resource-actions button,.resource-actions a{padding:2px 0;background:none;border:0;border-radius:2px;font-size:9px;font-weight:450;color:#708095}.resource-actions a span{font-size:10px}.empty{grid-column:1/-1;background:white;padding:65px 25px;text-align:center;border:1px dashed #c9d3df;border-radius:12px}.empty>span{font-size:35px;color:#a3b0c1}.empty h3{margin-top:15px}.empty p{font-size:13px;color:var(--muted)}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0 22px;font-size:9px;color:#98a1ae}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:12px;background:white}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:#eae2df;margin:18px;border-radius:20px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 36px)}.login-art h1{font-size:clamp(30px,4vw,59px);line-height:1.15;font-weight:580;letter-spacing:-2px;color:var(--accent)}.login-art>span{font-size:12px;color:#84666c}.login-art p:not(.eyebrow){font-size:14px;color:#7e6c73}.login-form{display:grid;place-items:center;padding:45px}.login-inner{max-width:370px;width:100%}.login-inner h2{font-size:29px}.login-inner>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6}.login-inner label{margin:22px 0}.login-inner .primary{width:100%;margin-top:10px}.fineprint{font-size:11px;color:#8791a0;line-height:1.65;margin-top:20px}.error{font-size:12px;color:#ae3553;line-height:1.7;white-space:pre-wrap}.loading,.failure{padding:60px}dialog{padding:0;width:min(720px,calc(100% - 30px));max-height:90vh;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 90px #14263c33;color:inherit}dialog::backdrop{background:#17283b6e;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 28px 20px;border-bottom:1px solid var(--line);gap:15px}.dialog-head h2{margin:0;font-size:24px}.dialog-head .eyebrow{font-size:9px;margin-bottom:8px}.dialog-head button{padding:3px 9px;font-size:23px;border:0}.dialog-body{padding:24px 28px}.dialog-body p{line-height:1.7;font-size:13px}.dialog-body h3{margin-top:27px;margin-bottom:12px}.lead{margin-top:15px;color:var(--muted)}.detail-facts{display:grid;gap:12px}.detail-facts>div{display:grid;grid-template-columns:130px 1fr;font-size:12px;line-height:1.5}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0}.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.notice{background:#f4f2ee;color:#786a55;border-radius:8px;padding:13px 15px;font-size:11px!important;line-height:1.7}.path-block{background:#f5f7fa;border-radius:8px;padding:13px;margin-top:14px}.path-block>span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.path-block code{display:block;font-size:11px;overflow-wrap:anywhere;line-height:1.65}.path-block button{margin-top:10px;font-size:10px;padding:6px 9px}.inline-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}.evidence{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:11px;color:var(--muted)}.evidence summary{cursor:pointer}.evidence p{font-size:11px;margin:15px 0 0}.dialog-footer{display:flex;gap:10px;flex-wrap:wrap;padding:18px 28px;background:#fafbfc;border-top:1px solid var(--line);position:sticky;bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.form-grid label{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px}.full{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:9px}.checkbox input{width:18px;margin:0;height:18px}.checkbox span{line-height:1.5}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:99;background:#183d64;color:white;font-size:12px;padding:14px 20px;border-radius:10px;box-shadow:0 8px 30px #123c6922;opacity:0;pointer-events:none;max-width:90vw;transition:opacity .15s}#toast.visible{opacity:1}
@media(min-width:1700px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1250px){.layout{grid-template-columns:210px minmax(0,1fr)}main#main{padding:33px 26px 0}.topbar{padding:0 26px}.intro h1{font-size:29px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:minmax(150px,1fr) 135px 120px 112px}.destination{padding:13px;gap:8px}.destination small{font-size:10px}.dest-status{display:none}.destination-icon{width:31px;height:31px}.sidebar{padding-left:12px;padding-right:12px}.sidebar nav button{font-size:12px}}@media(max-width:1000px){.filters{grid-template-columns:repeat(3,1fr)}.search{grid-column:1/-1}.intro{align-items:flex-start}.intro>.primary{font-size:11px;padding:10px}.intro h1{font-size:26px}.destinations{gap:10px}.destination{flex-wrap:wrap}.destination small{line-height:1.5}.destination>span:last-child{display:none}.page-footer{flex-direction:column;gap:6px}.brand{padding-left:5px}.project-card{padding:19px 17px 0}.resource-actions{margin:0 -17px;padding:12px}.card-meta>div{grid-template-columns:75px minmax(0,1fr)}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 0 15px;font-size:20px;gap:10px}.brandmark{width:36px;height:36px;line-height:36px;font-size:24px}.brand-sub{font-size:9px}.sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar nav>button{width:auto;font-size:11px;padding:9px 11px}.sidebar nav button b,.nav-label{display:none}#category-nav{display:flex;gap:3px;overflow-x:auto;width:100%;padding-top:6px}#category-nav button{width:auto;white-space:nowrap;font-size:10px;padding:9px;gap:6px}.sidebar-bottom{position:absolute;right:16px;top:12px;margin:0;padding:0}.private-note{display:none}#logout{font-size:11px}.topbar{height:47px;padding:0 20px}.topbar-user b{display:none}main#main{padding:27px 20px 0}.intro{flex-direction:column;gap:18px;margin-bottom:23px}.intro h1{font-size:30px}.intro>div>p:last-child{font-size:12px;line-height:1.6}.intro>.primary{font-size:12px;padding:12px}.destinations{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px;gap:8px}.destination{display:block;padding:13px 10px}.destination-icon{margin-bottom:10px}.destination b{font-size:11px}.destination small{font-size:9px;line-height:1.5}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;line-height:1.5}.text-button{font-size:10px;padding:0;white-space:nowrap}.filters{gap:7px}.filters select{padding:10px 7px;font-size:11px}.project-grid{gap:15px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh;padding:30px}.dialog-body,.dialog-head{padding:22px}.dialog-footer{padding:16px 22px}.form-grid{grid-template-columns:1fr}.detail-facts>div{grid-template-columns:100px 1fr}}@media(max-width:560px){.project-grid{grid-template-columns:1fr}.project-card{padding:22px 22px 0}.resource-actions{margin:0 -22px;padding:15px 20px}.resource-actions a,.resource-actions button{font-size:11px}.description{min-height:0}.next-task{min-height:0}.card-meta>div{font-size:11px;grid-template-columns:95px 1fr}.card-actions a,.card-actions button{font-size:12px;padding:10px}.card-category{font-size:11px}.card-top{margin-bottom:16px}.description{font-size:13px}.project-card h3{font-size:20px}.next-task p{font-size:12px}.badge{font-size:11px}.favorite{padding:4px 6px}.card-actions{margin-top:19px}.topbar{font-size:10px}.intro h1{font-size:28px}.filters select{font-size:10px}.destination.selected{background:#edf2f8}.dialog-head h2{font-size:21px}.page-footer{font-size:9px}}
.layout > *, .sidebar nav, main#main { min-width: 0; } @media(max-width:760px) { .layout { grid-template-columns: minmax(0,1fr); } }