:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e8e8ea;--muted: #9aa2b1;--accent: #7db3ff;--accent-ink: #0f1115;--danger: #ff6b6b;--ok: #5fd08a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}.wrap{max-width:64rem;margin:0 auto;padding:1.25rem}.center{max-width:22rem;margin:8vh auto;padding:0 1rem}h1{font-size:1.4rem}h2{font-size:1.05rem;margin-top:0}.logo{display:block;height:2.2rem;width:auto}.logo-big{height:3.2rem;margin-bottom:1rem}.appheader{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.appheader-left{display:flex;align-items:center;gap:.9rem}.appheader-title{font-size:1.15rem;font-weight:600}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem;margin-bottom:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin:.6rem 0 .2rem}input,button,select,textarea{font:inherit;border-radius:8px;border:1px solid var(--border)}input,textarea{width:100%;padding:.55rem .7rem;background:#0f1319;color:var(--text)}textarea{resize:vertical}button{padding:.55rem .9rem;background:var(--accent);color:var(--accent-ink);border:none;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--border)}button.small{padding:.3rem .6rem;font-size:.85rem}button.linky{background:none;border:none;color:var(--accent);padding:0;font-weight:600;text-decoration:underline;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:12rem}.spread{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem;margin-bottom:1rem}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:500;white-space:nowrap}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--border)}.tabs button.active{color:var(--accent-ink);background:var(--accent)}.tabs .tablink{padding:.55rem .9rem;border:1px solid var(--border);border-radius:8px;color:var(--accent);text-decoration:none;font-weight:600}.tabs .tablink:hover{border-color:var(--accent)}.uploadhint{background:#141a24;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.9rem;color:var(--muted)}.uploadhint strong{color:var(--text)}.dropzones{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:1.5rem 1rem;text-align:center;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem}.dropzone strong{color:var(--text);font-size:.95rem}.dropzone .muted{font-size:.8rem}.dropzone-icon{font-size:1.8rem;line-height:1.2}.dropzone.drag{border-color:var(--accent);color:var(--text)}.dropzone.disabled{opacity:.5;cursor:not-allowed}@media (max-width: 34rem){.dropzones{grid-template-columns:1fr}}progress{width:100%;height:.5rem}.filegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.8rem}.filecard{border:1px solid var(--border);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem;background:#0f1319}.filecard-thumb{display:flex;align-items:center;justify-content:center;height:7rem;border-radius:8px;background:#0b0d12;overflow:hidden;text-decoration:none;padding:0;border:1px solid var(--border);cursor:pointer;width:100%}.filecard-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fileicon{font-size:2.6rem;line-height:1}.filecard-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filecard-meta{flex:1;min-width:0}.filecard .muted{font-size:.78rem}.filedesc{margin-top:.45rem;display:flex;flex-direction:column;gap:.35rem}.filedesc-text{margin:0;font-size:.82rem;white-space:pre-wrap;overflow-wrap:anywhere}.filedesc-empty{margin:0;font-style:italic}.filedesc textarea{font-size:.82rem;padding:.35rem .45rem}.filedesc .linky{font-size:.78rem;align-self:flex-start;font-weight:500}.filedesc .error{margin-bottom:0;font-size:.78rem}.tasklist,.notelist{list-style:none;padding:0;margin:0}.tasklist>li,.notelist>li{border-top:1px solid var(--border);padding:.7rem 0}.tasklist>li:first-child,.notelist>li:first-child{border-top:none}.tasklist>li.resolved .tasktitle strong{text-decoration:line-through;opacity:.65}.tasktitle{background:none;border:none;color:var(--text);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%;text-align:left;padding:0;cursor:pointer;font-weight:400}.badge{font-size:.72rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.open{color:var(--accent);border-color:var(--accent)}.badge.resolved{color:var(--ok);border-color:var(--ok)}.taskdetail{margin:.8rem 0 .2rem;padding-left:.9rem;border-left:2px solid var(--border)}.taskbody,.notebody{white-space:pre-wrap;margin:.4rem 0}.thread{list-style:none;padding:0;margin:.6rem 0;display:flex;flex-direction:column;gap:.6rem}.thread li{padding:.5rem .7rem;border-radius:8px;background:#0f1319;border:1px solid var(--border)}.thread li>div:last-child{white-space:pre-wrap}.thread li.admin{border-color:#2c3d55}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:.3rem;top:.4rem;bottom:.4rem;width:1px;background:var(--border)}.timeline li{position:relative;padding:.45rem 0 .45rem 1.4rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:baseline}.tdot{position:absolute;left:0;top:.85rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--border);border:2px solid var(--panel)}.tdot.dot-upload{background:var(--accent)}.tdot.dot-task{background:#d8a657}.tdot.dot-note{background:var(--ok)}.timeline time{font-variant-numeric:tabular-nums;white-space:nowrap}.tline{flex:1;min-width:12rem}@media (max-width: 30rem){.appheader{align-items:flex-start}.filegrid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06080ceb;display:flex;align-items:center;justify-content:center;padding:1rem}.lb-figure{margin:0;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:.6rem}.lb-img{max-width:92vw;max-height:74vh;object-fit:contain;border-radius:8px;background:#0b0d12}.lb-caption{text-align:center;max-width:60rem}.lb-name{font-weight:600}.lb-desc{margin-top:.2rem;white-space:pre-wrap}.lb-counter{margin-top:.3rem;font-variant-numeric:tabular-nums}.lb-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;color:#fff;border:none;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.1rem;cursor:pointer}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;color:#fff;border:none;width:3rem;height:3rem;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}.lb-nav:hover,.lb-close:hover{background:#ffffff38}.lb-prev{left:1rem}.lb-next{right:1rem}@media (max-width: 34rem){.lb-nav{width:2.5rem;height:2.5rem;font-size:1.5rem}.lb-img{max-height:68vh}}.filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}.filters button{background:transparent;color:var(--muted);border:1px solid var(--border);padding:.35rem .7rem;font-size:.85rem;font-weight:500}.filters button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.filters button:disabled{opacity:.35}.filtercount{opacity:.7;font-variant-numeric:tabular-nums}