: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}.filterbar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--slate);background:#eef6fb;border-bottom:1px solid var(--border);padding:7px 22px}.filterbar b{color:var(--midnight)}.filterchip{margin-left:4px;background:#fff;border:1px solid var(--border);border-radius:7px;font-size:11.5px;font-weight:600;color:var(--ocean);padding:3px 9px;cursor:pointer}.filterchip:hover{background:var(--cloud)}.dash-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.dash-kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #0f1b2d0a}.dash-klbl{font-size:11px;color:var(--grey);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.dash-kval{font-size:25px;font-weight:800;color:var(--midnight);margin:5px 0 2px;letter-spacing:-.5px}.dash-kmeta{font-size:11.5px;color:var(--grey)}.dash-sec{display:flex;align-items:center;gap:10px;margin:8px 2px 12px}.dash-sec h2{font-size:14px;color:var(--midnight);font-weight:800}.dash-count{font-size:11.5px;font-weight:700;color:#fff;background:var(--ocean);border-radius:20px;padding:2px 9px}.dash-clear{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;color:var(--success);font-weight:700}.dash-check{font-size:26px}.dash-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-tile{position:relative;text-align:left;background:#fff;border:1px solid var(--border);border-left:4px solid var(--ocean);border-radius:12px;padding:14px 16px;cursor:pointer;transition:transform .08s,box-shadow .12s}.dash-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f1b2d1a}.dash-tile.red{border-left-color:#c0392b}.dash-tile.amber{border-left-color:var(--orange)}.dash-tnum{font-size:28px;font-weight:800;color:var(--midnight);line-height:1}.dash-tnum.red{color:#c0392b}.dash-tnum.amber{color:var(--orange)}.dash-tlbl{font-size:13px;font-weight:700;color:var(--slate);margin:8px 0 3px}.dash-tsub{font-size:11.5px;color:var(--grey)}.dash-arrow{position:absolute;top:13px;right:14px;color:var(--grey);font-size:15px;opacity:.5}.dash-tile:hover .dash-arrow{opacity:1;color:var(--ocean)}.dash-pill{display:inline-block;font-size:10.5px;font-weight:700;border-radius:6px;padding:1px 7px;margin-top:8px;background:#e7f1f7;color:var(--ocean)}.dash-pill.red{background:#fdecea;color:#c0392b}.dash-pill.amber{background:#fef3e7;color:var(--orange)}.st-chips{display:flex;gap:5px;background:var(--cloud);border:1px solid var(--border);border-radius:10px;padding:4px;margin-left:auto}.st-chip{font-size:12.5px;font-weight:600;color:var(--grey);padding:6px 12px;border-radius:7px;border:none;background:none;cursor:pointer}.st-chip.on{background:linear-gradient(135deg,var(--ocean),var(--ocean-light));color:#fff}.st-kpis{margin-bottom:14px}.st-row{display:grid;gap:14px;margin-bottom:14px}.st-7-5{grid-template-columns:7fr 5fr}.st-6-6{grid-template-columns:1fr 1fr}.st-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px #0f1b2d0a}.st-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--grey);font-weight:800;margin-bottom:12px}.st-empty{font-size:12.5px;color:var(--grey);padding:24px 6px;text-align:center}.st-bars{display:flex;align-items:flex-end;gap:9px;height:150px;padding-top:6px}.st-b{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.st-bar{width:70%;background:linear-gradient(180deg,var(--ocean-light),var(--ocean));border-radius:5px 5px 0 0}.st-bl{font-size:10.5px;color:var(--grey)}.st-donut-wrap{display:flex;align-items:center;gap:18px}.st-donut{width:128px;height:128px;border-radius:50%;position:relative;flex:none}.st-donut-hole{position:absolute;top:20px;right:20px;bottom:20px;left:20px;background:#fff;border-radius:50%}.st-donut-ctr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.st-donut-ctr b{font-size:18px;color:var(--midnight)}.st-donut-ctr span{font-size:10.5px;color:var(--grey)}.st-legend{display:flex;flex-direction:column;gap:7px;font-size:12.5px;flex:1}.st-li{display:flex;align-items:center;gap:8px}.st-dot{width:11px;height:11px;border-radius:3px;flex:none}.st-cap{text-transform:capitalize}.st-li .st-v{margin-left:auto;font-weight:700;color:var(--midnight)}.st-funnel{display:flex;flex-direction:column;gap:7px}.st-fstage{display:flex;align-items:center;gap:10px}.st-fl{width:96px;font-size:12px;color:var(--slate)}.st-fbar{height:30px;border-radius:6px;background:linear-gradient(90deg,var(--ocean),var(--ocean-light));display:flex;align-items:center;padding:0 10px;color:#fff;font-size:12.5px;font-weight:700}.st-fbar.win{background:linear-gradient(90deg,var(--success),var(--success2))}.st-table{width:100%;border-collapse:collapse;font-size:13px}.st-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--grey);padding:6px;border-bottom:1px solid var(--border)}.st-table td{padding:9px 6px;border-bottom:1px solid #f0f3f5}.st-rank{font-weight:800;color:var(--ocean)}.st-mini{height:7px;border-radius:4px;background:linear-gradient(90deg,var(--ocean),var(--ocean-light));display:inline-block;margin-right:8px;vertical-align:middle}.st-stack{display:flex;height:26px;border-radius:7px;overflow:hidden;margin:4px 0 12px}.st-stack>div{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}.st-kv{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid #f0f3f5}.st-kv b{color:var(--midnight)}.legal-wrap{min-height:100vh;width:100%;overflow-y:auto;background:var(--cloud);padding:32px 20px 64px}.legal{max-width:780px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px 38px 40px;box-shadow:0 1px 3px #0f1b2d0d}.legal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.legal-brand{display:flex;align-items:center;gap:9px;color:var(--midnight);font-size:17px;font-weight:800;text-decoration:none;letter-spacing:-.3px}.legal-brand span{font-weight:300}.legal-brand .logo{width:28px;height:28px;border-radius:7px}.legal-back{font-size:13px;color:var(--ocean);text-decoration:none;font-weight:600}.legal-back:hover{text-decoration:underline}.legal-draft{background:#fff8ef;border:1px solid #f6e2c5;border-radius:10px;padding:10px 13px;font-size:12.5px;color:var(--slate);margin-bottom:20px;line-height:1.5}.legal-draft code{background:#fff;border:1px solid var(--border);border-radius:5px;padding:0 4px;font-size:11.5px}.legal h1{font-size:25px;color:var(--midnight);font-weight:800;letter-spacing:-.4px;margin-bottom:18px}.legal-body h2{font-size:16px;color:var(--midnight);font-weight:800;margin:24px 0 8px}.legal-body h3{font-size:14px;color:var(--slate);font-weight:700;margin:16px 0 6px}.legal-body p{font-size:14px;line-height:1.65;color:var(--slate);margin-bottom:10px}.legal-body ul{margin:0 0 12px 20px}.legal-body li{font-size:14px;line-height:1.6;color:var(--slate);margin-bottom:4px}.legal-body a{color:var(--ocean);word-break:break-word}.legal-foot{margin-top:30px;padding-top:16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--grey)}.legal-foot a{color:var(--ocean);text-decoration:none;font-weight:600}.legal-foot a:hover{text-decoration:underline}.legal-stand{color:var(--grey)}.login-legal{text-align:center;margin-top:16px;font-size:11.5px}.login-legal a{color:#cdd6e4;text-decoration:none;margin:0 2px}.login-legal a:hover{color:#fff;text-decoration:underline}.side-legal{font-size:10.5px;color:#6b7890;padding:8px 12px 0;line-height:1.6}.side-legal a{color:#8995ab;text-decoration:none}.side-legal a:hover{color:#fff;text-decoration:underline}