.nav{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:200px;height:100vh;box-sizing:border-box;padding:1.5rem 1rem;border-right:1px solid #e0e0e0;overflow:hidden}.logo{display:block;width:48px;height:auto;margin:0 auto 1.5rem}.logo-link{display:block;flex-shrink:0}.nav-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}.nav-list a{display:block;padding:.5rem .75rem;border-radius:4px;color:#317546;text-decoration:none}.nav-list a:hover,.nav-list a.active{background:#317546;color:#fff}.logout{flex-shrink:0;margin-top:1rem;padding:.5rem .75rem;border:1px solid #317546;background:#fff;color:#317546;border-radius:4px;cursor:pointer}.logout:hover{background:#317546;color:#fff}.home{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:4rem}.home-header{text-align:center}.home-header h1{margin:0;color:#317546;font-size:1.6rem}.home-subtitle{margin:.25rem 0 0;color:#767676}.home-user{margin:1.25rem 0 0;display:inline-block;padding:.3rem .6rem;border-radius:4px;background:#e8f5ec;color:#317546}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0006}.modal-card{background:#fff;border-radius:4px;max-width:320px;overflow:hidden;box-shadow:0 2px 6px #00000026}.modal-banner{background:#e8f5ec;color:#317546;font-weight:600;padding:.75rem 1.25rem}.modal-body{padding:1.25rem}.modal-message{color:#767676;font-size:.9rem;margin:0}.modal-error{color:#c0392b;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal-actions button{padding:.4rem .9rem;border:1px solid #317546;background:#fff;color:#317546;border-radius:4px;cursor:pointer}.modal-actions .confirm{background:#317546;color:#fff}.modal-actions button:disabled{border-color:#c9c9c9;color:#c9c9c9;cursor:default}.modal-actions .confirm:disabled{background:#c9c9c9;border-color:#c9c9c9}.modal-actions button.loading:disabled{border-color:#317546;color:#317546;display:flex;align-items:center;justify-content:center}.modal-actions button.loading:not(.confirm) .spinner{border-color:#d7e7dc;border-top-color:#317546}.modal-actions .confirm.loading:disabled{background:#317546;border-color:#317546;display:flex;align-items:center;justify-content:center}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-page{width:32px;height:32px;border-width:3px;border-color:#d7e7dc;border-top-color:#317546}.spinner-btn{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px;border-color:#d7e7dc;border-top-color:#317546}.modal-card.import-card{max-width:420px}.import-field{margin:0 0 1rem;padding:0;border:none}.import-field legend{padding:0;color:#317546;font-size:.85rem;font-weight:600}.import-file{display:block;width:100%;margin-top:.5rem;font:inherit}.import-option{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.9rem}.import-option input:disabled+span{color:#c9c9c9}.import-note{margin:.4rem 0 0;color:#767676;font-size:.8rem}.import-counts{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;margin:0;font-size:.9rem}.import-counts dt{color:#767676}.import-counts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.import-errors{max-height:180px;overflow-y:auto;margin:1rem 0 0;padding:.5rem;border:1px solid #e0e0e0;border-radius:4px;font-size:.8rem}.import-errors h3{margin:0 0 .4rem;color:#c0392b;font-size:.85rem}.import-errors ul{margin:0;padding-left:1.1rem}.modal-card.row-form-card{max-width:460px}.row-fields{display:flex;flex-direction:column;gap:.75rem;max-height:55vh;overflow-y:auto;padding-right:.4rem}.row-field{display:flex;flex-direction:column;gap:.25rem}.row-field-label{display:flex;align-items:baseline;gap:.3rem;color:#317546;font-size:.85rem;font-weight:600}.row-required{color:#c0392b}.row-field-type{margin-left:auto;color:#767676;font-size:.75rem;font-weight:400}.row-field input,.row-field select,.row-field textarea{width:100%;box-sizing:border-box;padding:.35rem .5rem;border:1px solid #c9c9c9;border-radius:4px;font:inherit}.row-field textarea{resize:vertical}.row-field input:focus,.row-field select:focus,.row-field textarea:focus{outline:none;border-color:#317546}.modal-actions .danger{background:#c0392b;border-color:#c0392b}.modal-actions .danger:disabled{background:#c9c9c9;border-color:#c9c9c9}.modal-actions .danger.loading:disabled{background:#c0392b;border-color:#c0392b}.delete-key{display:grid;grid-template-columns:auto 1fr;gap:.15rem 1rem;margin:.75rem 0 0;font-size:.9rem}.delete-key div{display:contents}.delete-key dt{color:#767676}.delete-key dd{margin:0;overflow-wrap:anywhere}.table-view{flex:1;display:flex;flex-direction:column;min-height:0}.table-wrapper{flex:1;min-height:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border:1px solid #e0e0e0;padding:.5rem .75rem;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:2;background:#f0f5f1;color:#317546;box-shadow:inset 0 -1px #e0e0e0}.th-content{display:inline-flex;align-items:center;gap:.4rem}.col-btn{border:none;background:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;opacity:0}th:hover .col-btn,th.open .col-btn,.col-btn.active{opacity:1}.filter-panel{position:absolute;top:100%;left:0;z-index:10;display:flex;flex-direction:column;gap:.4rem;margin-top:2px;padding:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 6px #00000026}.filter-row{display:flex;gap:.4rem}.filter-panel select,.filter-panel input{padding:.3rem;border:1px solid #e0e0e0;border-radius:4px;font:inherit}.filter-row button{padding:.3rem .6rem;border:1px solid #317546;background:#317546;color:#fff;border-radius:4px;cursor:pointer}.filter-row .remove{background:#fff;border-color:#c0392b;color:#c0392b}.table-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem}.export-toggle,.import-toggle,.add-row-toggle,.refresh-toggle,.clear-filter-toggle{opacity:1;font-size:1rem;border:1px solid #317546;border-radius:4px;padding:.3rem .5rem;color:#317546}.table-loading,.table-empty{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:4rem}.table-empty-header{text-align:center}.table-empty-header h1{margin:0;color:#317546;font-size:1.6rem}.table-empty-subtitle{margin:.25rem 0 0;color:#767676}.clear-filter-toggle{border-color:#c0392b;color:#c0392b}.table-empty-actions{display:flex;justify-content:center;gap:.6rem;margin-top:1.25rem}.table-empty-actions .col-btn{font-size:1.15rem;padding:.45rem .8rem}.columns-picker{position:relative}.columns-toggle{opacity:1;font-size:1rem;border:1px solid #317546;border-radius:4px;padding:.3rem .5rem;color:#317546}.columns-toggle.active{background:#317546;color:#fff}.columns-panel{max-height:300px;overflow-y:auto}.columns-option{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.columns-panel .show-all{padding:.3rem .6rem;border:1px solid #317546;background:#317546;color:#fff;border-radius:4px;cursor:pointer}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1rem}.pagination button{position:relative;padding:.4rem .9rem;border:1px solid #317546;background:#fff;color:#317546;border-radius:4px;cursor:pointer}.pagination button:disabled{border-color:#c9c9c9;color:#c9c9c9;cursor:default}.pagination button.loading:disabled{border-color:#317546;color:#317546}.pagination button.loading .page-label{visibility:hidden}.page-size{display:flex;align-items:center;gap:.5rem;margin-left:auto;color:#555}.page-size select{padding:.4rem;border:1px solid #317546;background:#fff;color:#317546;border-radius:4px;font:inherit;cursor:pointer}.page-size select:disabled{border-color:#c9c9c9;color:#c9c9c9;cursor:default}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:#e8f5ec;color:#317546;border:1px solid #317546;border-radius:4px;box-shadow:0 2px 6px #00000026}.toast-icon{font-size:1.1rem;line-height:1}.row-menu-head,.row-menu-cell{width:1px}.row-menu-cell{position:relative;padding:.25rem .4rem;text-align:center}.row-menu-toggle{opacity:.5;display:inline-flex;align-items:center;justify-content:center;width:1.25rem}.row-menu-toggle svg{fill:currentColor}tr:hover .row-menu-toggle,.row-menu-cell.open .row-menu-toggle{opacity:1}.row-menu-panel{min-width:9rem;padding:.25rem}.row-menu-panel.up{top:auto;bottom:100%;margin:0 0 2px}.row-menu-option{padding:.35rem .5rem;border:none;border-radius:4px;background:none;color:#317546;font:inherit;text-align:left;cursor:pointer}.row-menu-option:hover{background:#e8f5ec}.row-menu-option.danger{color:#c0392b}.row-menu-option.danger:hover{background:#fdecea}.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{display:flex;flex-direction:column;gap:1rem;width:280px;padding:2rem;border:1px solid #e0e0e0;border-radius:8px}.login-logo{width:64px;height:auto;margin:0 auto .5rem}.login-form input{padding:.6rem;border:1px solid #e0e0e0;border-radius:4px;font:inherit}.login-form button{padding:.6rem;border:none;background:#317546;color:#fff;border-radius:4px;cursor:pointer;font:inherit}.login-error{margin:0;color:#c0392b;font-size:.9rem}body{margin:0;font-family:system-ui,sans-serif}.content{margin-left:200px;height:100vh;box-sizing:border-box;padding:1.5rem;display:flex;flex-direction:column}