:root{font-family:"Google Sans","Google Sans Text","Noto Sans Thai Looped",Tahoma,Arial,sans-serif;color:#18221d;background:#edf1ec}*{box-sizing:border-box}body{margin:0}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card,.admin-shell{background:#fff;border-radius:10px;box-shadow:0 8px 30px #18221d1c}.auth-card{width:min(420px,100%);padding:34px}.eyebrow{margin:0;color:#28744e;font-size:12px;font-weight:bold;letter-spacing:.12em}.auth-card h1{margin:8px 0}.auth-card p{color:#627168}.auth-card label,.form-grid label{display:grid;gap:6px;margin:14px 0;font-size:14px;font-weight:bold}input,select,textarea{width:100%;padding:10px;border:1px solid #bac8be;border-radius:5px;font:inherit}button{padding:10px 14px;border:0;border-radius:5px;background:#28744e;color:#fff;font:inherit;font-weight:bold;cursor:pointer}a{color:#1f6844}.auth-card a{display:block;margin-top:18px}.notice{padding:10px;border-radius:5px;margin:12px 0}.notice.error{background:#fff0ee;color:#98261d}.admin-page{padding:24px;background:#edf1ec}.admin-shell{max-width:1120px;margin:auto;padding:28px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d9e3db;padding-bottom:18px}.admin-header h1{margin:0}.admin-nav{display:flex;gap:12px;align-items:center}.admin-nav a{font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.panel{border:1px solid #d9e3db;border-radius:7px;padding:20px}.panel h2{margin-top:0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e6ece7;text-align:left;font-size:14px}.badge{display:inline-block;padding:3px 7px;border-radius:20px;background:#e5f3e8;color:#25603b;font-size:12px}.form-actions{display:flex;gap:10px;margin-top:16px}.secondary{background:#fff;color:#28744e;border:1px solid #28744e}@media(max-width:760px){.admin-page{padding:12px}.admin-shell{padding:18px}.grid{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}}

.admin-body{background:#f3f6f3}.admin-app{display:flex;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 16px;background:#163d2b;color:#eef7ef;display:flex;flex-direction:column}.admin-brand{color:#fff;text-decoration:none;padding:4px 10px 30px}.admin-brand span{display:block;font-size:10px;font-weight:bold;letter-spacing:.14em;color:#9ed7ae}.admin-brand strong{display:block;margin-top:7px;font-size:21px;line-height:1.08}.admin-menu{display:grid;gap:5px}.admin-menu p{margin:22px 10px 5px;color:#a8c1af;font-size:11px;font-weight:bold}.admin-menu a,.admin-sidebar-footer a{padding:11px 12px;border-radius:6px;color:#d8eadc;text-decoration:none;font-size:14px}.admin-menu a b{display:inline-block;width:24px;font-size:17px}.admin-menu a:hover,.admin-menu a.active{background:#28744e;color:#fff}.admin-sidebar-footer{display:grid;gap:4px;margin-top:auto}.admin-sidebar-footer a{font-size:12px}.admin-content{width:calc(100% - 250px);margin-left:250px}.admin-topbar{height:92px;padding:20px 36px;border-bottom:1px solid #dbe4dc;background:#fff;display:flex;align-items:center;justify-content:space-between}.admin-topbar h1{margin:3px 0 0;font-size:23px}.admin-kicker{margin:0;font-size:10px;color:#28744e;font-weight:bold;letter-spacing:.14em}.admin-user{display:flex;gap:9px;align-items:center}.admin-user span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#e5f3e8}.admin-user small{display:block;color:#718076;font-size:11px}.admin-main{padding:30px 36px}.dashboard-intro,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-intro h2,.page-intro h2{margin:0;font-size:22px}.dashboard-intro p,.page-intro p{margin:6px 0 0;color:#68766e;font-size:14px}.button-link{padding:10px 14px;border-radius:6px;background:#28744e;color:#fff;text-decoration:none;font-size:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stat-card,.admin-card,.map-panel,.side-panel{background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 2px 8px #1830230a}.stat-card{display:flex;gap:14px;padding:18px}.stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-size:22px}.stat-icon.green{background:#e4f5e8;color:#28744e}.stat-icon.red{background:#ffe9e6;color:#c13c30}.stat-icon.blue{background:#e7f0ff;color:#3471c7}.stat-card small{display:block;color:#718076;font-size:12px}.stat-card strong{display:block;margin-top:3px;font-size:25px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.map-panel header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #e2e9e3}.map-panel h2,.side-panel h2,.admin-card h2{margin:0;font-size:16px}.map-panel p{margin:5px 0 0;color:#718076;font-size:12px}.map-panel header a,.text-link{font-size:12px}.map-panel iframe{display:block;width:100%;height:560px;border:0;border-radius:0 0 8px 8px}.side-panel{padding:18px}.layer-row{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #e6ece7}.layer-row>span,.color-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.layer-row strong,.layer-row small,.data-table small{display:block}.layer-row small,.data-table small{margin-top:3px;color:#718076;font-size:11px}.text-link{display:block;margin-top:16px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.admin-card{padding:20px}.stack-form label{display:grid;gap:6px;margin:13px 0;font-size:13px;font-weight:bold}.stack-form textarea{min-height:72px}.stack-form button{margin-top:7px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto}.table-card{margin-top:18px}.data-table{width:100%;border-collapse:collapse;margin-top:15px}.data-table th,.data-table td{padding:12px 8px;border-bottom:1px solid #e5ece6;text-align:left;font-size:13px}.data-table th{color:#66756b;font-weight:normal}.notice.success{background:#e4f5e8;color:#21613c}.empty-state{color:#718076;font-size:13px}@media(max-width:900px){.admin-sidebar{position:static;width:100%;height:auto}.admin-app{display:block}.admin-content{width:100%;margin:0}.admin-sidebar-footer{margin-top:18px}.admin-topbar,.admin-main{padding-left:20px;padding-right:20px}.dashboard-grid,.admin-form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.map-panel iframe{height:480px}}

.feature-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.8fr);gap:18px;margin-top:24px}.feature-map-card{overflow:hidden;background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 2px 8px #1830230a}.feature-map-card header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #e2e9e3}.feature-map-card h2{margin:0;font-size:16px}.feature-map-card p{margin:4px 0 0;font-size:12px;color:#718076}.feature-map-card header a{font-size:12px}.feature-map-card iframe{display:block;width:100%;height:720px;border:0}.feature-form-card{height:max-content}.layer-select-form{padding-bottom:8px;border-bottom:1px solid #e4ebe5}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:1100px){.feature-workspace{grid-template-columns:1fr}.feature-map-card iframe{height:500px}}@media(max-width:540px){.coordinate-grid{grid-template-columns:1fr}}

.layer-page-intro{margin-bottom:24px}.page-actions{display:flex;gap:10px}.page-actions button,.secondary-button{padding:10px 14px;border:1px solid #28744e;border-radius:6px;background:#28744e;color:#fff;font:inherit;font-weight:bold;cursor:pointer}.secondary-button{background:#fff;color:#28744e}.layer-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.layer-card{padding:18px;background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 2px 8px #1830230a}.layer-card header{display:flex;align-items:flex-start;gap:10px}.layer-color{width:14px;height:14px;margin-top:5px;border-radius:50%;flex:0 0 14px}.layer-card h2{margin:0;font-size:16px}.layer-card header p{margin:4px 0 0;color:#718076;font-size:11px}.geometry-badge{margin-left:auto;padding:4px 7px;border-radius:4px;background:#edf5ee;color:#28744e;font-size:11px}.layer-description{min-height:38px;margin:15px 0;color:#647268;font-size:13px;line-height:1.45}.layer-metrics{display:flex;gap:18px;padding:12px 0;border-top:1px solid #e6ece7;border-bottom:1px solid #e6ece7;color:#65736a;font-size:12px}.layer-metrics strong{margin-right:3px;color:#18221d;font-size:17px}.field-chips{display:flex;flex-wrap:wrap;gap:5px;min-height:50px;padding:13px 0}.field-chips span{padding:4px 7px;border-radius:4px;background:#edf4ef;color:#42604d;font-size:11px}.layer-add-field{width:100%;padding:8px;background:#fff;color:#28744e;border:1px solid #28744e}.empty-layer{padding:50px;border:1px dashed #b7c8ba;border-radius:8px;color:#718076;text-align:center}.admin-modal{width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:10px;box-shadow:0 20px 60px #0005}.admin-modal::backdrop{background:#10231980}.modal-form{padding:24px;overflow:auto;max-height:calc(100vh - 32px)}.modal-form header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-form h2{margin:0;font-size:19px}.modal-form header p{margin:5px 0 0;color:#718076;font-size:13px}.modal-close{width:32px;height:32px;padding:0;border:0;border-radius:5px;background:#edf3ee;color:#375444;font-size:24px;line-height:1}.modal-form label{display:grid;gap:6px;margin:12px 0;font-size:13px;font-weight:bold}.modal-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:1100px){.layer-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.layer-list-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.page-actions{width:100%;flex-direction:column}.page-actions button{width:100%}}