:root{font-family:system-ui,Arial,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#222}header{background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.container{padding:16px;max-width:1100px;margin:0 auto}.card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px}input,select,button{font:inherit;padding:8px;border-radius:6px;border:1px solid #ccc}input[type=date]{padding:6px}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #eee}.row{display:flex;gap:8px;align-items:center}.page{max-width:920px;margin:0 auto}.link-back{margin:8px 0 12px}.section{padding:20px}.section-title{font-size:22px;margin:0 0 16px}.section-subtitle{font-size:18px;margin:0 0 12px}.form-grid{display:grid;grid-template-columns:180px 1fr;gap:12px 16px;align-items:center}@media (max-width: 680px){.form-grid{grid-template-columns:1fr}.label{margin-top:8px}}.label{color:#555}.input{width:100%}.control{width:100%;padding:10px 12px;border:1px solid #d9d9df;border-radius:8px;background:#fff}.control:focus{outline:none;border-color:#8aa9ff;box-shadow:0 0 0 3px #7896ff26}.btn-row{display:flex;gap:12px;align-items:center}.btn{padding:8px 14px;border:1px solid #cfcfd6;border-radius:8px;background:#f6f7f9;cursor:pointer}.btn:hover{background:#eef0f4}.btn-primary{background:#4f6ef7;color:#fff;border-color:#4f6ef7}.btn-primary:hover{background:#3f5fe8}.muted{color:#6b7280;font-size:13px}.notes{list-style:none;padding-left:0;margin:0}.note-item{padding:12px 0;border-top:1px solid #eee}.note-item:first-child{border-top:0}.note-text{white-space:pre-wrap;line-height:1.5}.uploadbox{border:1px dashed #cfd3da;border-radius:10px;padding:14px;background:#fafbfe}.uploadbox.drag{background:#eef3ff;border-color:#9bb5ff}.upload-btn{display:inline-block;margin-left:8px;padding:6px 10px;border:1px solid #cfd3da;border-radius:8px;background:#fff;cursor:pointer}.upload-btn:hover{background:#f6f7f9}.thread{display:flex;flex-direction:column;gap:10px}.bubble{max-width:80%;padding:10px 12px;border-radius:12px;background:#f2f5ff;border:1px solid #e2e6f5}.bubble.left{align-self:flex-start;background:#f7f7f8;border-color:#e6e6ea}.bubble.right{align-self:flex-end;background:#e9f5ee;border-color:#d3ebdc}.bubble-meta{font-size:12px;color:#6b7280;margin-bottom:4px}.bubble-text{white-space:pre-wrap;line-height:1.5}.app-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav-left{justify-self:start}.nav-center{justify-self:center}.nav-right{justify-self:end;display:flex;gap:10px;align-items:center}.app-header a{color:#009fe0;text-decoration:none}.app-header a:hover{text-decoration:underline}.nav-user{color:#555}.badge{padding:3px 8px;border-radius:999px;background:#eef}.badge-yellow{background:#ffec99}.badge-red{background:#ffc9c9}.row-overdue{background:#fff1f1}.row-due{background:#fff8e1}.btn-primary:hover{background:#009fe0!important}.btn-primary{background:#009fe0!important;border-color:#009fe0}.link-back{color:#009fe0!important}a,a:visited{color:#009fe0;text-decoration:none}a:hover{text-decoration:underline}.note-meta{font-size:13px;color:#555;margin-bottom:4px}.note-item{border-top:1px solid #eee;padding:8px 0}.modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;width:min(1000px,95vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.modal-title{font-weight:600}.preview-scroll{padding:12px 16px;overflow:auto}.email-meta{font-size:13px;color:#555;margin-bottom:8px}.email-pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}