:root{color-scheme:light;--bg:#f5f7f8;--panel:#ffffff;--panel-2:#eef4f2;--line:#d9e2df;--text:#1f1912;--muted:#5d6f69;--accent:#b89d6c;--accent-2:#f59e0b;--danger:#b42318;--shadow:0 12px 32px rgba(24,33,31,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#1c1610;color:#f3fbf8;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.brand{display:grid;gap:6px}.brand strong{font-size:19px}.brand span{color:#b8cac5;font-size:13px}.nav{display:grid;gap:8px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:#dbe8e4}.nav a.active,.nav a:hover{background:rgba(255,255,255,.1)}.main{display:grid;grid-template-rows:auto 1fr}.topbar{min-height:72px;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.search{width:min(460px,100%);border:1px solid var(--line);border-radius:8px;padding:11px 14px;background:#fbfdfc}.content{padding:28px;display:grid;gap:24px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.page-title h1{margin:0;font-size:30px}.page-title p{margin:8px 0 0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:17px;box-shadow:var(--shadow)}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:8px;font-size:28px}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px;align-items:start}.column{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:12px}.column h2{margin:0;font-size:14px;color:var(--muted);text-transform:uppercase}.customer-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;display:grid;gap:12px}.customer-card h3{margin:0;font-size:18px}.meta{display:grid;gap:5px;color:var(--muted);font-size:13px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{border-radius:999px;padding:5px 8px;font-size:12px;background:#e5f4f2;color:#5c4a2a;border:1px solid #b8ddd8}.badge.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.badge.success{background:#e6f7ee;color:#6b4f2a;border-color:#a7e0bd}.badge.muted{background:#f1f4f3;color:var(--muted);border-color:var(--line)}.badge.mini{padding:3px 7px;font-size:11px}.badge.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.trial-list{display:grid;gap:8px}.trial-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-decoration:none;color:var(--text)}.trial-row:hover{border-color:var(--accent)}.trial-row strong{display:block;font-size:14px}.trial-row .meta{font-size:12px;color:var(--muted)}.audit-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:380px;overflow-y:auto}.audit-row{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px 12px;display:grid;gap:6px}.audit-line{display:flex;gap:8px;align-items:flex-start;font-size:13px}.audit-row .meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.audit-row .meta a{color:var(--accent);text-decoration:none}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:var(--shadow)}.quick-block{display:grid;gap:8px}.quick-block h3{margin:0;font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.quick-row{display:flex;gap:6px;flex-wrap:wrap}.quick-row form{margin:0}.quick-row .button[disabled]{opacity:.6;cursor:not-allowed}.customer-features{list-style:none;margin:0;padding:0;display:grid;gap:8px}.feature-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.feature-info{display:grid;gap:4px}.feature-info strong{font-size:14px}.feature-info .meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.feature-actions{display:flex;gap:6px;flex-wrap:wrap}.feature-actions form{margin:0}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 14px;font-size:19px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid var(--line);background:#f7faf9;border-radius:8px;padding:9px 11px;color:var(--muted)}.tab.active{background:#dff3ef;color:#5c4a2a;border-color:#a7d8d1}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{color:var(--muted);font-size:13px}.field input{border:1px solid var(--line);border-radius:8px;padding:11px 12px}.button{border:0;border-radius:8px;background:var(--accent);color:white;padding:11px 14px;cursor:pointer}.button.secondary{background:#203b35}.button.danger{background:var(--danger)}.button.ghost{background:#ffffff;color:var(--text);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:#fff}.field textarea{min-height:130px;resize:vertical}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.empty-state{border:1px dashed var(--line);border-radius:8px;padding:16px;color:var(--muted);background:#fbfdfc}.task-board{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;align-items:start}.task-column{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:10px}.task-column-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.task-column-head h3{margin:0;color:var(--muted);font-size:13px;text-transform:uppercase}.task-card,.task-stack{display:grid;gap:10px}.task-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.task-column[data-status=offen]{border-top:3px solid var(--line)}.task-column[data-status=in-arbeit]{border-top:3px solid var(--accent-2)}.task-column[data-status=erledigt]{border-top:3px solid #b08a4a}.task-card[data-status=erledigt]{opacity:.75}.task-card[data-status=erledigt] .task-card-head h4{text-decoration:line-through;color:var(--muted)}.task-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.task-card-head h4{margin:0;font-size:14px;line-height:1.3}.task-notes{margin:0;color:var(--muted);font-size:13px;white-space:pre-wrap}.task-quick-actions{display:flex;gap:6px;flex-wrap:wrap}.task-quick-actions form{margin:0}.button.mini{padding:5px 9px;font-size:12px;border-radius:6px}.task-edit summary{cursor:pointer;font-size:12px;color:var(--muted);list-style:none;padding:4px 0}.task-edit summary::-webkit-details-marker{display:none}.task-edit summary:before{content:"+ "}.task-edit[open] summary:before{content:"- "}.task-edit summary:hover{color:var(--text)}.task-edit[open]{border-top:1px dashed var(--line);padding-top:8px;display:grid;gap:8px}.demo-board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;align-items:start}.demo-column{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:10px}.pipeline-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;align-items:start}.pipeline-column{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:10px}.pipeline-card{gap:14px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px}.health-grid span{border:1px solid var(--line);border-radius:8px;padding:9px;display:grid;gap:5px;color:var(--muted);font-size:12px;background:#fbfdfc}.health-grid strong{color:var(--text);font-size:12px}.handoff-box{display:grid;gap:12px}.handoff-box p{margin:0;color:var(--muted);line-height:1.5}.handoff-box pre{background:#f7faf9;border:1px solid var(--line);border-radius:8px;margin:0;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.pricing-switch{width:fit-content;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px;display:flex;gap:5px;box-shadow:var(--shadow)}.pricing-switch span,.pricing-switch strong{border-radius:999px;padding:10px 22px;font-size:14px}.pricing-switch span{color:var(--muted)}.pricing-switch strong{background:var(--accent);color:#16110d}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px;align-items:stretch}.pricing-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;grid-template-rows:auto auto auto auto auto auto auto 1fr auto;gap:18px;box-shadow:var(--shadow)}.pricing-card.featured{border:2px solid var(--accent)}.pricing-card .badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:4px}.pricing-card .badges .badge{white-space:nowrap;line-height:1.2}.pricing-card h2{font-size:26px;margin-bottom:12px}.plan-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:var(--accent);color:#16110d;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;box-shadow:var(--shadow)}.plan-badge.ai{left:auto;right:18px;transform:none;background:#7c3aed;color:#fff}.price-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.price-row span{color:#a3a9b4;text-decoration:line-through;font-weight:700;font-size:20px}.price-row strong{font-size:38px;line-height:1}.price-row small{color:var(--muted);font-size:14px}.plan-separator{border-top:1px solid var(--line)}.feature-list{margin:0;padding-left:20px;display:grid;gap:12px}.feature-list li::marker{color:var(--accent)}.toggle-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:26px;box-shadow:var(--shadow)}.login-box .button+.button{margin-top:8px}.login-foot{margin-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.login-foot a{color:var(--accent);text-decoration:none}.login-foot a:hover{text-decoration:underline}.success{background:#ecfdf5;color:#5c4424;border:1px solid #a7f3d0;border-radius:8px;padding:10px;margin-bottom:12px}.password-wrapper{position:relative;display:flex;align-items:stretch}.password-wrapper input{flex:1;padding-right:92px;width:100%}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--accent);font-size:12px;text-transform:lowercase;cursor:pointer;padding:4px 8px;border-radius:6px}.password-toggle:hover{background:rgba(184,157,108,.08)}.password-toggle:focus-visible{outline:2px solid var(--accent)}.field-hint{margin:4px 0 0;font-size:12px;color:var(--muted)}.cli-snippet{background:#1f2933;color:#f0f4f8;font-size:12px;padding:12px;border-radius:8px;overflow-x:auto;white-space:pre;line-height:1.4;margin:0 0 8px}.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca;border-radius:8px;padding:10px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static}.board,.demo-board,.detail-grid,.metrics,.pipeline-board,.pricing-grid,.task-board{grid-template-columns:1fr}.pricing-switch{width:100%;justify-content:center}.page-title,.topbar{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}}