:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#243349;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:26px auto;padding:0 14px 42px}.card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 15px #20324808}h1{font-size:23px;margin:0 0 5px}h2{font-size:18px;margin:0 0 14px}small,.muted{color:#68788c}p{line-height:1.75}button,input,select{font:inherit}button{background:#245ce8;color:#fff;border:0;padding:11px 17px;border-radius:8px;cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button.secondary{background:#edf1fa;color:#24519d}input:not([type=checkbox]){padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;min-width:0;max-width:100%}.full{width:100%}.field{display:grid;gap:7px;margin:12px 0}.check{display:flex;gap:8px;align-items:flex-start;margin:16px 0;line-height:1.5}.alert{border-radius:8px;padding:10px 12px;margin:12px 0;white-space:pre-wrap;background:#ecf5ff;color:#164995}.alert.error{background:#fff1f2;color:#a11e3a}.hidden{display:none!important}.document{display:block;max-width:100%;width:100%;height:auto;border:1px solid #cbd5e1;border-radius:4px}.signbox{border:1px solid #ccd6e2;border-radius:9px;overflow:hidden;touch-action:none;background:#fff}.signbox canvas{display:block;width:100%;height:170px;touch-action:none}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex-shrink:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:11px 8px;border-bottom:1px solid #e1e6eb;text-align:left}tr:hover{background:#f9fbff}.table-scroll{overflow:auto}a{color:#1659db;word-break:break-all}.pill{display:inline-block;background:#ebf2fd;color:#18488b;border-radius:30px;padding:3px 10px;font-size:12px}.right{margin-left:auto}.signature-note{font-size:13px;color:#58677b;line-height:1.6}.stack{display:grid;gap:12px}@media (max-width:600px){main{margin-top:15px}.card{padding:15px}h1{font-size:21px}th,td{padding:8px 5px;font-size:12px}}
:root{--ink:#1d2c46;--accent:#2357d8}.dashboard{max-width:1100px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 6px 4px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#5879b7}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.two-col,.coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.coordinate-grid fieldset{border:1px solid #d9e3f0;border-radius:10px;display:flex;gap:10px;flex-wrap:wrap;padding:12px}.coordinate-grid label{display:flex;align-items:center;gap:5px}.coordinate-grid input{width:76px}.preview{position:relative;margin:16px auto;max-width:700px}.preview img{display:block;width:100%;height:auto}.zone{position:absolute;height:4%;min-height:14px;background:#eaa55b55;border:2px solid #c57526;color:#88460d;font-size:12px;overflow:hidden}.employee-zone{background:#5b92e855;border-color:#3263bc;color:#173c7f}.task-card{border:1px solid #dce5f1;border-radius:10px;padding:15px}.task-card h3{margin:0}.button-link{display:inline-block;background:#245ce8;color:white;padding:9px 15px;border-radius:8px;text-decoration:none}@media(max-width:600px){.two-col,.coordinate-grid{grid-template-columns:1fr}.masthead{align-items:flex-start}.section-head{align-items:flex-start}}