:root{--bg:#f4f4f6;--card:#fff;--ink:#151519;--muted:#74747d;--line:#e7e7eb;--pink:#ec168c;--pink2:#ff49ad;--dark:#111114;--green:#168b55;--amber:#bd7915;--red:#cf334f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}.topbar{height:72px;background:#111114;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--pink2));display:grid;place-items:center;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand small{color:#aaaab2;margin-top:2px}.who{display:flex;gap:18px;align-items:center;font-weight:700}.who a{color:#fff;text-decoration:none;font-weight:500}.wrap{max-width:1500px;margin:auto;padding:34px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(20,20,25,.035)}.login{max-width:560px;margin:8vh auto;padding:44px}.login h1{font-size:44px;line-height:1.02;margin:10px 0 14px}.login p{color:var(--muted);font-size:18px}.loginform{display:grid;gap:10px;margin-top:28px}.loginform input,.loginform select{padding:14px;border:1px solid var(--line);border-radius:11px}.loginform button,.create button,.edit-grid>button,.commentform button,.dropform>button,.filters button,.newbox button{background:var(--dark);color:#fff;border:0;border-radius:11px;padding:12px 17px;font-weight:800;cursor:pointer}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--pink)}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.hero h1{font-size:46px;line-height:1.05;margin:8px 0}.hero p{color:var(--muted);font-size:18px}.hero-stats{display:flex;gap:12px}.hero-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 22px;min-width:112px}.hero-stats strong{font-size:30px;display:block}.hero-stats span{font-size:12px;color:var(--muted)}.hero-stats .hot{border-color:#f2b6d5;background:#fff7fb}.newbox{background:#17171b;color:#fff;border-radius:16px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.newbox strong,.newbox span{display:block}.newbox span{color:#b7b7bf;font-size:13px;margin-top:3px}.newbox button{background:var(--pink)}.layout{display:grid;grid-template-columns:270px 1fr;gap:20px}.side{padding:12px;margin-bottom:16px}.side>.eyebrow{display:block;padding:10px}.side>a{display:flex;justify-content:space-between;padding:10px 12px;color:#333;text-decoration:none;border-radius:9px;font-size:14px}.side>a:hover,.side>a.active{background:#f8e8f1;color:#b70f6c}.side>a b{font-size:12px;color:#999}.activity{padding-bottom:16px}.activity-row{display:flex;gap:10px;padding:12px 8px;border-top:1px solid #f0f0f2}.activity-row .dot{width:7px;height:7px;border-radius:50%;background:#c8c8cd;margin-top:5px;flex:0 0 auto}.activity-row.unread{background:#fff3fa}.activity-row.unread .dot{background:var(--pink);box-shadow:0 0 0 4px #ffe0f1}.activity-row strong{font-size:12px}.activity-row p{font-size:12px;margin:2px 0 4px;line-height:1.35}.activity-row small{font-size:10px;color:#8b8b93}.content{min-width:0}.create{padding:20px;margin-bottom:16px}.create h2{margin:4px 0 16px}.create-grid{display:grid;grid-template-columns:1.2fr 3fr .7fr .9fr 1.1fr;gap:10px}.create-grid input,.create-grid select,.create-grid textarea,.filters select,.filters input,.edit-grid input,.edit-grid select,.edit-grid textarea,.commentform textarea{border:1px solid #dddde2;border-radius:10px;padding:11px;background:#fff}.create-grid textarea{grid-column:1/5;min-height:78px;resize:vertical}.create-grid button{grid-column:5;align-self:stretch}.filters{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.filters form{display:flex;gap:8px}.filters input{min-width:280px}.tasks{display:grid;gap:12px}.task{padding:0;overflow:hidden}.task-new{border-color:#ef9aca;box-shadow:0 0 0 2px #ffe0f1}.task-head{display:flex;justify-content:space-between;gap:24px;padding:20px}.task-head h3{font-size:20px;margin:8px 0 7px}.task-head p{margin:0;color:#5f5f67;white-space:pre-line}.badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.badges span{font-size:10px;font-weight:900;border-radius:999px;padding:5px 8px}.code{background:#17171b;color:#fff}.cat{background:#f0f0f3}.new{background:#ffe0f1;color:#b70f6c}.state{display:flex;gap:7px;align-items:flex-start}.state span{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.status{background:#f0f0f3}.s-erledigt{background:#dcf7e9;color:#0b7041}.s-in-arbeit{background:#fff0d7;color:#9a5f08}.s-rückfrage,.s-nacharbeit{background:#ffe2e8;color:#a81e3b}.priority{border:1px solid #dddde2}.task details{border-top:1px solid var(--line)}.task summary{cursor:pointer;padding:12px 20px;background:#fafafd;color:#5e5e68;font-weight:700;font-size:13px}.task-body{padding:20px}.edit-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.edit-grid label{font-size:11px;font-weight:800;color:#6d6d76}.edit-grid label input,.edit-grid label select,.edit-grid label textarea{display:block;width:100%;margin-top:5px}.edit-grid .wide{grid-column:1/5}.edit-grid textarea{min-height:90px}.edit-grid .approve{grid-column:1/4;font-size:13px;display:flex;align-items:center;gap:8px}.edit-grid .approve input{width:auto;margin:0}.task-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;padding-top:18px}.task-columns h4{margin:0 0 10px}.dropform{display:grid;gap:8px}.dropzone{border:2px dashed #d3d3d9;border-radius:13px;padding:20px;text-align:center;display:block;cursor:pointer;background:#fafafd}.dropzone.drag{border-color:var(--pink);background:#fff3fa}.dropzone input{display:none}.dropzone strong,.dropzone span{display:block}.dropzone span{font-size:11px;color:#85858d;margin-top:4px}.files{display:grid;gap:7px;margin-top:10px}.file{display:flex;justify-content:space-between;gap:12px;padding:10px;background:#f7f7f9;border-radius:10px}.file strong,.file small{display:block}.file strong{font-size:12px}.file small{font-size:10px;color:#8a8a92;margin-top:3px}.file>div:last-child{display:flex;gap:8px;align-items:center}.file a,.link{font-size:11px;color:#333;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.danger{color:#bd2845!important}.comments{display:grid;gap:8px;max-height:320px;overflow:auto}.comment{background:#f7f7f9;border-radius:10px;padding:10px}.comment strong{font-size:12px}.comment small{font-size:10px;color:#92929a;margin-left:7px}.comment p{font-size:13px;margin:5px 0 0;white-space:pre-line}.commentform{display:grid;gap:8px;margin-top:10px}.commentform textarea{min-height:75px;resize:vertical}.task-foot{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;color:#888891;font-size:10px}.task-foot form{margin-left:auto}.msg{padding:13px 16px;border-radius:12px;margin-bottom:14px;font-weight:700}.msg.success{background:#def6e9;color:#14643f}.msg.error{background:#ffe1e8;color:#9b1735}.muted,.empty{color:#888891}.empty{padding:24px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.layout aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-grid,.edit-grid{grid-template-columns:1fr 1fr}.create-grid textarea,.edit-grid .wide{grid-column:1/3}.create-grid button{grid-column:1/3}.edit-grid .approve{grid-column:1/2}.task-columns{grid-template-columns:1fr}.hero{align-items:flex-start;gap:15px}.hero h1{font-size:38px}}@media(max-width:650px){.wrap{padding:18px}.topbar{padding:0 16px}.brand small{font-size:10px}.hero{display:block}.hero-stats{margin-top:12px}.layout aside{grid-template-columns:1fr}.create-grid,.edit-grid{grid-template-columns:1fr}.create-grid textarea,.create-grid button,.edit-grid .wide,.edit-grid .approve{grid-column:1}.filters{display:block}.filters form{margin-bottom:8px}.filters input{width:100%;min-width:0}.task-head{display:block}.state{margin-top:12px}.newbox{display:block}.newbox form{margin-top:12px}.file{display:block}.file>div:last-child{margin-top:8px}.task-foot form{margin-left:0}}
.file-preview-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.preview-thumb{width:100%;height:170px;border:0;padding:0;background:#f0f0f3;display:block;cursor:pointer;overflow:hidden}.preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pdf-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f7f7f9,#ececf1);color:#555}.pdf-thumb .pdf-icon{background:#d62f4b;color:#fff;font-weight:900;font-size:18px;padding:12px 10px;border-radius:8px;box-shadow:0 7px 18px rgba(207,51,79,.18)}.pdf-thumb span:last-child{font-size:11px;font-weight:800}.preview-meta{border-radius:0;background:#fff;border-top:1px solid var(--line)}.preview-modal{position:fixed;inset:0;background:rgba(10,10,14,.72);z-index:1000;display:none;padding:24px}.preview-modal.open{display:flex;align-items:center;justify-content:center}.preview-shell{width:min(1200px,96vw);height:min(860px,92vh);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);display:flex;flex-direction:column}.preview-bar{height:68px;padding:12px 16px 12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:0 0 auto}.preview-bar strong{display:block;margin-top:3px;max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-close{width:42px;height:42px;border:0;border-radius:11px;background:#f2f2f4;font-size:30px;line-height:1;cursor:pointer}.preview-stage{flex:1;min-height:0;background:#27272d;display:flex;align-items:center;justify-content:center}.preview-stage img{max-width:100%;max-height:100%;object-fit:contain}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:650px){.preview-modal{padding:0}.preview-shell{width:100vw;height:100vh;border-radius:0}.preview-thumb{height:140px}}
.msg.warning{background:#fff1ce;color:#7a5005}.msg a{color:inherit}.dropform>button:disabled{opacity:.45;cursor:not-allowed}.admin-hero{align-items:center}.connection-pill{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-weight:800}.connection-pill span{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ffe1e8}.connection-pill.connected span{background:var(--green);box-shadow:0 0 0 4px #dcf7e9}.onedrive-admin{padding:28px}.admin-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.admin-intro h2{font-size:28px;margin:6px 0 8px}.admin-intro p{max-width:680px;color:var(--muted);margin:0;line-height:1.55}.security-note{max-width:310px;background:#f7f7f9;border-radius:13px;padding:14px 16px}.security-note strong,.security-note span{display:block}.security-note span{font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}.onedrive-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.onedrive-form label{font-size:12px;font-weight:800;color:#606069}.onedrive-form input{display:block;width:100%;margin-top:7px;border:1px solid #dddde2;border-radius:11px;padding:13px;background:#fff}.onedrive-form small{display:block;color:var(--muted);font-weight:500;margin-top:5px}.admin-actions{grid-column:1/3;display:flex;gap:10px;align-items:center;margin-top:5px}.admin-actions button,.button-secondary{border:0;border-radius:11px;padding:13px 18px;font-weight:800;text-decoration:none;cursor:pointer}.admin-actions button{background:var(--dark);color:#fff}.button-secondary{background:#ededf1;color:var(--ink)}.connection-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.connection-details>div{background:#f7f7f9;border-radius:12px;padding:13px}.connection-details span,.connection-details code,.connection-details strong{display:block}.connection-details span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:6px}.connection-details code{font-size:12px;overflow-wrap:anywhere}.connection-details>a{grid-column:1/3;color:#b70f6c;font-weight:800;text-decoration:none}@media(max-width:700px){.admin-intro{display:block}.security-note{margin-top:16px;max-width:none}.onedrive-form,.connection-details{grid-template-columns:1fr}.admin-actions,.connection-details>a{grid-column:1}.admin-actions{align-items:stretch;flex-direction:column}.connection-pill{margin-top:14px;width:max-content}.who{gap:10px;font-size:12px}}