.cs-wrap{max-width:980px;margin:0 auto 30px}.cs-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#f7f8fb,#fff);border:1px solid #dde2ec;border-radius:16px;padding:22px 24px;margin:18px 0;box-shadow:0 10px 25px rgba(0,0,0,.05)}.cs-hero-media img{width:76px;height:76px;object-fit:cover;border-radius:18px;border:1px solid #dde2ec}.cs-hero h1{margin:0 0 8px;font-size:26px}.cs-status{display:inline-block;padding:5px 12px;border-radius:999px;background:#eef2ff;font-weight:bold}.cs-card{background:#fff;border:1px solid #dde2ec;border-radius:14px;margin:14px 0;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.045)}.cs-card-title{padding:14px 17px;background:#f5f7fb;border-bottom:1px solid #e6e9f1;font-weight:bold;font-size:16px}.cs-nav-inner{padding:12px;display:flex;flex-wrap:wrap;gap:8px}.cs-tab{display:inline-block;padding:8px 13px;border-radius:999px;background:#f2f4f8;text-decoration:none}.cs-tab.active{background:#dfe7ff;font-weight:bold}.cs-fields{padding:8px 16px 16px}.cs-field{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #edf0f5}.cs-field:last-child{border-bottom:0}.cs-label{font-weight:bold}.cs-required{color:#b00020}.cs-input{width:100%;box-sizing:border-box;border:1px solid #ccd3df;border-radius:8px;padding:8px;background:#fff}.cs-range{width:75%;vertical-align:middle}.cs-trait{display:grid;grid-template-columns:150px 1fr 150px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f5}.cs-trait-label.left{text-align:right;font-weight:bold}.cs-trait-label.right{text-align:left;font-weight:bold}.cs-trait-range{width:100%}.cs-trait-static{position:relative;height:10px;border-radius:999px;background:#edf0f5}.cs-trait-static span{position:absolute;top:-5px;width:18px;height:18px;border-radius:50%;background:#9fb5ff;transform:translateX(-50%)}.cs-output{display:inline-block;min-width:34px;text-align:center;border-radius:8px;background:#eef2ff;padding:4px 8px;font-weight:bold}.cs-bar{height:10px;border-radius:999px;background:#edf0f5;overflow:hidden;margin-bottom:6px}.cs-bar span{display:block;height:100%;background:#9fb5ff}.cs-progress{background:#fff;border:1px solid #dde2ec;border-radius:14px;margin:14px 0;padding:14px 16px;box-shadow:0 8px 22px rgba(0,0,0,.045)}.cs-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.cs-progress-bar{height:12px;border-radius:999px;background:#edf0f5;overflow:hidden}.cs-progress-bar span{display:block;height:100%;background:#9fb5ff}.cs-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}.cs-checkitem{border:1px solid #dde2ec;border-radius:14px;background:#fff;padding:13px 15px}.cs-checkitem-title{font-weight:bold;margin-bottom:8px}.cs-checkitem ul{margin:7px 0 10px 18px;padding:0}.cs-small{font-size:12px;color:#666;margin-top:4px}.cs-chip{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;margin:2px}.cs-alert,.cs-success{border-radius:12px;padding:12px 14px;margin:12px 0}.cs-alert{background:#fff5e7;border:1px solid #ffd79a}.cs-success{background:#eefbee;border:1px solid #b8e6b8}.cs-empty{padding:16px;color:#666}.cs-actions{margin:14px 0 24px}.cs-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-media-box{padding:18px;text-align:center}.cs-media-img{max-width:180px;max-height:180px;border-radius:16px;border:1px solid #dde2ec;object-fit:cover}.cs-media-placeholder{padding:45px 15px;border:1px dashed #ccd3df;border-radius:14px;color:#777;background:#f8f9fc}.cs-relation{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #edf0f5;padding:14px 0}.cs-relation:last-child{border-bottom:0}.cs-relation h3{margin:8px 0 4px}.cs-relation h3 small{font-weight:normal;color:#666}.cs-relation-desc{line-height:1.5}.cs-relation-actions{align-self:center;white-space:nowrap}@media(max-width:700px){.cs-field,.cs-trait,.cs-media-grid{grid-template-columns:1fr}.cs-trait-label.left,.cs-trait-label.right{text-align:left}.cs-range{width:100%}}.cs-deadline-box{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border:1px solid #dde2ec;border-radius:14px;padding:14px 16px;margin:10px 0;background:#f8f9fc}.cs-deadline-box strong{font-size:16px}.cs-deadline-aktiv{background:#eefbee;border-color:#b8e6b8}.cs-deadline-bald{background:#fff8e5;border-color:#ffd981}.cs-deadline-abgelaufen{background:#fff0f0;border-color:#f1b1b1}

.cs-actions{margin-top:12px}
.cs-field input[type=text],
.cs-field input[type=number],
.cs-field textarea{width:95%;max-width:600px}
.cs-list-user form{margin-left:8px}