:root{--mmm-main-colors-primary: #0066b3;--mmm-main-colors-primary-variant: #004e89;--mmm-main-colors-highlight: #002d67;--mmm-main-colors-secondary: #ff6200;--mmm-main-colors-secondary-variant: #cc5100;--mmm-greyscale-white: #ffffff;--mmm-greyscale-grey9: #bfcad9;--mmm-greyscale-grey7: #d9e0e8;--mmm-greyscale-grey5: #f5f7f9;--mmm-greyscale-grey3: rgba(0, 0, 0, .38);--mmm-greyscale-grey2: rgba(0, 0, 0, .62);--mmm-greyscale-grey1: rgba(0, 0, 0, .86);--mmm-backgrounds-primary-background: #f7f7f7;--mmm-backgrounds-fields-background: #fafafa;--mmm-backgrounds-illustrations-teaser: #f5f8fb;--mmm-state-default-elements-hover: #0066b30d;--mmm-state-default-elements-focus: #4d94ca;--mmm-alerts-positiv: #10833f;--mmm-alerts-positive-background: #eef6f2;--mmm-alerts-negative: #e00000;--mmm-alerts-negative-background: #fdeded;--mmm-alerts-priority-medium: #ffb700;--mmm-alerts-priority-medium-bg: #fff6e0;--mmm-alerts-priority-neutral-b: #002d67;--mmm-alerts-priority-neutral-b-bg: #edf0f4;--mmm-typography-base-family: "Segoe UI", Arial, sans-serif;--mmm-button-border-radius: 10rem;--mmm-button-padding: .375rem 1.25rem;--primary: var(--mmm-main-colors-primary);--primary-dark: var(--mmm-main-colors-primary-variant);--primary-hl: var(--mmm-main-colors-highlight);--accent: var(--mmm-main-colors-secondary);--accent-dark: var(--mmm-main-colors-secondary-variant);--success: var(--mmm-alerts-positiv);--success-bg: var(--mmm-alerts-positive-background);--danger: var(--mmm-alerts-negative);--danger-bg: var(--mmm-alerts-negative-background);--warning: var(--mmm-alerts-priority-medium);--warning-bg: var(--mmm-alerts-priority-medium-bg);--bg: var(--mmm-backgrounds-primary-background);--card: var(--mmm-greyscale-white);--border: var(--mmm-greyscale-grey9);--border-light: var(--mmm-greyscale-grey7);--text: var(--mmm-greyscale-grey1);--text-muted: var(--mmm-greyscale-grey2);--field-bg: var(--mmm-backgrounds-fields-background);--teaser-bg: var(--mmm-backgrounds-illustrations-teaser);--primary-light: #edf4fb;--radius: 10px;--shadow: 0 2px 8px rgba(0, 102, 179, .1);--shadow-md: 0 6px 22px rgba(0, 102, 179, .14);--font: var(--mmm-typography-base-family)}html{box-sizing:border-box;background:var(--bg)}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(circle at top left,rgba(0,102,179,.06),transparent 22%),linear-gradient(180deg,#f8fafc 0%,var(--bg) 180px);color:var(--text);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}header{background:var(--primary-hl);color:#fff;padding:0 24px;display:flex;align-items:center;gap:16px;height:62px;box-shadow:0 2px 12px #002d6759;position:sticky;top:0;z-index:100}header .logo{width:38px;height:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:var(--primary-hl);letter-spacing:-1px;flex-shrink:0;line-height:1}header .sidebar-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:.15s}header .sidebar-toggle:hover{background:#ffffff38}header .logo-text{font-size:10px;display:block;margin-top:-2px}header h1{font-size:16px;font-weight:700;letter-spacing:.2px}header .subtitle{font-size:11px;opacity:.65;margin-top:1px}header .spacer{flex:1}header .hbtn{padding:8px 18px;border-radius:var(--mmm-button-border-radius);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:.15s;font-family:var(--font);display:inline-flex;align-items:center;gap:5px}header .hbtn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}header .hbtn-ghost:hover{background:#ffffff38}header .hbtn-accent{background:var(--accent);color:#fff;margin-left:4px}header .hbtn-accent:hover{background:var(--accent-dark)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:var(--mmm-button-border-radius);font-size:13px;font-weight:600;opacity:0;transition:opacity .25s;pointer-events:none;z-index:999;white-space:nowrap;box-shadow:0 4px 16px #00000038;background:var(--primary-hl);color:#fff}#toast.show{opacity:1}#toast.success{background:var(--success)}#toast.error{background:var(--danger)}.app{display:flex;min-height:calc(100vh - 62px)}nav.sidebar{width:228px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border-light);padding:18px 0;position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto;transition:width .18s ease,padding .18s ease,opacity .18s ease}.app--sidebar-collapsed nav.sidebar{width:0;padding-left:0;padding-right:0;opacity:0;overflow:hidden;border-right:0}nav.sidebar .nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-muted);padding:16px 20px 5px}nav.sidebar a{display:flex;align-items:center;gap:9px;width:100%;padding:9px 20px;color:var(--text);text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:.12s}nav.sidebar a:hover{background:var(--primary-light);color:var(--primary)}nav.sidebar a.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:700}nav.sidebar .icon{font-size:16px;width:22px;text-align:center}nav.sidebar .badge{margin-left:auto;background:var(--border-light);border-radius:20px;padding:1px 8px;font-size:11px;color:var(--text-muted)}nav.sidebar a.active .badge{background:var(--primary);color:#fff}main{flex:1;padding:28px 32px;overflow-y:auto;min-width:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header h2{font-size:22px;font-weight:800;color:var(--primary-hl)}.page-header p{color:var(--text-muted);font-size:13px;margin-top:3px}.card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px;margin-bottom:16px}.card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--primary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px}.field-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}.field label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.field input,.field textarea,.field select,.cat-row input,.filter-bar input,.filter-bar select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--field-bg);transition:.15s;outline:none}.field input:focus,.field textarea:focus,.field select:focus,.cat-row input:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066b324;background:#fff}.field textarea{resize:vertical;min-height:72px}.btn{padding:8px 18px;border-radius:var(--mmm-button-border-radius);font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:5px;transition:.15s}.btn-primary{background:var(--primary);color:#fff;border:1.5px solid var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1.5px solid #f8b4b4}.btn-danger:hover{background:#fbd5d5}.btn-sm{padding:5px 14px;font-size:12px}.btn-icon{padding:5px 9px;font-size:14px;border-radius:6px}.list-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--card);margin-bottom:7px;transition:box-shadow .12s,border-color .12s}.list-item:hover{box-shadow:var(--shadow);border-color:var(--border)}.item-content{flex:1;min-width:0}.item-actions{display:flex;gap:4px;flex-shrink:0}.item-name{font-weight:700;font-size:14px}.item-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.cat-pill{display:inline-block;background:#edf4fb;color:var(--primary);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.idx-pill{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;font-size:11px;font-weight:800;flex-shrink:0}.matrix-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light)}.matrix-table{border-collapse:collapse;min-width:100%;background:#fff}.matrix-table th{padding:10px 14px;background:var(--primary-hl);color:#fff;font-size:12px;font-weight:700;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:2}.matrix-table th.konto-col{background:var(--primary);text-align:center;min-width:170px}.matrix-table th.prod-col{min-width:220px;position:sticky;left:0;z-index:3;background:var(--primary-hl)}.matrix-table td{padding:0;border:1px solid var(--border-light);vertical-align:top}.matrix-table td.prod-cell{padding:9px 12px;background:var(--teaser-bg);font-weight:700;font-size:13px;min-width:220px;position:sticky;left:0;z-index:1;border-right:2px solid var(--border)}.matrix-table tr:nth-child(2n) td.prod-cell{background:var(--greyscale-grey5, #f5f7f9)}.cond-cell{padding:7px 9px;min-width:170px;font-size:12px;cursor:pointer;transition:background .12s}.cond-cell:hover{background:var(--primary-light)!important}.cond-cell.inactive{background:#fafafa}.cond-cell.active-cond{background:var(--success-bg)}.cond-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:4px}.cond-badge.true{background:#dcfce7;color:#15803d}.cond-badge.false{background:var(--danger-bg);color:var(--danger)}.cond-badge.expr{background:var(--warning-bg);color:#92400e}.cond-price{font-size:13px;font-weight:700;color:var(--primary);margin-bottom:2px}.popup-overlay{display:flex;position:fixed;inset:0;background:#002d6773;z-index:200;align-items:center;justify-content:center}.popup{background:#fff;border-radius:12px;box-shadow:0 8px 40px #00000040;padding:28px;width:800px;max-width:96vw;max-height:92vh;overflow-y:auto}.popup h3{font-size:17px;font-weight:800;color:var(--primary-hl);margin-bottom:2px}.popup .popup-sub{font-size:12px;color:var(--text-muted);margin-bottom:20px}.popup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-light)}.progress-group{border:1px solid var(--border-light);border-radius:var(--radius);padding:14px 16px;background:var(--card);margin-bottom:10px}.progress-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-group-header span{font-weight:700;font-size:13px;color:var(--primary)}.steps-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.step-tag{display:inline-flex;align-items:center;background:var(--primary-light);color:var(--primary);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;gap:6px;border:1px solid rgba(0,102,179,.2)}.step-tag input{background:transparent;border:none;min-width:120px;font:inherit;color:inherit;padding:0}.step-tag input:focus{outline:none}.step-tag button{background:none;border:none;cursor:pointer;color:var(--primary);font-size:14px;padding:0;line-height:1;font-family:var(--font)}.step-tag button:hover{color:var(--danger)}.cat-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius);background:var(--card);margin-bottom:6px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);text-align:center;border-top:3px solid var(--primary)}.stat-card .num{font-size:30px;font-weight:900;color:var(--primary)}.stat-card .lbl{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.json-preview{background:#0f1b2d;color:#7ec8e3;border-radius:8px;padding:18px;font-family:Cascadia Code,Fira Code,Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;max-height:440px;overflow-y:auto}.filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-bar input{flex:1;min-width:160px}.font-mono{font-family:Cascadia Code,monospace;font-size:12px}.hidden{display:none!important}.empty-state{text-align:center;padding:36px;color:var(--text-muted);font-size:14px;background:var(--card);border-radius:var(--radius);border:1px dashed var(--border)}.page-card{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}.page-card--dragging,.widget-item--dragging{opacity:.55}.page-card--drop-target,.widget-item--drop-target{border-color:var(--primary);box-shadow:0 0 0 3px #0066b324}.page-card__header,.widget-item__head,.page-card__meta,.add-widget-bar,.widget-list{display:flex;gap:8px}.page-card__header,.widget-item__head{align-items:center;justify-content:space-between}.page-card__summary{min-width:0}.page-card__header{margin-bottom:14px}.item-actions{display:flex;align-items:center;gap:8px}.page-card__meta,.add-widget-bar,.widget-list{flex-wrap:wrap}.page-card__meta{margin-top:4px}.page-meta-pill{display:inline-block;background:var(--primary-light);color:var(--primary);border:1px solid rgba(0,102,179,.18);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.widget-list{margin-top:14px;display:grid;gap:10px}.widget-item{border:1px solid var(--border-light);border-radius:8px;background:#fff;padding:12px 14px}.widget-item__title{display:flex;align-items:center;gap:8px}.widget-item__head{margin-bottom:6px}.widget-type{display:inline-block;background:var(--teaser-bg);color:var(--primary-hl);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.widget-preview{font-size:12px;color:var(--text-muted);line-height:1.45}.widget-editor{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.widget-editor__group,.widget-editor__item{display:grid;gap:10px}.widget-editor__group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.toolbar-button-item__head,.toolbar-button-item__title{display:flex;align-items:center;gap:8px}.toolbar-button-item__head{justify-content:space-between}.widget-editor__item{padding:12px;border:1px solid var(--border-light);border-radius:8px;background:var(--field-bg)}.drag-handle{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none}.add-widget-bar{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-light)}.stacked{align-items:flex-start}.full-width{width:100%}#price-preview{background:var(--primary-light);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--primary);font-weight:600;margin-top:4px}@media(max-width:1200px){.app{display:block}nav.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-light);padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}nav.sidebar .nav-section{grid-column:1 / -1;padding:8px 8px 0}nav.sidebar a{border-left:none;border:1px solid transparent;border-radius:10px;padding:10px 12px}nav.sidebar a.active{border-color:#0066b32e}main{padding:20px}}@media(max-width:760px){header{height:auto;padding:14px 16px;flex-wrap:wrap;align-items:flex-start}header .spacer{display:none}.page-header,.field-row,.filter-bar,.page-card__header,.widget-item__head,.popup-actions,.progress-group-header,.cat-row,.list-item{flex-direction:column;align-items:stretch}.item-actions{justify-content:flex-end;flex-wrap:wrap}.matrix-table th.konto-col,.cond-cell{min-width:150px}.popup{width:min(96vw,560px);padding:20px}}