:root{--accent:#6bc0ec;--accent-dark:#4da8d6;--accent-light:#a3d9f5;--glass-bg:#ffffff8c;--glass-bg-card:#ffffffb3;--glass-bg-input:#ffffffbf;--glass-bg-hover:#ffffffe6;--glass-border:#6bc0ec33;--glass-border-focus:#6bc0ec8c;--text-primary:#1a1a2e;--text-secondary:#6b7a8f;--text-placeholder:#adb5c2;--radius:16px;--radius-sm:10px;--blur:20px;--shadow-card:0 2px 16px #6bc0ec1f;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(160deg,#f0f7fb 0%,#fff 40%,#e8f4fa 100%) fixed;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#6bc0ec2e 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-20%;left:-10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#6bc0ec21 0%,#0000 70%);width:55%;height:55%;position:fixed;bottom:-15%;right:-10%}#root{z-index:1;position:relative;overflow-y:auto}.app{width:100%;min-height:100%;padding:12px 12px 80px}.app-header{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;padding:24px 16px 20px;display:flex}.header-left{text-align:center}.header-right{align-items:center;gap:10px;display:flex}.app-header h1{letter-spacing:.5px;color:var(--text-primary);font-size:20px;font-weight:700}.app-subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.user-badge{color:var(--text-primary);background:var(--glass-bg-hover);border:1px solid var(--glass-border);cursor:default;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.user-icon{font-size:14px}.role-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.role-super{color:#fff;background:#6bc0ec}.role-normal{color:var(--accent-dark);background:#6bc0ec26}.btn-logout{background:var(--glass-bg-hover);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:1px solid #0000001a;border-radius:18px;padding:6px 14px;font-size:12px}.btn-logout:hover{color:#e53e3e;background:#fff;border-color:#e53e3e4d}.login-overlay{z-index:1000;background:linear-gradient(160deg,#f0f7fb 0%,#fff 40%,#e8f4fa 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-overlay:before{content:"";pointer-events:none;background:radial-gradient(#6bc0ec2e 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:-10%}.login-overlay:after{content:"";pointer-events:none;background:radial-gradient(#6bc0ec21 0%,#0000 70%);width:55%;height:55%;position:absolute;bottom:-15%;right:-10%}.login-card{z-index:1;background:var(--glass-bg-card);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;width:360px;max-width:92vw;padding:40px 32px;position:relative;box-shadow:0 8px 40px #6bc0ec26}.login-title{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{text-align:left}.login-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-field input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;font-size:15px}.login-field input:focus{border-color:var(--glass-border-focus);box-shadow:0 0 0 3px #6bc0ec1f}.login-field input::placeholder{color:var(--text-placeholder)}.login-error{color:#e53e3e;text-align:left;border-radius:var(--radius-sm);background:#e53e3e0f;padding:8px 12px;font-size:13px}.login-btn{width:100%;margin-top:4px;padding:12px;font-size:16px;font-weight:600}.tab-nav{z-index:100;background:var(--glass-bg-card);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-card);gap:8px;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.tab-btn{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;flex:1;padding:12px 8px;font-size:14px;font-weight:500}.tab-btn.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 10px #6bc0ec59}.app-main{background:var(--glass-bg-card);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:12px;padding:20px 16px}.app-main h3{color:var(--text-primary);border-bottom:1px solid var(--glass-border);margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:600}.region-cascader{margin-bottom:18px}.cascader-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.cascader-row{flex-direction:column;gap:8px;display:flex}.region-select{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%236b7a8f' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:11px 36px 11px 14px;font-size:14px}.region-select:focus{border-color:var(--glass-border-focus);background-color:var(--glass-bg-hover);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 7l3-3 3 3' stroke='%236bc0ec' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");outline:none;box-shadow:0 0 0 3px #6bc0ec26}.region-select:disabled{opacity:.4;cursor:not-allowed}.region-select option{color:var(--text-primary);background:#fff}.region-select option:disabled{color:#9aa3ad}.township-box{border:1px dashed var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);margin-top:8px;padding:8px 12px}.township-box-title{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.township-box-list{flex-wrap:wrap;gap:6px;max-height:120px;display:flex;overflow-y:auto}.township-box-item{color:var(--text-secondary);white-space:nowrap;background:#0000000d;border-radius:4px;padding:2px 8px;font-size:13px}.township-box-empty{color:var(--text-placeholder);padding:4px 0;font-size:13px}.district-select{flex:1;min-width:0}.district-trigger{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.district-trigger.empty{color:var(--text-placeholder)}.district-panel{z-index:300;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#fff;gap:10px;width:min(560px,100vw - 24px);max-height:60vh;padding:10px;animation:.15s fadeIn;display:flex;box-shadow:0 8px 24px #6bc0ec40}.dp-col{flex-direction:column;flex:1;min-width:0;display:flex}.dp-col-title{color:var(--text-secondary);border-bottom:1px solid #0000000f;margin-bottom:6px;padding:2px 8px 6px;font-size:12px;font-weight:600}.dp-list{flex-direction:column;gap:2px;max-height:calc(60vh - 46px);display:flex;overflow-y:auto}.dp-item{color:var(--text-primary);cursor:pointer;transition:background var(--transition);white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.dp-item:hover{background:#6bc0ec1a}.dp-item.selected{background:var(--accent);color:#fff}.dp-item.taken{color:var(--text-secondary);cursor:default;background:#0000000a}.dp-item.taken:hover{background:#0000000a}.dp-item.taken.selected{color:var(--text-primary);background:#6bc0ec33}.dp-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.dp-pct{color:var(--accent-dark);background:#6bc0ec29;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:12px;font-weight:700}.dp-item.taken .dp-pct{color:var(--text-secondary);background:#0000000f}.dp-empty{color:var(--text-placeholder);padding:8px 10px;font-size:13px}.view-trigger{border-style:dashed}.view-panel-wide{width:min(720px,100vw - 24px)}.dp-item.readonly{cursor:default}.dp-item.readonly:hover{background:0 0}.vp-group{z-index:1;color:var(--text-secondary);background:#f5f7fa;border-radius:6px;margin-top:2px;padding:6px 10px;font-size:12px;font-weight:600;position:sticky;top:0}.mode-toggle{border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:14px;display:inline-flex;overflow:hidden}.mode-btn{color:var(--text-secondary);background:var(--glass-bg-input);cursor:pointer;transition:all var(--transition);border:none;padding:8px 22px;font-size:14px;font-weight:500}.mode-btn.active{background:var(--accent);color:#fff;font-weight:600}.mode-btn:disabled{opacity:.45;cursor:not-allowed}.progress-badge{color:var(--accent-dark);white-space:nowrap;background:#6bc0ec29;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;display:inline-block}.progress-cell{text-align:center}.entry-card-time .progress-badge{margin-right:8px}.btn-clear-region{background:var(--glass-bg-input);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000001f;flex-shrink:0;padding:11px 14px;font-size:14px}.btn-clear-region:hover:not(:disabled){color:#e53e3e;background:#fff;border-color:#e53e3e4d}.btn-clear-region:disabled{opacity:.4;cursor:not-allowed}.metrics-row{flex-wrap:wrap;gap:12px;margin:14px 0 4px;display:flex}.metric-item{flex-direction:column;flex:1;min-width:160px;display:flex}.metric-item .field-label{text-transform:none;letter-spacing:0;margin-bottom:6px}.metric-required{color:#e53e3e;font-style:normal}.metric-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:10px 12px;font-size:14px}.metric-input::placeholder{color:var(--text-placeholder)}.metric-input:focus{border-color:var(--glass-border-focus);outline:none;box-shadow:0 0 0 3px #6bc0ec26}.custom-fields{margin-bottom:18px}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:500;display:block}.field-group{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff73;margin-bottom:10px;padding:12px}.field-group-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.field-title-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);color:var(--text-primary);transition:all var(--transition);flex:1;padding:9px 12px;font-size:14px}.field-title-input::placeholder{color:var(--text-placeholder)}.field-title-input:focus{border-color:var(--glass-border-focus);background:var(--glass-bg-hover);outline:none}.field-values{flex-direction:column;gap:6px;display:flex}.field-value-row{align-items:center;gap:6px;padding-left:4px;display:flex}.field-value-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);color:var(--text-primary);transition:all var(--transition);flex:1;padding:8px 10px;font-size:13px}.field-value-input::placeholder{color:var(--text-placeholder)}.field-value-input:focus{border-color:var(--glass-border-focus);background:var(--glass-bg-hover);outline:none}.btn-remove-field{color:#d44;cursor:pointer;width:30px;height:30px;transition:all var(--transition);background:#dc505014;border:1px solid #dc505040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.btn-remove-field:hover{background:#dc50502e}.btn-remove-value{color:#999;cursor:pointer;width:26px;height:26px;transition:all var(--transition);background:#0000000a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.btn-remove-value:hover{color:#d44;background:#dc505026}.btn-add-value{color:var(--accent-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px dashed #6bc0ec66;align-self:flex-start;margin-left:4px;padding:6px 12px;font-size:12px}.btn-add-value:hover{border-color:var(--accent);background:#6bc0ec14}.field-value-block{margin-bottom:2px}.field-children{border-left:2px solid #6bc0ec40;margin:4px 0 4px 16px;padding-left:10px}.btn-add-child{width:32px;height:26px;color:var(--accent-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#6bc0ec0f;border:1px solid #6bc0ec4d;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.btn-add-child:hover{background:#6bc0ec26}.btn-add-field{width:100%;color:var(--accent-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:#6bc0ec0d;border:1px dashed #6bc0ec66;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;display:flex}.btn-add-field:hover{border-color:var(--accent);color:var(--accent-dark);background:#6bc0ec1f}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;padding:11px 28px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 14px #6bc0ec59}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{box-shadow:none;transform:none}.btn-export{color:var(--accent-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#6bc0ec0f;border:1px solid #6bc0ec59;padding:10px 18px;font-size:13px;font-weight:500}.btn-export:hover{background:#6bc0ec24}.btn-export:disabled{opacity:.35;cursor:not-allowed}.btn-delete{color:#d44;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #dc505040;padding:4px 12px;font-size:12px}.btn-delete:hover{background:#dc50501a}.btn-edit{color:var(--accent-dark);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #6bc0ec59;margin-right:6px;padding:4px 12px;font-size:12px}.btn-edit:hover{background:#6bc0ec1f}.btn-view{color:#4caf50;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #4caf5059;margin-right:6px;padding:4px 12px;font-size:12px}.btn-view:hover{background:#4caf501a}.modal-overlay{z-index:400;background:#141e3259;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius);background:#fff;flex-direction:column;width:100%;max-width:640px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #141e3240}.modal-header{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:22px;line-height:1}.modal-close:hover{color:#e53e3e}.modal-body{padding:16px 18px;overflow-y:auto}.modal-region{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.modal-seq{color:var(--accent);flex-shrink:0;font-weight:700}.modal-path{flex:1;min-width:200px}.modal-times{color:var(--text-secondary);border-top:1px dashed #00000014;flex-direction:column;gap:4px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.form-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.form-message{font-size:13px}.form-message.success{color:#27ae60}.form-message.error{color:#d44}.title-suggestions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.title-suggestions-label{color:var(--text-secondary);font-size:12px}.title-chip{color:var(--accent-dark);cursor:pointer;transition:all var(--transition);background:#6bc0ec14;border:1px dashed #6bc0ec73;border-radius:999px;padding:4px 12px;font-size:12px}.title-chip:hover{background:#6bc0ec29;border-style:solid}.field-tip{border-radius:var(--radius-sm);color:#c78520;background:#ffb4501f;border:1px solid #ffb4504d;margin-top:8px;padding:8px 12px;font-size:13px;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.query-bar{margin-bottom:16px}.search-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.search-input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);min-width:0;color:var(--text-primary);transition:all var(--transition);flex:1;padding:10px 14px;font-size:14px}.query-mode-select{flex:none;width:auto}.city-badge{color:var(--accent-dark);white-space:nowrap;background:#6bc0ec24;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus{border-color:var(--glass-border-focus);background:var(--glass-bg-hover);outline:none}.results-info{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.pagination{align-items:center;gap:6px;display:flex}.pagination button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:5px 14px;font-size:12px}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button:hover:not(:disabled){background:var(--glass-bg-hover)}.pagination .page-btn{text-align:center;min-width:32px;padding:5px 10px}.pagination .page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.pagination .page-ellipsis{color:var(--text-secondary);text-align:center;min-width:18px;font-size:12px}.page-size-select{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg-input);color:var(--text-primary);cursor:pointer;padding:5px 8px;font-size:12px}.empty-state{text-align:center;color:var(--text-secondary);padding:56px 16px;font-size:15px}.table-wrap{max-width:100%;display:none;overflow-x:auto}.entries-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.entries-table th{text-align:left;color:var(--text-secondary);white-space:normal;word-break:break-all;vertical-align:top;text-transform:uppercase;letter-spacing:.3px;background:#6bc0ec14;border-bottom:2px solid #6bc0ec26;padding:10px;font-size:12px;font-weight:600}.entries-table td{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-primary);border-bottom:1px solid #0000000a;padding:10px;overflow:hidden}.entries-table td.cell.truncated{cursor:pointer}.entries-table tr.row-highlight{animation:3s rowFlash}@keyframes rowFlash{0%{background:#6bc0ec59}to{background:0 0}}.cell-popup{z-index:300;border:1px solid var(--glass-border);border-radius:var(--radius-sm);max-width:min(480px,100vw - 24px);max-height:40vh;color:var(--text-primary);word-break:break-all;white-space:normal;background:#fff;padding:12px 14px;font-size:14px;line-height:1.6;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #6bc0ec40}.entries-table tbody tr{transition:background var(--transition)}.entries-table tbody tr:nth-child(2n){background:#6bc0ec0a}.entries-table tbody tr:hover{background:#6bc0ec1a}.time-cell{color:var(--text-secondary);font-size:12px}.action-cell{white-space:nowrap;text-overflow:clip;max-width:none;overflow:visible}.multi-value-cell{flex-wrap:wrap;gap:3px;max-width:180px;display:flex;overflow:hidden}.multi-value-cell span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-primary);background:#6bc0ec1a;border-radius:20px;padding:1px 7px;font-size:11px;overflow:hidden}.entry-cards{flex-direction:column;gap:10px;display:flex}.entry-card{border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--transition);background:#ffffff73;padding:14px;box-shadow:0 1px 4px #00000008}.entry-card.row-highlight{animation:3s cardFlash}@keyframes cardFlash{0%{background:#6bc0ec59}to{background:#ffffff73}}.entry-card:hover{background:#ffffffb3}.entry-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.entry-card-region{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4}.entry-card-time{color:var(--text-secondary);white-space:nowrap;font-size:11px}.entry-card-fields{flex-direction:column;gap:6px;display:flex}.entry-card-field-row{gap:8px;font-size:13px;line-height:1.4;display:flex}.entry-card-field-title{color:var(--text-secondary);flex-shrink:0;min-width:60px}.entry-card-field-values{color:var(--text-primary);flex-wrap:wrap;gap:4px;display:flex}.entry-card-field-values .chip{color:var(--text-primary);background:#6bc0ec1a;border-radius:20px;padding:1px 8px;font-size:12px}.entry-card-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width>=768px){.app{padding:24px 32px 40px}.app-header{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:32px 0 24px}.app-header h1{font-size:26px}.header-left{text-align:left}.tab-nav{-webkit-backdrop-filter:none;border:none;border-bottom:2px solid var(--glass-border);box-shadow:none;background:0 0;border-radius:0;gap:0;margin-bottom:24px;padding:0;position:static}.tab-btn{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);border-bottom:2px solid #0000;flex:none;margin-bottom:-2px;padding:12px 24px;font-size:15px}.tab-btn.active{color:var(--accent);box-shadow:none;border-bottom-color:var(--accent);background:0 0}.app-main{margin-bottom:0;padding:28px}.cascader-row{flex-direction:row}.region-select{flex:1;min-width:0}.search-row{flex-wrap:nowrap}.search-input{min-width:200px}.table-wrap{display:block}.entry-cards{display:none}.field-group-header{max-width:500px}}@media (width>=1024px){.app{padding:32px 48px 48px}.app-main{padding:36px}}