:root{--bg: #f4f6f8;--panel: #ffffff;--border: #e2e6ea;--text: #1f2933;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--success: #16a34a;--warn: #d97706;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:8px 14px;white-space:nowrap}button:hover{background:#f0f2f5}button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}button.primary:hover{background:var(--primary-hover)}button.danger{color:var(--danger);border-color:#f0c4c4}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.topbar{display:flex;align-items:center;gap:20px;padding:0 24px;height:56px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;font-size:18px}.topbar nav{display:flex;gap:16px}.topbar .spacer{flex:1}.user-menu{position:relative;flex-shrink:0}.user-menu-trigger{display:inline-flex;align-items:center;gap:6px;max-width:240px}.user-menu-trigger .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #0000001f;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:60}.user-menu-dropdown .menu-role{padding:8px 10px;font-size:13px;border-bottom:1px solid var(--border);margin-bottom:2px}.user-menu-dropdown button{border:none;background:none;text-align:left;padding:8px 10px;border-radius:6px;width:100%}.user-menu-dropdown button:hover{background:var(--bg)}.notif-bell{position:relative;flex-shrink:0}.notif-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:6px 9px;border:1px solid transparent;background:none}.notif-trigger:hover{background:var(--bg)}.notif-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}.notif-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-width:86vw;max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #0000001f;z-index:60}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}.notif-readall{border:none;background:none;color:var(--primary);font-size:13px;padding:2px 4px}.notif-readall:hover{background:none;text-decoration:underline}.notif-actions{display:flex;align-items:center;gap:4px}.notif-clear{border:none;background:none;color:var(--danger);font-size:13px;padding:2px 4px}.notif-clear:hover{background:none;text-decoration:underline}.notif-empty{padding:20px 12px;text-align:center}.notif-list{list-style:none;margin:0;padding:0}.notif-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:10px 12px;white-space:normal}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#e0edff}.notif-text{font-size:14px}.notif-time{font-size:12px}.container{max-width:1200px;margin:24px auto;padding:0 24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:12px}.card h4{margin:0 0 6px}.muted{color:var(--muted);font-size:13px}.privacy-consent{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:var(--muted)}.privacy-consent input[type=checkbox]{width:13px;height:13px;margin:0;flex:none;accent-color:var(--primary);cursor:pointer}.privacy-consent label{cursor:pointer;line-height:1.4}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.kanban{display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.DRAFT{background:#eef2ff;color:#4338ca}.badge.PUBLISHED{background:#ecfeff;color:#0e7490}.badge.IN_PROGRESS{background:#fffbeb;color:var(--warn)}.badge.COMPLETED{background:#ecfdf5;color:var(--success)}.badge.CANCELED{background:#f3f4f6;color:var(--muted)}table{width:100%;border-collapse:collapse}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:14px}.error{color:var(--danger);font-size:14px}.success{color:var(--success);font-size:14px}.login-wrap{max-width:360px;margin:10vh auto}.pdf-stage{position:relative;display:inline-block;border:1px solid var(--border);box-shadow:0 1px 4px #00000014}.pdf-overlay{position:absolute;top:0;left:0}.field-box{position:absolute;border:2px dashed var(--primary);background:#2563eb14;font-size:11px;color:var(--primary);overflow:hidden}.field-box.signed{border-color:var(--success);background:#16a34a14;color:var(--success)}.field-box.mine{border-color:var(--warn);background:#d977061f;color:var(--warn)}.field-box.companion{border-color:#7c3aed;background:#7c3aed1a;color:#7c3aed}.field-sig{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.editor-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:10px;padding:20px;width:460px;max-width:92vw}.sign-fullscreen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:50}.sign-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;gap:8px;padding:10px 16px;overflow-y:auto}.sign-fullscreen h3{margin:0}.sign-fullscreen .sig-pad-wrap{margin:0 auto}.sig-pad-wrap{position:relative;display:inline-block;line-height:0;max-width:100%}.sig-pad{display:inline-block;line-height:0;border:1px dashed var(--border);border-radius:6px}.sig-overlay{position:absolute;pointer-events:none;line-height:1.3}.sig-hint{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center}.sig-pad .canvas-container{border-radius:6px;background:linear-gradient(45deg,#fafafa 25%,transparent 25%),linear-gradient(-45deg,#fafafa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fafafa 75%),linear-gradient(-45deg,transparent 75%,#fafafa 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.sig-canvas{display:block;border-radius:6px;touch-action:none}.sig-pad canvas{touch-action:none}@media(max-width:820px){.editor-grid{grid-template-columns:1fr}}@media(max-width:600px){.container{margin:12px auto;padding:0 12px}.topbar{padding:0 12px;gap:8px}.topbar .brand{font-size:16px;flex-shrink:0}.topbar nav{gap:10px;flex-shrink:0}.topbar .user-menu{flex-shrink:1;min-width:0}.user-menu-trigger{max-width:100%;padding-left:8px;padding-right:8px}.user-menu-trigger .name{min-width:0}.notif-dropdown{position:fixed;top:56px;left:8px;right:8px;width:auto;max-width:none}.kanban{grid-template-columns:1fr}.panel form input,.panel form select{width:100%}.table-scroll table{white-space:nowrap}}