:root{--metis-anthracite:#111417;--metis-metal-grey:#2b2f33;--metis-light-grey:#d6d8db;--metis-white:#fff;--metis-bordeaux:#8b1e2d;--metis-border:#d6d8db3d;--metis-panel:#2b2f33eb;--metis-panel-soft:#d6d8db14;color:var(--metis-white);background:var(--metis-anthracite);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #ffffff0a, transparent 32%), repeating-linear-gradient(90deg, #d6d8db0a 0, #d6d8db0a 1px, transparent 1px, transparent 8px), var(--metis-anthracite);min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-screen>.ui-card{width:min(560px,100%)}.login-logo{place-items:center;margin-bottom:16px;display:grid}.login-logo img{width:100%;max-width:280px}.sidebar{border-right:1px solid var(--metis-border);background:#111417fa;padding:24px 16px}.sidebar-logo{border:1px solid var(--metis-border);background:var(--metis-metal-grey);padding:8px;display:block}.sidebar-logo img{width:100%;height:auto;display:block}.nav-list{gap:8px;margin-top:24px;display:grid}.nav-item{min-height:48px;color:var(--metis-light-grey);border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;display:grid}.nav-item:hover,.nav-item.active{border-color:var(--metis-bordeaux);background:var(--metis-panel-soft)}.nav-item.active svg{color:var(--metis-bordeaux)}.nav-item small{color:var(--metis-light-grey)}.workspace{min-width:0;padding:24px}.topbar{border:1px solid var(--metis-border);background:var(--metis-panel);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.topbar-title{align-items:center;gap:16px;min-width:0;display:flex}.topbar-title img{object-fit:contain;width:48px;height:40px}.topbar-title strong{font-family:Raleway,Inter,system-ui,sans-serif;font-size:1.05rem}.page-header{border:1px solid var(--metis-border);background:linear-gradient(120deg, #8b1e2d33, transparent 36%), var(--metis-panel);margin-bottom:24px;padding:32px}.eyebrow{color:var(--metis-bordeaux);text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:.78rem;font-weight:800}.page-header h1{max-width:920px;margin:0;font-family:Raleway,Inter,system-ui,sans-serif;font-size:clamp(2rem,4vw,4.6rem);line-height:1}.page-header p{max-width:860px;color:var(--metis-light-grey);margin:16px 0 0;line-height:1.65}.metrics,.module-grid,.design-grid{gap:16px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.ui-card{border:1px solid var(--metis-border);background:var(--metis-panel);min-height:100%;padding:16px}.ui-card-title{align-items:center;gap:8px;margin-bottom:16px;display:flex}.ui-card-title svg{color:var(--metis-bordeaux)}.ui-card-title h3{margin:0;font-size:1rem}.metric span,.metric small,.ui-card p{color:var(--metis-light-grey)}.metric strong{color:var(--metis-white);margin:8px 0;font-size:2rem;display:block}.dashboard-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.ui-button{border:1px solid var(--metis-bordeaux);min-height:40px;color:var(--metis-white);background:var(--metis-bordeaux);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.ui-button.secondary{border-color:var(--metis-light-grey);background:0 0}.ui-button.ghost{background:var(--metis-panel-soft);border-color:#0000}.ui-button:disabled{border-color:var(--metis-border);color:var(--metis-light-grey);background:var(--metis-metal-grey);cursor:not-allowed}.field{gap:8px;display:grid}.field span{color:var(--metis-light-grey);font-size:.88rem}.field input,.field select,textarea,.stack>input{border:1px solid var(--metis-border);min-height:40px;color:var(--metis-white);background:var(--metis-anthracite);padding:8px 12px}textarea{resize:vertical;min-height:96px}.badge{border:1px solid var(--metis-border);min-height:24px;color:var(--metis-light-grey);text-transform:uppercase;background:0 0;align-items:center;padding:2px 8px;font-size:.78rem;display:inline-flex}.badge.accent,.badge.warning{border-color:var(--metis-bordeaux);color:var(--metis-white);background:var(--metis-bordeaux)}.module-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.module-checks{gap:8px;margin-top:16px;display:grid}.module-checks span{border-left:2px solid var(--metis-bordeaux);color:var(--metis-light-grey);padding-left:12px;font-size:.86rem}.module-open-link{border:1px solid var(--metis-border);min-height:40px;color:var(--metis-white);background:var(--metis-panel-soft);justify-content:center;align-items:center;margin-top:16px;padding:8px 12px;display:inline-flex}.module-open-link:hover{border-color:var(--metis-bordeaux)}.module-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.module-form-grid .field:has(textarea){grid-column:1/-1}.module-form-grid label:has(textarea){grid-column:1/-1}.module-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.status-ampel{gap:4px;display:inline-flex}.status-ampel span{border:1px solid var(--metis-light-grey);background:0 0;border-radius:50%;width:10px;height:10px}.status-ampel.ok span:first-child,.status-ampel.warning span:nth-child(2){border-color:var(--metis-bordeaux);background:var(--metis-bordeaux)}.status-ampel.neutral span:last-child{background:var(--metis-light-grey)}.table-wrap{overflow-x:auto}.table-module{align-items:center;gap:8px;display:inline-flex}.table-module svg{color:var(--metis-bordeaux)}.table-link{border:1px solid var(--metis-border);min-height:32px;color:var(--metis-white);align-items:center;padding:4px 8px;display:inline-flex}.table-link:hover{border-color:var(--metis-bordeaux)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--metis-border);text-align:left;padding:12px}th{color:var(--metis-light-grey);text-transform:uppercase;font-size:.78rem}.modal-preview{border:1px dashed var(--metis-border);margin:16px 0;padding:24px}.modal-panel{border:1px solid var(--metis-border);background:var(--metis-metal-grey);max-width:520px;padding:24px}.design-page,.logo-board,.palette,.icon-grid{gap:16px;display:grid}.logo-board{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-sample{border:1px solid var(--metis-border);background:var(--metis-anthracite);place-items:center;min-height:136px;padding:16px;display:grid}.logo-sample img{object-fit:contain;max-width:100%;max-height:112px}.palette{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch{gap:8px;display:grid}.swatch span{border:1px solid var(--metis-border);height:80px}.swatch code{color:var(--metis-light-grey)}.stack{align-items:start;gap:8px;display:grid}.icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.icon-tile{border:1px solid var(--metis-border);min-height:96px;color:var(--metis-light-grey);text-align:center;place-items:center;gap:8px;padding:8px;display:grid}.icon-tile svg{color:var(--metis-white)}.offer-preview{background:var(--metis-white);color:var(--metis-anthracite);gap:16px;padding:24px;display:grid}.offer-preview>div:first-child{border-bottom:1px solid #1114172e;grid-template-columns:160px 1fr auto;align-items:center;gap:8px;padding-bottom:16px;display:grid}.offer-preview img{max-width:144px}@media (width<=1120px){.shell,.metrics,.module-grid,.design-grid.two,.design-grid.three,.palette,.icon-grid,.module-form-grid{grid-template-columns:1fr}}@media (width<=720px){.workspace,.sidebar{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.page-header{padding:24px}}