:root{--ink:#18324d;--muted:#6f8396;--brand:#00677b;--brand-deep:#005769;--brand-bright:#0787a6;--soft-blue:#eaf4f8;--side:#dcecf4;--line:#b8d2df;--table-head:#c7d8e2;--white:#fff;--danger:#c44b4b;color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:var(--soft-blue);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--brand-bright);text-decoration:none}.login-shell{background:radial-gradient(circle at 20% 20%,#00677b29,#0000 24rem),linear-gradient(120deg,#eff7fa 0%,#f8fbfc 56%,#eaf3f7 100%);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";background:#1d1d1d;width:10px;position:absolute;inset:0 auto 0 0}.login-card{border:1px solid var(--line);background:#ffffffeb;border-radius:6px;width:min(420px,100vw - 36px);padding:42px 40px 34px;position:relative;box-shadow:30px 38px 60px #2052662e}.login-card h1{color:var(--brand);margin:0 0 8px;font-size:30px;line-height:1.2}.login-card p{color:var(--muted);margin:0 0 28px}form label,.toolbar label{color:#253e5e;gap:8px;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line);color:#172d44;background:#f8fbfd;border-radius:4px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input,select{height:42px;padding:0 14px}textarea{resize:vertical;padding:10px 14px}input:focus,textarea:focus,select:focus{border-color:var(--brand-bright);box-shadow:0 0 0 3px #0787a61f}.login-card form{gap:18px;display:grid}.primary,.secondary,.ghost{height:42px;color:var(--white);border-radius:4px;padding:0 24px;font-weight:700}.primary{background:#0781a0}.primary:hover{background:#08718d}.secondary{border:1px solid var(--line);color:#1d5870;background:#e8f3f8}.compact{white-space:nowrap;height:32px;padding:0 14px}.wide{width:100%}.alert,.inline-message{color:var(--danger);background:#c44b4b14;border:1px solid #c44b4b38;border-radius:4px;padding:10px 12px}.inline-message{margin:0 28px 16px}.admin-shell{background:#edf6fa;min-height:100vh}.topbar{height:64px;color:var(--white);background:linear-gradient(#006f84 0%,#005a6c 100%);justify-content:space-between;align-items:center;padding:0 30px;display:flex;box-shadow:0 12px 24px #0040522e}.brand{font-size:26px;font-weight:800}.top-actions{align-items:center;gap:16px;font-weight:700;display:flex}.ghost{background:#ffffff29;height:34px;padding:0 16px}.ghost.subtle{background:#ffffff14}.workspace{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.sidebar{border-right:1px solid var(--line);background:var(--side);padding-top:36px}.menu-title{color:#2c5274;margin:0 32px 14px;font-weight:800}.menu-item{color:#173b5a;text-align:left;background:0 0;width:calc(100% - 34px);height:49px;margin-left:16px;padding:0 16px;font-size:16px;display:block}.menu-item.active{color:#007595;background:#ffffffad;border-left:4px solid #0781a0;font-weight:800}.menu-item.disabled{cursor:default}.content{padding:28px 34px 42px}.panel{border:1px solid var(--line);background:#ffffff61}.panel-title{background:linear-gradient(180deg, var(--brand) 0%, var(--brand-deep) 100%);min-height:64px;color:var(--white);justify-content:space-between;align-items:center;padding:0 20px 0 34px;display:flex}.panel-title h2{margin:0;font-size:23px}.panel-title .primary{background:#1596b7}.toolbar{align-items:end;gap:24px;min-height:92px;padding:20px 34px 24px;display:flex}.toolbar label{grid-template-columns:auto 200px;align-items:center}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:center;width:100%;min-width:1040px;font-size:14px}.approval-table{min-width:1240px}.management-table{min-width:1180px}th{background:var(--table-head);color:#183550;height:49px;font-weight:800}td{border-bottom:1px solid var(--line);background:#ffffff6b;height:48px}.status{border-radius:999px;padding:4px 10px;font-weight:700;display:inline-flex}.status.ok{color:#149161;background:#1491611f}.status.off{color:#5d7082;background:#6f839629}.status.pending{color:#b46a00;background:#ed971824}.status.danger{color:var(--danger);background:#c44b4b24}.actions{white-space:nowrap}.actions button,.close{color:#007595;background:0 0;font-weight:700}.actions .danger{color:var(--danger)}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.pager button{height:34px;color:var(--white);background:#79b7cb;border-radius:4px;padding:0 16px;font-weight:700}.modal-backdrop{z-index:20;background:#0a213047;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#f9fcfd;border-radius:6px;width:min(1040px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 32px 70px #002b3847}.compact-modal{width:min(1120px,100%)}.modal-head{background:var(--brand);color:var(--white);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{margin:0}.close{color:var(--white);font-size:24px}.modal-body{gap:16px;padding:22px;display:grid}.detail-panel{background:#fff;border-radius:18px;gap:12px;padding:20px 22px;display:grid;box-shadow:0 12px 32px #18324d14}.detail-summary-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-apply-id{color:#6f7f91;font-size:15px;font-weight:800}.status-tab{border-radius:999px;justify-content:center;align-items:center;min-width:82px;height:32px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.status-tab.pending{color:#b46a00;background:#fff3cf}.status-tab.ok{color:#149161;background:#dff8ee}.status-tab.danger{color:var(--danger);background:#fee4e2}.status-tab.off{color:#5d7082;background:#6f839629}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.detail-item{color:#6f7f91;align-items:baseline;gap:4px;min-width:0;min-height:24px;display:flex}.detail-item-wide{grid-column:1/-1}.detail-item-placeholder{min-height:24px}.detail-label{color:#7a8797;flex:none;font-size:15px;font-weight:800}.detail-label:after{content:"："}.detail-value{overflow-wrap:anywhere;color:#6f7f91;min-height:22px;font-size:15px;font-weight:800}.detail-image-preview{aspect-ratio:16/9;background:#f6f9fc;border:1px solid #d6e5ef;border-radius:8px;justify-content:center;align-items:center;width:168px;display:inline-flex;overflow:hidden}.detail-image-preview img{object-fit:cover;width:100%;height:100%}.signature-preview{background:#eef7fa;border:1px dashed #83b7c5;border-radius:4px;justify-content:center;align-items:center;width:min(260px,100%);min-height:96px;display:inline-flex}.signature-preview img{object-fit:contain;max-width:100%;max-height:120px;display:block}.audit-form{background:#fff;border-radius:18px;gap:18px;padding:20px 22px;display:grid;box-shadow:0 12px 32px #18324d14}.audit-row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;display:grid}.audit-row-top{align-items:start}.audit-label{color:#172d44;white-space:nowrap;font-weight:800;line-height:42px}.audit-options{flex-wrap:wrap;gap:24px;display:flex}.radio-inline{color:#172d44;align-items:center;gap:8px;width:auto;font-weight:700;display:inline-flex}.radio-inline input{accent-color:#2563eb;width:18px;height:18px;padding:0}.audit-textarea-wrap{position:relative}.audit-textarea-wrap textarea{padding-right:86px}.audit-counter{color:var(--muted);font-size:14px;position:absolute;top:12px;right:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.code-area{font-family:Consolas,Courier New,monospace}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.input-action-wrap{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.input-icon-button{border:1px solid var(--line);color:#0a7894;background:#e8f3f8;border-radius:4px;place-items:center;width:42px;height:42px;display:grid}.input-icon-button:hover{border-color:var(--brand-bright);background:#dff0f6}.input-icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.geojson-field{color:#253e5e;gap:10px;font-weight:700;display:grid}.geojson-split{grid-template-columns:minmax(340px,1fr) minmax(340px,1fr);align-items:stretch;gap:14px;display:grid}.geojson-textarea{min-height:314px}.inline-map-panel{gap:10px;min-width:0;display:grid}.inline-map-stage{z-index:0;border:1px solid var(--line);background:#e7f0f4;border-radius:4px;min-height:380px;position:relative;overflow:hidden}.inline-map-canvas{width:100%;height:380px}.image-upload-field{gap:10px}.image-upload-card{aspect-ratio:16/9;cursor:pointer;background:#eef7fa;border:1px dashed #83b7c5;border-radius:4px;width:min(220px,100%);position:relative;overflow:hidden}.image-upload-card.readonly{cursor:default}.image-upload-card img{object-fit:cover;width:100%;height:100%;display:block}.image-upload-empty{height:100%;color:var(--muted);place-items:center;font-weight:700;display:grid}.image-upload-mask{color:var(--white);opacity:0;background:#0a21307a;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.image-upload-card:hover .image-upload-mask{opacity:1}.image-url-text{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.sr-only-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.map-dialog-backdrop{z-index:3000;background:#0a213057;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.map-dialog{z-index:3001;border:1px solid var(--line);background:#f9fcfd;border-radius:6px;width:min(920px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 32px 76px #002b3852}.map-dialog-head{border-bottom:1px solid var(--line);color:#172d44;background:#fff;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.map-dialog-head h3{margin:0;font-size:20px}.map-dialog-head .close{color:#0a7894}.map-dialog-body{gap:16px;padding:22px;display:grid}.map-stage{border:1px solid var(--line);background:#e7f0f4;border-radius:4px;min-height:430px;position:relative;overflow:hidden}.map-canvas{width:100%;height:430px}.map-error{color:var(--danger);text-align:center;background:#f8fbfdeb;place-items:center;padding:28px;font-weight:700;display:grid;position:absolute;inset:0}.coordinate-readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.coordinate-readout span{border:1px solid var(--line);color:#173b5a;background:#fff;border-radius:4px;padding:10px 12px;font-weight:700}.draw-toolbar{justify-content:flex-end;align-items:center;display:flex}@media (width<=820px){.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:16px}.brand{font-size:22px}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;gap:8px;padding:12px;display:flex;overflow-x:auto}.menu-title{display:none}.menu-item{width:auto;min-width:110px;margin:0}.content{padding:18px 14px 28px}.panel-title,.toolbar{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.toolbar label,.form-grid,.detail-grid,.geojson-split{grid-template-columns:1fr}.geojson-textarea{min-height:220px}.inline-map-stage,.inline-map-canvas{height:380px;min-height:380px}.map-dialog-backdrop{padding:12px}.map-dialog-body{padding:16px}.map-stage,.map-canvas{height:320px;min-height:320px}.coordinate-readout{grid-template-columns:1fr}.pager{flex-wrap:wrap;justify-content:center}}