*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2937;background:#f3f4f6}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:360px;background:#fff;border-radius:12px;padding:36px 32px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:18px}.login-title{margin:0 0 8px;font-size:20px;text-align:center;color:#1f3a2e}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#6b7280}.login-input{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.login-input:focus{outline:none;border-color:#4a7a5c}.login-error{color:#b91c1c;font-size:13px}.login-btn{height:42px;border:none;border-radius:8px;background:#1f3a2e;color:#fff;font-size:15px;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.shell-top{height:56px;background:#1f3a2e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.shell-brand{font-size:16px;font-weight:600}.shell-logout{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;height:32px;padding:0 14px;border-radius:6px;cursor:pointer}.shell-body{display:flex;min-height:calc(100vh - 56px)}.shell-nav{width:220px;background:#fff;border-right:1px solid #e5e7eb;padding:16px 0;display:flex;flex-direction:column}.shell-nav-item{padding:12px 20px;color:#4b5563;text-decoration:none;font-size:14px;border-left:3px solid transparent}.shell-nav-item.active{color:#1f3a2e;font-weight:600;border-left-color:#1f3a2e;background:#f0f5f1}.shell-content{flex:1;padding:28px 32px;overflow:auto}.page-title{font-size:20px;margin:0 0 20px;color:#1f3a2e}.page-hint{color:#9ca3af;font-size:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:24px}.card-title{margin:0 0 16px;font-size:16px;color:#1f2937}.banner{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid #f0f0f0}.tbl th{color:#6b7280;font-weight:500;background:#fafafa}.tbl th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.th-sort:hover{color:#1f3a2e}.tbl tr.tbl-group td{background:#f0f5f1;color:#1f3a2e;font-weight:600}.btn-sm{padding:5px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.btn-primary{padding:8px 18px;border:none;background:#1f3a2e;color:#fff;border-radius:6px;cursor:pointer}.btn-danger{padding:8px 18px;border:1px solid #fca5a5;background:#fff;color:#b91c1c;border-radius:6px;cursor:pointer}.btn-primary:disabled,.btn-danger:disabled,.btn-sm:disabled{opacity:.6;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-panel{position:relative;background:#fff;border-radius:12px;width:92%;max-width:720px;max-height:85vh;overflow:auto;padding:24px 28px;box-shadow:0 12px 40px #0003}.modal-title{margin:0 0 16px;font-size:17px;color:#1f3a2e}.modal-close{position:absolute;top:12px;right:16px;width:30px;height:30px;border:none;background:transparent;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer}.modal-close:hover{color:#4b5563}.detail{margin-top:18px;padding-top:18px;border-top:1px dashed #e5e7eb;font-size:14px;color:#374151}.modal-panel>.detail:first-of-type{margin-top:0;padding-top:0;border-top:none}.detail h4{margin:0 0 12px}.detail p{margin:6px 0}.detail-actions{margin-top:16px;display:flex;gap:10px}.photos{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}.photo-label{font-size:12px;color:#6b7280;margin-bottom:6px}.photo{width:200px;height:150px;object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;background:#f3f4f6}.photo-thumb{width:56px;height:42px;object-fit:cover;border:1px solid #e5e7eb;border-radius:4px;background:#f3f4f6;cursor:pointer}.photo-big{width:100%;max-width:560px;border-radius:8px;background:#f3f4f6}.btn-sm.active{background:#1f3a2e;color:#fff;border-color:#1f3a2e}.tbl td button+button{margin-left:6px}.searchbar{display:flex;gap:10px;margin-bottom:14px;max-width:460px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;max-width:720px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#6b7280}.form-grid input{height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}