@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182230;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;background:#101828;color:#d0d5dd;display:flex;flex-direction:column;padding:24px 15px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand strong{display:block;color:#fff;font:800 16px Manrope,sans-serif;letter-spacing:-.4px}.brand span{font-size:9px;letter-spacing:1.6px;color:#98a2b3;display:block;margin-top:3px}.brand-mark{height:48px;width:48px;border-radius:15px;background:#315efb;color:#fff;display:grid;place-items:center;margin:0 auto 19px;box-shadow:0 7px 20px #315efb30}.brand-mark.small{height:37px;width:37px;border-radius:11px;margin:0}.workspace-pill{display:flex;align-items:center;gap:9px;background:#1d2939;border:1px solid #344054;padding:11px;border-radius:10px;margin:0 3px 24px}.workspace-pill>div{min-width:0;flex:1}.workspace-pill b{display:block;font-size:11px;color:#f2f4f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-pill small{font-size:10px;color:#98a2b3;display:block;margin-top:3px}.online-dot{height:7px;width:7px;background:#32d583;border-radius:50%}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;background:transparent;color:#98a2b3;border-radius:8px;text-align:left;font-size:13px;font-weight:500;transition:.15s}.nav-item:hover{background:#1d2939;color:#fff}.nav-item.active{background:#2549c8;color:#fff;box-shadow:inset 3px 0 #9db5ff}.nav-item span{flex:1}.nav-item em{font-style:normal;background:#344054;color:#eaecf0;font-size:10px;padding:2px 7px;border-radius:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #344054;padding-top:15px}.member-row{display:flex;align-items:center;gap:9px;padding:8px 5px 14px}.avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#d6bbfb;color:#53389e;font-weight:700;font-size:12px}.member-info{min-width:0}.member-info b{display:block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f4f7;font-size:10px}.member-info small{font-size:10px;color:#98a2b3}.logout{width:100%}.main{flex:1;min-width:0;padding:30px clamp(20px,3.4vw,52px) 18px;max-width:1800px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:27px}.breadcrumb{font-size:11px;color:#98a2b3;margin-bottom:12px}.breadcrumb span{margin:0 7px;color:#d0d5dd}.topbar h1{font:800 clamp(25px,2.2vw,32px) Manrope,sans-serif;letter-spacing:-1.1px;margin:0 0 7px;color:#101828}.muted{color:#667085}.topbar p{font-size:13px;margin:0;line-height:1.5}.top-actions{display:flex;align-items:center;gap:9px;padding-top:19px}.primary,.secondary,.icon-button,.text-button,.link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;font-size:12px;padding:10px 13px;transition:.15s}.primary{background:#315efb;border:1px solid #315efb;color:#fff;box-shadow:0 2px 5px #315efb20}.primary:hover{background:#2449db}.secondary{background:#fff;border:1px solid #d0d5dd;color:#344054}.secondary:hover{background:#f9fafb;border-color:#98a2b3}.icon-button{padding:8px;border:1px solid #e4e7ec;background:#fff;color:#667085}.icon-button:hover{background:#f2f4f7;color:#101828}.wide{width:100%;padding:12px}.dashboard-content{display:grid;gap:20px}.welcome-banner{background:linear-gradient(110deg,#172b63,#315efb 70%,#6a82f8);border-radius:15px;min-height:156px;color:#fff;padding:26px 29px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#667085;margin-bottom:10px}.eyebrow.light{color:#c7d7fe}.welcome-banner h2{font:800 23px Manrope,sans-serif;letter-spacing:-.6px;margin:0 0 8px}.welcome-banner p{font-size:12px;color:#dbe4ff;margin:0}.banner-art{position:relative;width:150px;height:105px;display:grid;place-items:center;color:#dbe4ff;opacity:.85}.banner-art svg{z-index:1;filter:drop-shadow(0 5px 12px #10182855)}.orb{position:absolute;border:1px solid #ffffff40;border-radius:50%}.orb-one{width:100px;height:100px}.orb-two{width:145px;height:145px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{padding:17px 18px;background:#fff;border:1px solid #eaecf0;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 2px #10182805}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;margin-bottom:14px}.stat-icon.blue,.business-icon.blue{background:#eff8ff;color:#1570ef}.stat-icon.purple,.business-icon.purple{background:#f4f3ff;color:#6938ef}.stat-icon.green,.business-icon.green{background:#ecfdf3;color:#039855}.stat-icon.orange,.business-icon.orange{background:#fff6ed;color:#dc6803}.stat-label{font-size:11px;color:#667085;margin-bottom:5px}.stat-card strong{font:800 23px Manrope,sans-serif;letter-spacing:-.6px;color:#101828;overflow-wrap:anywhere}.stat-card small{font-size:10px;color:#98a2b3;margin-top:7px}.dash-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:17px}.panel,.content-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #10182805}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.panel-head h3{font:700 14px Manrope,sans-serif;margin:0 0 5px;color:#101828}.panel-head p{font-size:10px;margin:0}.link-button{border:0;background:transparent;color:#315efb;padding:4px;white-space:nowrap}.mini-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f2f4f7}.check-circle{height:24px;width:24px;border:1px solid #d0d5dd;border-radius:50%;display:grid;place-items:center;background:#fff;color:#98a2b3;flex-shrink:0}.mini-main{min-width:0;flex:1}.mini-main b,.business-copy b{font-size:11px;color:#344054;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-main small,.business-copy small{display:block;font-size:10px;color:#98a2b3;margin-top:4px}.priority{font-size:9px;border-radius:5px;padding:4px 6px;white-space:nowrap}.priority.hoch{color:#b42318;background:#fef3f2}.priority.mittel{color:#b54708;background:#fffaeb}.priority.niedrig{color:#027a48;background:#ecfdf3}.empty-inline{padding:18px 0;color:#98a2b3;font-size:11px}.add-inline{margin-top:8px}.business-row{width:100%;display:flex;align-items:center;gap:10px;padding:12px 0;background:transparent;border:0;border-top:1px solid #f2f4f7;text-align:left}.business-icon{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.business-copy{min-width:0;flex:1}.business-row>strong{font-size:10px;white-space:nowrap;color:#475467}.rotate-left{transform:rotate(-90deg);color:#98a2b3}.positive{color:#039855!important}.negative{color:#d92d20!important}.recent-panel{padding:19px 20px}.recent-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f2f4f7}.recent-row>div{flex:1;min-width:0}.recent-row b{display:block;font-size:11px;color:#344054}.recent-row small{display:block;font-size:10px;color:#98a2b3;margin-top:3px}.recent-dot{height:8px;width:8px;border-radius:50%;background:#98a2b3}.recent-dot.trading{background:#7a5af8}.recent-dot.d2d{background:#12b76a}.recent-dot.webdesign{background:#f79009}.recent-dot.tasks,.recent-dot.weekly{background:#528bff}.recent-dot.finances{background:#0ba5ec}.tiny{font-size:10px}.content-card{padding:23px;min-height:420px}.section-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-toolbar h2{font:800 17px Manrope,sans-serif;margin:0 0 6px;letter-spacing:-.4px}.section-toolbar p{font-size:11px;margin:0;max-width:520px;line-height:1.5}.toolbar-right{display:flex;align-items:center;gap:9px}.searchbox{display:flex;align-items:center;gap:7px;border:1px solid #d0d5dd;border-radius:8px;padding:0 10px;height:37px;color:#98a2b3}.searchbox input{border:0;outline:0;width:130px;font-size:11px;color:#344054}.records-list{display:grid;gap:10px}.record-card{display:flex;align-items:flex-start;gap:13px;border:1px solid #eaecf0;border-radius:10px;padding:15px 14px;transition:.15s}.record-card:hover{border-color:#c7d7fe;box-shadow:0 2px 8px #10182808}.record-leading{padding-top:2px}.record-symbol{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f2f4f7;color:#667085}.record-symbol.trading{background:#f4f3ff;color:#6938ef}.record-symbol.d2d{background:#ecfdf3;color:#039855}.record-symbol.webdesign{background:#fff6ed;color:#dc6803}.record-symbol.finances{background:#eff8ff;color:#1570ef}.task-toggle{width:23px;height:23px;border:1.5px solid #d0d5dd;background:#fff;border-radius:50%;color:#fff;display:grid;place-items:center}.task-toggle.done{background:#12b76a;border-color:#12b76a}.record-body{min-width:0;flex:1}.record-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.record-title-row h3{font:700 12px Manrope,sans-serif;margin:1px 0;color:#344054}.record-title-row h3.strike{text-decoration:line-through;color:#98a2b3}.record-body>p{font-size:11px;color:#667085;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.status-tag{display:inline-block;font-size:9px;padding:4px 7px;border-radius:5px;background:#f2f4f7;color:#475467}.status-tag.erledigt,.status-tag.eingestellt-\/-vertrag,.status-tag.gewonnen,.status-tag.laufender-kunde{background:#ecfdf3;color:#027a48}.status-tag.in-arbeit,.status-tag.gespräch-geplant,.status-tag.angebot-gesendet{background:#eff8ff;color:#175cd3}.status-tag.abgesagt,.status-tag.verloren{background:#fef3f2;color:#b42318}.record-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px;color:#98a2b3;font-size:10px}.record-actions{display:flex;gap:5px;opacity:.6}.record-actions .icon-button{padding:6px;border-color:transparent}.danger-hover:hover{color:#d92d20;background:#fef3f2}.empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-icon{height:50px;width:50px;border-radius:14px;background:#f2f4f7;color:#667085;display:grid;place-items:center;margin-bottom:15px}.empty h3{font:700 14px Manrope,sans-serif;margin:0 0 7px}.empty p{font-size:11px;color:#98a2b3;max-width:330px;line-height:1.6;margin:0 0 15px}.footer{display:flex;justify-content:space-between;gap:12px;padding:17px 2px;color:#98a2b3;font-size:10px}.footer span{display:flex;align-items:center;gap:5px}.notice{display:flex;justify-content:space-between;align-items:center;background:#eff8ff;border:1px solid #b2ddff;color:#175cd3;padding:10px 12px;border-radius:8px;font-size:11px;margin:-12px 0 17px}.notice button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10;overflow:auto}.modal{width:min(570px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 24px 70px #10182840}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font:800 19px Manrope,sans-serif;margin:0;letter-spacing:-.5px}.stack{display:grid;gap:14px}.stack label,.modal label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#344054}.stack input,.stack textarea,.stack select,.modal input,.modal textarea,.modal select{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:10px 11px;font-size:12px;color:#101828;background:#fff;outline:none;min-width:0}.stack input:focus,.stack textarea:focus,.stack select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#84adff;box-shadow:0 0 0 3px #eff4ff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px;padding-top:15px;border-top:1px solid #eaecf0}.auth-shell,.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#e9edff 0,transparent 48%),#f5f7fb}.auth-card{width:min(410px,100%);background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:35px;box-shadow:0 15px 45px #1018280d}.auth-card h1{font:800 26px Manrope,sans-serif;text-align:center;letter-spacing:-1px;margin:0 0 9px}.auth-card>p{text-align:center;font-size:12px;line-height:1.6;margin:0 0 24px}.auth-card .eyebrow{text-align:center}.auth-card .text-button{width:100%;border:0;background:transparent;color:#315efb;margin-top:13px}.auth-card .tiny{margin:16px 0 0;font-size:10px}.auth-card .error{font-size:11px;color:#b42318;background:#fef3f2;padding:10px;border-radius:7px;line-height:1.5}.workspace-card{width:min(470px,100%)}.workspace-card h1{font-size:22px}.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:#98a2b3;font-size:10px}.or:before,.or:after{content:"";height:1px;background:#eaecf0;flex:1}.setup-card{width:min(540px,100%)}.setup-card h1{text-align:left}.setup-card>p{text-align:left}.setup-steps{padding-left:20px;display:grid;gap:12px;font-size:12px;color:#475467;line-height:1.6}.setup-steps a{color:#315efb}.setup-steps code,.setup-card code{background:#f2f4f7;padding:2px 4px;border-radius:4px;font-size:11px}.center-screen{display:flex;flex-direction:column;gap:12px}.spinner{width:24px;height:24px;border:2px solid #d0d5dd;border-top-color:#315efb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.sidebar{width:225px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}.section-toolbar{flex-direction:column}.toolbar-right{width:100%;justify-content:space-between}}@media(max-width:720px){.app-shell{display:block}.sidebar{width:100%;padding:12px;position:relative}.brand{padding:0 4px 12px}.workspace-pill{margin-bottom:10px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px}.nav-item{white-space:nowrap;flex-shrink:0;padding:9px 10px}.nav-item span{flex:initial}.sidebar-bottom{display:none}.main{padding:20px 14px}.topbar{gap:10px}.topbar p{max-width:430px}.top-actions{padding-top:15px}.top-actions .primary{font-size:0;padding:10px}.top-actions .primary svg{margin:0}.welcome-banner{padding:22px 19px}.banner-art{width:80px;transform:scale(.75)}.welcome-banner h2{font-size:19px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:19px}.content-card{padding:16px 12px}.toolbar-right{align-items:stretch;flex-direction:column}.searchbox input{width:100%}.record-card{gap:9px;padding:12px 9px}.record-actions{opacity:1;flex-direction:column}.footer{font-size:9px}.auth-card{padding:27px 22px}}.workspace-copy{border:1px solid #475467;background:#344054;color:#f2f4f7;border-radius:6px;padding:5px 7px;font-size:9px;white-space:nowrap}.workspace-copy:hover{background:#475467}.auth-info{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}