:root{--ocean:#2E86AB;--ocean-light:#3AA5D0;--midnight:#0F1B2D;--navy:#162036;--deep-navy:#1E2D4A;--success:#27AE60;--success2:#2ECC71;--orange:#E67E22;--slate:#2C3E50;--grey:#7F8C8D;--cloud:#F8FAFB;--border:#E1E8ED}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,SF Pro Display,Segoe UI,system-ui,sans-serif;background:var(--cloud);color:var(--slate)}button{font-family:inherit}.app{display:grid;grid-template-columns:230px 1fr;height:100vh;overflow:hidden}.side{background:var(--navy);color:#cdd6e4;padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px}.logo{width:34px;height:34px;border-radius:8px;display:block;object-fit:cover}.brand b{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.3px}.brand b span{font-weight:300}.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:14.5px;cursor:pointer;color:#aeb9cc;border:none;background:none;width:100%;text-align:left}.nav:hover{background:var(--deep-navy);color:#fff}.nav.active{background:linear-gradient(135deg,var(--ocean),var(--ocean-light));color:#fff;font-weight:600}.nav .ico{width:18px;text-align:center}.nav .badge{margin-left:auto;background:var(--orange);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 7px}.nav.soon{opacity:.45;cursor:default}.nav.soon:hover{background:none;color:#aeb9cc}.side .spacer{margin-top:auto}.fam{font-size:11px;color:#6b7890;padding:14px 12px 0;line-height:1.5;border-top:1px solid var(--deep-navy);margin-top:14px}.logout{margin-top:10px;font-size:12px;color:#8995ab;background:none;border:none;cursor:pointer;text-align:left;padding:6px 12px}.logout:hover{color:#fff}.main{display:flex;flex-direction:column;overflow:hidden}.top{display:flex;align-items:center;gap:14px;padding:16px 22px;background:#fff;border-bottom:1px solid var(--border)}.top h1{font-size:19px;color:var(--midnight);font-weight:800;letter-spacing:-.3px}.top .sub{font-size:12.5px;color:var(--grey)}.search{margin-left:14px;flex:1;max-width:360px;background:var(--cloud);border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:13.5px;color:var(--slate)}.btn{background:linear-gradient(135deg,var(--ocean),var(--ocean-light));color:#fff;border:none;padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2e86ab4d}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.me{width:34px;height:34px;border-radius:50%;background:var(--deep-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.work{flex:1;display:grid;grid-template-columns:1fr 380px;overflow:hidden;min-height:0}.work.solo{grid-template-columns:1fr}.board{overflow-x:auto;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.col{flex:0 0 230px;display:flex;flex-direction:column;gap:10px;min-height:120px;border-radius:12px;padding:4px;transition:.12s}.col.dropzone{background:#2e86ab0f;outline:2px dashed rgba(46,134,171,.45);outline-offset:-2px}.colhead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--slate);padding:2px 4px}.colhead .n{background:var(--border);color:var(--slate);border-radius:8px;font-size:11px;padding:1px 7px;font-weight:700}.colhead .dot{width:8px;height:8px;border-radius:50%}.col-empty{font-size:12px;color:var(--grey);text-align:center;padding:18px 6px;border:1px dashed var(--border);border-radius:10px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;cursor:grab;box-shadow:0 1px 3px #0f1b2d0d;transition:box-shadow .12s,transform .12s}.card:hover{box-shadow:0 4px 14px #0f1b2d1a;transform:translateY(-1px)}.card.sel{border-color:var(--ocean);box-shadow:0 0 0 2px #2e86ab40}.card.dragging{opacity:.35}.card.overlay{cursor:grabbing;box-shadow:0 12px 30px #0f1b2d38;transform:rotate(2deg)}.card .name{font-size:14px;font-weight:700;color:var(--midnight);margin-bottom:7px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.tag{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:7px}.t-sh{background:#e7f1f7;color:var(--ocean)}.t-sf{background:#eaf7ef;color:var(--success)}.t-rf{background:#fdf0e6;color:var(--orange)}.t-bd{background:#eee9f7;color:#7a5bbd}.t-lo{background:#f1f3f5;color:var(--grey)}.meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--grey)}.prio{font-size:11px;font-weight:700;padding:2px 7px;border-radius:7px}.p-hi{background:#eafaf0;color:var(--success)}.p-mid{background:#fff5e9;color:var(--orange)}.p-lo{background:#f1f3f5;color:var(--grey)}.sla{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:7px;background:#eafaf0;color:var(--success)}.sla.warn{background:#fde9e2;color:var(--orange)}.sla.over{background:#fdecea;color:#c0392b}.detail{background:#fff;border-left:1px solid var(--border);overflow-y:auto;padding:22px}.detail.empty{display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:13.5px;text-align:center}.d-name{font-size:18px;font-weight:800;color:var(--midnight);letter-spacing:-.3px}.d-contact{font-size:12.5px;color:var(--grey);margin:4px 0 14px}.qa{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}.qa span{font-size:11px;font-weight:600;background:#eafaf0;color:var(--success);padding:3px 9px;border-radius:8px}.qa span.muted{background:#f1f3f5;color:var(--grey)}.lbl{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--grey);margin:18px 0 8px}.ai{background:linear-gradient(135deg,#f3f9fc,#eaf4f9);border:1px solid #d4e7f1;border-radius:12px;padding:14px}.ai .ai-h{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ocean);margin-bottom:9px}.ai p{font-size:13px;line-height:1.55;color:var(--slate)}.ai.soon{background:#f8fafb;border-style:dashed}.ai.soon .ai-h{color:var(--grey)}.ki-text{font-size:13px;line-height:1.55;color:var(--slate);white-space:pre-wrap}.ki-loading{font-size:13px;color:var(--ocean);font-weight:600}.ki-loading span{color:var(--grey);font-weight:400;font-size:12px}.ki-err{background:#fdecea;color:#c0392b;font-size:12px;font-weight:600;padding:7px 10px;border-radius:8px;margin-bottom:9px}.btn-sm{padding:8px 14px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:none}.btn-sm:disabled{opacity:.5;cursor:default}.btn-pri{background:linear-gradient(135deg,var(--ocean),var(--ocean-light));color:#fff;box-shadow:0 2px 8px #2e86ab4d}.btn-gho{background:#fff;border:1px solid var(--border);color:var(--slate)}.btn-danger{background:#fff;border:1px solid #f3c9c1;color:#c0392b}.act-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.act-row .btn-sm{flex:1 1 auto}.tl{list-style:none;position:relative;padding-left:18px}.tl:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl li{position:relative;font-size:12.5px;color:var(--slate);padding:6px 0}.tl li:before{content:"";position:absolute;left:-16px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--ocean)}.tl li b{color:var(--midnight)}.tl li .t{color:var(--grey);font-size:11px}.remind{margin-top:16px;background:#fff8ef;border:1px solid #f6e2c5;border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--slate);display:flex;align-items:center;gap:9px}.check{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--slate);cursor:pointer;margin-bottom:8px;-webkit-user-select:none;user-select:none}.check input{width:17px;height:17px;accent-color:var(--ocean);cursor:pointer}.check.done{background:#eafaf0;border-color:#cdeed7}.check.locked{opacity:.7;cursor:default}.overlay-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:420px;box-shadow:0 24px 60px #0f1b2d4d}.modal h2{font-size:17px;color:var(--midnight);font-weight:800;margin-bottom:4px}.modal .msub{font-size:12.5px;color:var(--grey);margin-bottom:16px}.modal .err{background:#fdecea;color:#c0392b;font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:9px;margin-bottom:12px}.modal .ok-banner{background:#eafaf1;color:#1e8449;font-size:12.5px;font-weight:600;padding:8px 11px;border-radius:9px}.modal .foot{display:flex;gap:9px;margin-top:18px}.modal .foot .btn-sm{flex:1}.modal.wide{max-width:520px;max-height:88vh;overflow-y:auto}.modal .field{margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.range-row{margin-top:10px}.range-row .field{display:flex;justify-content:space-between;margin:0 0 4px}.range-row .field b{color:var(--ocean)}.range-row input[type=range]{width:100%;accent-color:var(--ocean)}.score-preview{margin-top:14px;background:var(--cloud);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--slate);display:flex;align-items:center;gap:9px}.score-preview b{font-size:15px;color:var(--midnight)}.score-preview .score-hint{margin-left:auto;font-size:11px;color:var(--grey)}.dub{margin-top:10px;background:#fff8ef;border:1px solid #f6e2c5;border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--slate);font-weight:600}.dub.strict{background:#fdecea;border-color:#f3c9c1;color:#c0392b}.dub ul{list-style:none;margin:6px 0 0;font-weight:500}.dub li{padding:2px 0}.dub li span{font-size:10.5px;font-weight:700;color:var(--grey);background:#fff;border:1px solid var(--border);border-radius:6px;padding:1px 6px;margin-left:6px}.dub-hint{margin-top:6px;font-weight:500;font-size:11.5px}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 70% -10%,#1E2D4A,var(--midnight))}.login{background:#fff;border-radius:18px;padding:34px 30px;width:360px;box-shadow:0 30px 70px #00000059}.login .brand{justify-content:center;padding:0 0 6px}.login h1{font-size:18px;color:var(--midnight);text-align:center;font-weight:800;margin-bottom:2px}.login .lsub{font-size:12.5px;color:var(--grey);text-align:center;margin-bottom:20px}.field{display:block;font-size:12px;font-weight:700;color:var(--slate);margin:0 0 6px}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:14px;color:var(--slate);margin-bottom:14px}.input:focus{outline:none;border-color:var(--ocean);box-shadow:0 0 0 3px #2e86ab26}.login .btn{width:100%;justify-content:center}.login .err{background:#fdecea;color:#c0392b;font-size:12.5px;font-weight:600;padding:9px 11px;border-radius:9px;margin-bottom:12px}.login .hint{font-size:11.5px;color:var(--grey);text-align:center;margin-top:16px;line-height:1.6}.login .hint code{background:var(--cloud);border:1px solid var(--border);border-radius:6px;padding:1px 5px}.kunden-wrap{flex:1;overflow:auto;padding:18px 22px}.ktable{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13.5px}.ktable thead th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--grey);background:var(--cloud);padding:11px 14px;border-bottom:1px solid var(--border)}.ktable tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--slate);vertical-align:middle}.ktable tbody tr:last-child td{border-bottom:none}.ktable tbody tr{cursor:pointer;transition:background .1s}.ktable tbody tr:hover{background:#f3f9fc}.ktable .kfirma{font-weight:700;color:var(--midnight)}.ktable .kkontakt{color:var(--grey)}.ktable .kcenter{text-align:center;font-weight:700}.ktable .kdirekt{color:var(--grey);font-style:italic}.kstatus{font-size:11px;font-weight:700;padding:2px 9px;border-radius:8px;background:#eafaf0;color:var(--success);text-transform:capitalize}.abr-actions{display:flex;gap:7px;flex-wrap:wrap}.abr-actions .btn-sm{white-space:nowrap}.center{flex:1;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:14px}.banner{background:#fdecea;color:#c0392b;font-size:12.5px;font-weight:600;padding:8px 22px}.portal-tag{margin:-4px 4px 10px;padding:3px 9px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ocean);background:#e7f1f7;border-radius:7px;align-self:flex-start}.cred-box{display:flex;flex-direction:column;gap:10px;background:var(--cloud);border:1px solid var(--border);border-radius:11px;padding:14px 16px;margin:6px 0 4px}.cred-box>div{display:flex;flex-direction:column;gap:3px}.cred-lbl{font-size:11px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.03em}.cred-box code{font-size:15px;font-weight:700;color:var(--midnight);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;-webkit-user-select:all;user-select:all}.linklike{background:none;border:none;color:var(--ocean);font-weight:600;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}