:root{
  --ink:#203764;
  --ink-2:#334f78;
  --muted:#62726f;
  --accent:#c81f50;
  --accent-dark:#9f173f;
  --green:#4f7469;
  --green-soft:#eaf2ef;
  --blue-soft:#e8f0f6;
  --border:#d5e0dd;
  --surface:#ffffff;
  --surface-soft:#f5f8f7;
  --shadow:0 14px 36px rgba(36,58,54,.10);
  --radius:22px;
}
*{box-sizing:border-box}
html{min-height:100%;background:#eef3f1}
body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#273534;background:linear-gradient(145deg,#eef3f1 0%,#f7f9f8 55%,#edf2f0 100%)}
button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted);line-height:1.55}
.eyebrow{margin:0 0 7px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.brand-mark{color:var(--accent);font-size:1.45rem;font-weight:300;letter-spacing:-.045em}.brand-mark span{font-weight:200}.brand-mark.small{font-size:1.03rem;margin-bottom:8px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 17px;text-decoration:none;font-weight:750;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.button:hover:not(:disabled){transform:translateY(-1px)}
.button:disabled{opacity:.48;cursor:not-allowed}
.button.primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(79,116,105,.18)}
.button.primary:hover:not(:disabled){background:#42665c}
.button.secondary{background:#f6f9f8;color:#354944;border-color:#cddad6}
.button.full{width:100%;margin-top:14px}
.alert{border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin:16px 0;background:#eff5f3;color:#29473e;line-height:1.45}
.alert.error{background:#f9e8ed;border-color:#e5b4c2;color:#7c1736}.alert.success{background:#e7f3ec;border-color:#b9d7c5;color:#165339}.alert.warning{background:#fff6d9;border-color:#ead89a;color:#6b5618}
.login-page{display:grid;place-items:center;padding:24px}
.login-shell{width:min(520px,100%)}
.login-card{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:28px;padding:38px;box-shadow:var(--shadow)}
.login-card h1{margin:5px 0 10px;color:var(--ink);font-size:2.35rem;letter-spacing:-.035em}
.login-form{display:grid;gap:10px;margin-top:24px}.login-form label{font-weight:750;color:#526460}.login-form input{width:100%;padding:13px 14px;border:1px solid #c8d5d1;border-radius:12px;background:#fbfcfc;color:#243633;outline:none}.login-form input:focus{border-color:#7aa193;box-shadow:0 0 0 3px rgba(79,116,105,.13)}
.privacy-note{margin-top:22px;padding:13px 14px;border-radius:14px;background:var(--green-soft);color:#4c625c;font-size:.88rem;line-height:1.5}
.app-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);box-shadow:0 5px 18px rgba(32,55,49,.05);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.header-inner{width:min(1380px,calc(100% - 36px));margin:auto;padding:17px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.header-inner h1{margin:0;color:var(--ink);font-size:1.85rem}.header-inner p{margin:5px 0 0;color:var(--muted)}
.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.privacy-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--green-soft);border:1px solid #cfe0da;color:#3d5c53;font-size:.79rem;font-weight:750}
.page-wrap{width:min(1380px,calc(100% - 36px));margin:26px auto 50px}
.hero-card,.card{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px rgba(42,62,58,.07)}
.hero-card{padding:27px 28px;display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:20px}.hero-card h2{margin:0 0 8px;color:var(--ink);font-size:clamp(1.5rem,2.3vw,2.15rem)}.hero-card p:not(.eyebrow){max-width:760px;margin:0;color:var(--muted);line-height:1.55}.hero-steps{display:grid;gap:8px;min-width:220px}.hero-steps span{padding:9px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:#526762;font-weight:700;font-size:.85rem}
.grid{display:grid;gap:20px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:24px;margin-top:20px;position:relative}.card h3{margin:0 0 8px;color:var(--ink);font-size:1.32rem}.step-number{position:absolute;top:20px;right:22px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--ink);font-weight:800}
.file-drop{display:grid;gap:5px;border:1.5px dashed #aebfba;border-radius:16px;padding:18px;background:#f8faf9;cursor:pointer;margin-top:18px;transition:border-color .15s ease,background .15s ease}.file-drop:hover{border-color:#719589;background:#f1f6f4}.file-drop input{position:absolute;opacity:0;pointer-events:none}.file-title{font-weight:800;color:#405952}.file-name{color:var(--muted);font-size:.87rem;overflow-wrap:anywhere}.status-line{margin-top:13px;color:#60736e;font-size:.88rem}
.import-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.import-context-grid label{display:grid;gap:7px;color:#526660;font-size:.82rem;font-weight:800}.import-context-grid input{width:100%;padding:11px 12px;border:1px solid #c8d5d1;border-radius:11px;background:#fbfcfc;color:#243633;outline:none}.import-context-grid input:focus{border-color:#769a8e;box-shadow:0 0 0 3px rgba(79,116,105,.11)}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.section-heading h3{margin:0}.toolbar-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.search-input{min-width:250px;padding:10px 12px;border:1px solid #cad7d3;border-radius:11px;background:#fbfcfc;outline:none}.search-input:focus{border-color:#769a8e;box-shadow:0 0 0 3px rgba(79,116,105,.11)}
.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef3f1;border:1px solid #cfdbd7;color:#526660;font-weight:800;font-size:.77rem;white-space:nowrap}.status-badge.warning{background:#fff4ce;border-color:#e4d08c;color:#715817}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--border);background:var(--surface-soft);border-radius:15px;padding:15px}.metric strong{display:block;color:var(--ink);font-size:1.55rem;margin-bottom:4px}.metric span{color:var(--muted);font-size:.82rem}.message-list{display:grid;gap:8px;margin-top:15px}.message-item{padding:10px 12px;border-radius:11px;background:#f6f8f7;border:1px solid var(--border);font-size:.87rem;color:#52645f}.message-item.error{background:#faecef;border-color:#e7bfca;color:#7c263d}.message-item.warning{background:#fff7dd;border-color:#eadba6;color:#6e5d25}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}.records-table{width:100%;min-width:1180px;border-collapse:collapse;background:#fff}.records-table th,.records-table td{padding:11px 12px;border-bottom:1px solid #e0e8e5;text-align:left;vertical-align:middle;font-size:.87rem}.records-table th{background:#edf3f1;color:#405853;font-weight:800;position:sticky;top:0}.records-table tr:last-child td{border-bottom:0}.records-table tbody tr:hover{background:#f8faf9}.records-table tbody tr.selected{background:#eef5f2}.records-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.name-input{min-width:210px;width:100%;padding:9px 10px;border:1px solid #cbd8d4;border-radius:10px;background:#fff}.name-input:focus{outline:none;border-color:#71968a;box-shadow:0 0 0 3px rgba(79,116,105,.11)}.language-select{min-width:112px;padding:8px 9px;border:1px solid #cbd8d4;border-radius:10px;background:#fff;color:#2f423d}.language-select:focus{outline:none;border-color:#71968a;box-shadow:0 0 0 3px rgba(79,116,105,.11)}.score-pill{display:inline-flex;min-width:52px;justify-content:center;padding:5px 8px;border-radius:9px;background:#e8f0f6;color:var(--ink);font-weight:800}.score-pill.resonance{background:#f2e8ed;color:#8f2144}
.report-panel{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-top:20px;padding:18px;border-radius:17px;background:#f5f8f7;border:1px solid var(--border)}.report-fields{display:flex;gap:14px;flex-wrap:wrap}.report-fields label{display:grid;gap:7px;font-size:.82rem;color:#546761;font-weight:800}.report-fields select,.report-fields input{min-width:180px;padding:10px 11px;border:1px solid #c9d6d2;border-radius:10px;background:#fff;color:#2f423d}.report-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.note{flex-basis:100%;margin:0;color:var(--muted);font-size:.82rem}
.app-footer{text-align:center;color:#72827e;font-size:.78rem;padding:20px 15px 32px}
@media (max-width:900px){.two-cols{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.hero-steps{width:100%;grid-template-columns:1fr 1fr 1fr}.header-inner{align-items:flex-start}.header-actions{max-width:280px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.import-context-grid{grid-template-columns:1fr}.page-wrap,.header-inner{width:min(100% - 22px,1380px)}.login-card{padding:27px}.header-inner{flex-direction:column}.header-actions{justify-content:flex-start;max-width:none}.hero-steps{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.section-heading{flex-direction:column}.toolbar-inline{width:100%;justify-content:flex-start}.search-input{width:100%;min-width:0}.report-panel{align-items:stretch}.report-fields,.report-actions{width:100%;flex-direction:column}.report-fields label,.report-fields input,.report-fields select,.report-actions .button{width:100%}}

/* Anwendungsauswahl */
.menu-page-wrap{max-width:1180px}
.menu-hero{margin-bottom:24px}
.application-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.application-card{min-height:310px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:27px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(42,62,58,.07);text-decoration:none;color:inherit;overflow:hidden}
.application-card.active{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.application-card.active:hover{transform:translateY(-3px);border-color:#9eb8af;box-shadow:0 16px 34px rgba(42,62,58,.13)}
.application-card.disabled{background:rgba(247,249,248,.86);box-shadow:none;color:#6f7c79}
.application-number{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--ink);font-weight:800;font-size:1.05rem;margin-bottom:30px}
.application-card.disabled .application-number{background:#e9eeec;color:#7d8b87}
.application-card-content{display:flex;flex:1;flex-direction:column}
.application-card h2{margin:0 0 12px;color:var(--ink);font-size:1.45rem;letter-spacing:-.02em}
.application-card.disabled h2{color:#64736f}
.application-card p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.58}
.application-action{margin-top:auto;padding-top:28px;color:var(--green);font-weight:800}
.application-action.passive{color:#85918e}
@media (max-width:900px){.application-menu{grid-template-columns:1fr}.application-card{min-height:230px}}

/* Gespeicherte Selbstresonanz-Datensätze */
.stored-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.stored-filter-grid label,.stored-date-range label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#405a55}.stored-filter-grid select,.stored-filter-grid input,.stored-date-range input{width:100%;padding:10px;border:1px solid #b8cbc6;border-radius:9px;background:#fff;color:#2f423d;font:inherit;outline:none}.stored-filter-grid select:focus,.stored-filter-grid input:focus,.stored-date-range input:focus{border-color:#769a8e;box-shadow:0 0 0 3px rgba(79,116,105,.11)}.stored-date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.stored-results-wrap{max-height:270px;overflow:auto;margin:10px 0 14px;border:1px solid #d7e3e0;border-radius:10px;background:#fff}.stored-results-table{width:100%;border-collapse:collapse;min-width:760px}.stored-results-table th,.stored-results-table td{padding:8px 10px;border-bottom:1px solid #e2ebe8;text-align:left;vertical-align:middle;font-size:.86rem}.stored-results-table th{position:sticky;top:0;background:#edf5f2;color:#405a55;z-index:1}.stored-results-table tr:last-child td{border-bottom:0}.stored-results-table tbody tr:hover{background:#f8faf9}.stored-results-table input[type=checkbox],#storedSelectAll{width:18px;height:18px;accent-color:var(--green)}.stored-records-card .button.full{margin-top:10px}.delete-button{border-color:#b95050!important;color:#8c2f2f!important}
@media(max-width:760px){.stored-filter-grid,.stored-date-range{grid-template-columns:1fr}}

/* Selbstresonanz-Arbeitsübersicht und individuelle Berichtseinstellungen */
.button.compact{padding:8px 11px;border-radius:9px;font-size:.82rem}
.workspace-toolbar{max-width:100%}
.records-table{min-width:1120px}
.report-settings-cell{min-width:285px;white-space:normal}
.report-settings-summary{margin-bottom:7px;color:#526d67;font-size:.82rem;line-height:1.35;white-space:normal}
.record-settings-row td{padding:0!important;background:#f7faf9}
.record-settings-row:hover{background:#f7faf9!important}
.record-settings-panel{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;padding:15px 18px 18px}
.record-settings-panel label{display:flex;flex-direction:column;gap:7px;color:#405a55;font-size:.82rem;font-weight:800}
.record-settings-panel input,.record-settings-panel select{width:100%;padding:9px 10px;border:1px solid #b8cbc6;border-radius:9px;background:#fff;color:#2f423d;font:inherit;outline:none}
.record-settings-panel input:focus,.record-settings-panel select:focus{border-color:#769a8e;box-shadow:0 0 0 3px rgba(79,116,105,.11)}
.report-defaults{display:grid;gap:12px}
.report-defaults-title{margin:0;color:#405a55;font-size:.88rem;font-weight:800}
.report-defaults .report-fields{align-items:end}
.report-defaults .button{justify-self:start}
@media(max-width:900px){.record-settings-panel{grid-template-columns:1fr}.workspace-toolbar{justify-content:flex-start}.report-defaults{width:100%}}

/* Schlanke Konfigurationsbereiche */
.self-config-card{margin-top:24px}
.config-top-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start}
.config-section-card{border:1px solid #d7e3e0;border-radius:15px;background:#f8fbfa;padding:18px}
.config-section-card h4,.config-section-card h5{margin:0 0 8px;color:var(--ink)}
.config-section-card h4{font-size:1.05rem}.config-section-card h5{font-size:.94rem}
.config-section-card>.muted{margin:0 0 14px;font-size:.88rem}
.config-calculation-section{margin-top:18px}
.config-compact-table-wrap{overflow:auto;border:1px solid #d7e3e0;border-radius:11px;background:#fff}
.config-compact-table{width:100%;min-width:690px;border-collapse:collapse}
.config-compact-table th,.config-compact-table td{padding:10px 12px;border-bottom:1px solid #e2ebe8;text-align:left;vertical-align:middle;font-size:.86rem}
.config-compact-table th{background:#edf5f2;color:#405a55;font-weight:800}
.config-compact-table tr:last-child td{border-bottom:0}
.config-compact-table td:first-child{min-width:190px}
.config-compact-table td:nth-child(2){min-width:170px}
.config-compact-table td:nth-child(3){min-width:280px}
.config-compact-table code{font-size:.84rem;color:#344e48;white-space:nowrap}
.config-alias-input{width:100%;padding:9px 10px;border:1px solid #b8cbc6;border-radius:9px;background:#fff;color:#2f423d;font:inherit;outline:none}
.config-alias-input:focus{border-color:#769a8e;box-shadow:0 0 0 3px rgba(79,116,105,.11)}
.self-import-required,.import-field-required{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#edf3f1;color:#526d67;font-size:.72rem;font-weight:800;white-space:nowrap}
.self-import-required.required{background:#f7e8ed;color:#8f2144}.self-import-required.optional{background:#edf3f1;color:#526d67}
.config-system-card{background:#f5f8f7}
.config-system-list{display:grid;gap:0;margin:10px 0 0}
.config-system-list>div{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,1.35fr);gap:14px;padding:10px 0;border-bottom:1px solid #dbe5e2}
.config-system-list>div:last-child{border-bottom:0}
.config-system-list dt{color:#62726f;font-size:.82rem;font-weight:700}
.config-system-list dd{margin:0;color:#304b44;font-size:.86rem;font-weight:800;text-align:right;overflow-wrap:anywhere}
.config-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.config-top-grid{grid-template-columns:1fr}}
@media(max-width:620px){.config-section-card{padding:15px}.config-actions{flex-direction:column}.config-actions .button{width:100%}.config-system-list>div{grid-template-columns:1fr;gap:4px}.config-system-list dd{text-align:left}}