:root{--green: #7e8c69;--green-dark: #6a7757;--green-soft: #eef0ea;--light: #f2f2f2;--brown: #581d0c;--ink: #1a1a1a;--muted: #767676;--line: #e4e4e4;--card: #ffffff;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .05);--font: "Archivo", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--light);color:var(--ink);font-size:14.5px;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font);font-size:14px}a{color:inherit}.logo{display:block;width:58px;-webkit-user-select:none;user-select:none;color:var(--ink)}.logo-m-svg{display:block;width:100%}.logo-dots{display:flex;justify-content:space-between;margin-top:12.5%}.logo-dot{width:22%;aspect-ratio:1;background:var(--ink);overflow:hidden;flex-shrink:0}.logo-dot img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}.logo-dot.active-photo{position:relative;background:transparent;overflow:visible}.logo-dot.active-photo img{position:absolute;width:340%;height:340%;left:50%;top:55%;transform:translate(-50%);outline:2px solid var(--green);outline-offset:1.5px;box-shadow:0 4px 10px #0000002e}.logo-dot.accent{background:var(--green)}.logo.big{width:116px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--light);flex-direction:column;gap:28px;padding:24px}.login-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px 40px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}.login-card h1{font-size:20px;font-weight:800;letter-spacing:.04em}.login-card .sub{color:var(--muted);font-size:13px;margin-top:-12px}.wordmark{font-weight:800;letter-spacing:.42em;font-size:13px;color:var(--ink)}.wordmark span{color:var(--green)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:9px;padding:9px 12px;background:#fafafa;outline:none;transition:border-color .15s,background .15s;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);background:#fff}.field textarea{resize:vertical;min-height:70px}.btn{border:none;border-radius:9px;padding:10px 18px;font-weight:700;font-size:13.5px;letter-spacing:.02em;background:var(--ink);color:#fff;transition:opacity .15s,transform .05s;display:inline-flex;align-items:center;gap:7px;justify-content:center}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn.green{background:var(--green)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn.ghost:hover{border-color:var(--ink);opacity:1}.btn.danger{background:transparent;color:var(--brown);border:1.5px solid transparent}.btn.danger:hover{border-color:var(--brown);opacity:1}.btn.small{padding:6px 12px;font-size:12.5px;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed}.error-msg{color:var(--brown);font-size:13px;font-weight:600}.app{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 16px 18px;position:sticky;top:0;height:100vh}.sidebar .logo{margin-left:10px;margin-bottom:34px}.sidebar .logo:has(.active-photo){margin-bottom:58px}.nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav button{display:flex;align-items:center;gap:11px;background:none;border:none;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:#555;text-align:left;transition:background .12s,color .12s}.nav button svg{width:18px;height:18px;flex-shrink:0}.nav button:hover{background:var(--light);color:var(--ink)}.nav button.active{background:var(--green-soft);color:var(--green-dark)}.nav button.active svg{color:var(--green)}.sidebar-user{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--green);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.sidebar-user .name{font-weight:700;font-size:14px}.sidebar-user .role{font-size:11.5px;color:var(--muted)}.sidebar-user .actions{margin-left:auto;display:flex;gap:2px}.icon-btn{background:none;border:none;padding:6px;border-radius:7px;color:var(--muted);display:flex;align-items:center}.icon-btn:hover{background:var(--light);color:var(--ink)}.icon-btn svg{width:17px;height:17px}.main{flex:1;padding:30px 36px 80px;max-width:1400px;min-width:0}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:800;letter-spacing:-.01em}.page-head .spacer{flex:1}.page-sub{color:var(--muted);font-size:13.5px;margin-top:-18px;margin-bottom:22px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.card+.card{margin-top:18px}.card h2{font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}.card h2 .count{color:var(--muted);font-weight:600}.card h2 .right{margin-left:auto;display:flex;gap:8px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:8px 10px;border-bottom:1.5px solid var(--line);white-space:nowrap}table.data td{padding:10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .1s}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:#fafaf8}.table-wrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;padding:3.5px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;background:var(--light);color:#555;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green-dark)}.badge.solid-green{background:var(--green);color:#fff}.badge.warn{background:#f6ece9;color:var(--brown)}.badge.dark{background:var(--ink);color:#fff}.empty{color:var(--muted);font-size:13.5px;padding:14px 4px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;border-left:4px solid var(--green)}.stat.warn{border-left-color:var(--brown)}.stat.plain{border-left-color:var(--line)}.stat .num{font-size:28px;font-weight:800;line-height:1.1}.stat .lbl{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161073;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:100;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--card);border-radius:16px;box-shadow:0 24px 60px #00000040;width:100%;max-width:640px;padding:26px 28px;animation:modal-in .16s ease-out}.modal.wide{max-width:820px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal h2{font-size:18px;font-weight:800;margin-bottom:18px}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal .grid .full{grid-column:1 / -1}.modal .foot{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal .foot .left{margin-right:auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--line);border-radius:9px;padding:8px 12px;min-width:220px}.search input{border:none;outline:none;background:none;flex:1}.search svg{width:16px;height:16px;color:var(--muted)}.toolbar select{border:1.5px solid var(--line);border-radius:9px;padding:8.5px 10px;background:var(--card);outline:none;color:var(--ink)}.seg{display:inline-flex;background:#e8e8e6;border-radius:9px;padding:3px}.seg button{border:none;background:none;padding:6.5px 14px;border-radius:7px;font-weight:700;font-size:13px;color:#666}.seg button.active{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #0000001a}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.kanban-col{background:#eaeae8;border-radius:var(--radius);padding:12px;min-height:200px}.kanban-col h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#555;padding:4px 6px 10px;display:flex;align-items:center;gap:8px}.kanban-col h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.kanban-col.offen h3 .dot{background:var(--brown)}.kanban-col.bearbeitung h3 .dot{background:#c9a227}.kanban-col.erledigt h3 .dot{background:var(--green)}.task-card{background:var(--card);border-radius:11px;padding:12px 14px;margin-bottom:9px;box-shadow:0 1px 2px #00000012;cursor:pointer;border-left:3px solid transparent;transition:box-shadow .12s}.task-card:hover{box-shadow:0 3px 10px #0000001c}.task-card.overdue{border-left-color:var(--brown)}.task-card .t-title{font-weight:700;font-size:13.5px;margin-bottom:6px}.task-card .t-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:var(--muted)}.task-card .t-link{font-size:11.5px;color:var(--green-dark);font-weight:600;margin-top:5px}.todo-fab{position:fixed;right:0;top:45%;background:var(--ink);color:#fff;border:none;border-radius:12px 0 0 12px;padding:14px 10px;writing-mode:vertical-rl;font-weight:700;font-size:12px;letter-spacing:.15em;z-index:90;display:flex;align-items:center;gap:8px;box-shadow:-2px 4px 14px #0000002e}.todo-fab:hover{background:var(--green)}.todo-panel{position:fixed;right:18px;top:50%;transform:translateY(-50%);width:320px;max-height:76vh;background:var(--card);border-radius:16px;box-shadow:0 18px 50px #00000040;z-index:95;display:flex;flex-direction:column;animation:modal-in .15s ease-out;overflow:hidden}.todo-panel .tp-head{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.todo-panel .tp-head h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;flex:1}.todo-panel .tp-list{overflow-y:auto;padding:8px 12px;flex:1}.todo-item{display:flex;align-items:flex-start;gap:9px;padding:8px 6px;border-radius:8px}.todo-item:hover{background:#fafaf8}.todo-item input[type=checkbox]{margin-top:3px;accent-color:var(--green);width:15px;height:15px}.todo-item .txt{flex:1;font-size:13.5px;line-height:1.4}.todo-item.done .txt{text-decoration:line-through;color:var(--muted)}.todo-item .del{opacity:0}.todo-item:hover .del{opacity:1}.todo-panel .tp-add{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}.todo-panel .tp-add input{flex:1;border:1.5px solid var(--line);border-radius:8px;padding:8px 11px;outline:none}.todo-panel .tp-add input:focus{border-color:var(--green)}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:14px}.crumbs button{background:none;border:none;color:var(--green-dark);font-weight:700;font-size:13px;padding:0}.crumbs button:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}.kv{display:grid;grid-template-columns:150px 1fr;gap:7px 14px;font-size:13.5px}.kv dt{color:var(--muted);font-weight:600}.kv dd{font-weight:500;word-break:break-word}.stars{display:inline-flex;gap:3px}.stars button{background:none;border:none;font-size:21px;padding:0;color:#d5d5d0;line-height:1}.stars button.on{color:var(--green)}.doc-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid #f0f0f0;font-size:13.5px}.doc-row:last-child{border-bottom:none}.doc-row .meta{color:var(--muted);font-size:12px}.doc-row a{color:var(--green-dark);font-weight:700;text-decoration:none}.doc-row a:hover{text-decoration:underline}.activity-item{display:flex;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px solid #f4f4f2}.activity-item:last-child{border-bottom:none}.activity-item .when{color:var(--muted);white-space:nowrap;font-size:12px;min-width:108px}.activity-item .who{font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:10px;font-weight:600;font-size:13.5px;z-index:200;box-shadow:0 8px 24px #0000004d;animation:modal-in .2s ease-out}.toast.error{background:var(--brown)}.group-head{display:flex;align-items:center;gap:12px;margin:22px 0 10px}.group-head:first-child{margin-top:0}.group-head .sq{width:11px;height:11px;background:var(--green);flex-shrink:0}.group-head h3{font-size:15px;font-weight:800}.group-head .count{color:var(--muted);font-size:13px;font-weight:600}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:12px 16px}.sidebar .logo{margin:0 14px 0 0}.nav{flex-direction:row;overflow-x:auto}.nav button span{display:none}.sidebar-user{border:none;margin:0 0 0 auto;padding:0}.main{padding:20px 16px 90px}.detail-grid,.kanban,.modal .grid{grid-template-columns:1fr}}