:root{--nacht: #1A2332;--nacht-light: #253446;--bronze: #8B7355;--bronze-light: #B89E7A;--bronze-bg: #F5F0EA;--signal-green: #22C55E;--signal-yellow: #EAB308;--signal-red: #EF4444;--signal-blue: #3B82F6;--bg: #F3F4F6;--card: #FFFFFF;--text: #1A2332;--text-muted: #6B7280;--border: #D1D5DB;--border-light: #E5E7EB;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.app-header{overflow:visible;background:var(--nacht);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}.app-header h1{font-size:17px;font-weight:600;letter-spacing:-.3px}.app-header .subtitle{font-size:12px;color:var(--bronze-light);font-weight:400}.header-btn{background:var(--nacht-light);border:none;color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;font-family:inherit}.header-back{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px 8px 4px 0;line-height:1}.page{padding:16px 16px 100px;max-width:600px;margin:0 auto}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--bronze);margin-bottom:12px;display:flex;align-items:center;gap:6px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.input,select,textarea{width:100%;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s;-webkit-appearance:none}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--bronze);box-shadow:0 0 0 3px #8b735526}.input-row{display:flex;gap:10px}.input-row>*{flex:1}textarea{min-height:80px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:all .15s;min-height:48px;width:100%}.btn-primary{background:var(--nacht);color:#fff}.btn-primary:active{background:var(--nacht-light);transform:scale(.98)}.btn-bronze{background:var(--bronze);color:#fff}.btn-bronze:active{background:var(--bronze-light)}.btn-success{background:var(--signal-green);color:#fff}.btn-danger{background:var(--signal-red);color:#fff}.btn-outline{background:transparent;color:var(--nacht);border:1.5px solid var(--border)}.btn-outline:active{background:var(--bg)}.btn-sm{min-height:38px;padding:8px 14px;font-size:13px;width:auto}.btn-icon{min-height:38px;width:38px;padding:0;font-size:18px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:8px}.btn-row>*{flex:1}.checks{display:flex;flex-wrap:wrap;gap:8px}.check-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1.5px solid var(--border-light);cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:all .15s}.check-item.active{background:var(--bronze-bg);border-color:var(--bronze);color:var(--bronze);font-weight:600}.check-item input{display:none}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-green{background:#dcfce7;color:#166534}.badge-yellow{background:#fef9c3;color:#854d0e}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#4b5563}.badge-bronze{background:var(--bronze-bg);color:var(--bronze)}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-radius:var(--radius);margin-bottom:8px;box-shadow:var(--shadow);cursor:pointer;transition:transform .1s}.list-item:active{transform:scale(.985)}.list-item .icon{width:42px;height:42px;background:var(--nacht);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.list-item .content{flex:1;min-width:0}.list-item .title{font-weight:600;font-size:15px}.list-item .sub{font-size:13px;color:var(--text-muted);margin-top:2px}.list-item .arrow{color:var(--text-muted);font-size:18px}.vorgang-card{background:var(--card);border-radius:var(--radius);border:1.5px solid var(--border-light);margin-bottom:12px;overflow:hidden}.vorgang-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border-light);cursor:pointer}.vorgang-header .kennung{font-weight:700;font-size:14px;color:var(--nacht);min-width:40px}.vorgang-header .name{flex:1;font-size:14px;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vorgang-body{padding:14px}.vorgang-section{margin-bottom:12px}.vorgang-section-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;letter-spacing:.4px}.resource-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:14px}.resource-row:last-child{border-bottom:none}.resource-name{flex:1}.resource-val{font-weight:600;min-width:50px;text-align:right}.resource-del{color:var(--signal-red);background:none;border:none;font-size:18px;cursor:pointer;padding:4px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;display:flex;align-items:flex-end}.overlay-panel{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:85dvh;overflow-y:auto;padding:20px 16px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.overlay-header h3{font-size:17px}.overlay-close{background:var(--bg);border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:inherit;margin-bottom:12px}.search-input:focus{outline:none;border-color:var(--bronze)}.search-result{padding:12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.search-result:active{background:var(--bronze-bg)}.search-result .sr-kennung{font-weight:700;color:var(--nacht)}.search-result .sr-name{font-size:14px;margin-top:2px}.search-result .sr-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.nt-badge{background:var(--signal-yellow);color:#713f12;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:700;margin-left:6px}.footer-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 12px #00000014;z-index:50;display:flex;gap:10px;max-width:600px;margin:0 auto}.loading{text-align:center;padding:40px;color:var(--text-muted)}.error-msg{background:#fee2e2;color:#991b1b;padding:12px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px}.success-msg{background:#dcfce7;color:#166534;padding:12px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px}.empty{text-align:center;padding:30px;color:var(--text-muted);font-size:14px}