:root{--primary: #2D5A3D;--primary-light: #387552;--primary-lighter: #4A9B6E;--primary-dark: #1E3D29;--accent-gold: #F5A623;--bg-gray: #F7F8FA;--bg-green-light: #205124;--card-white: #FFFFFF;--text-main: #1D2129;--text-secondary: #4E5969;--text-weak: #86909C;--border-light: #E5E6EB;--success: #00B42A;--warning: #FF7D00;--danger: #F53F3F;--container-width: 1200px;--header-height: 70px;--sidebar-width: 260px;--border-radius: 8px;--box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.02);--box-shadow-hover: 0 4px 12px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-gray);color:var(--text-main);font-size:14px;line-height:1.5}a{text-decoration:none;color:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.card{background:var(--card-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:box-shadow .2s}.card:hover{box-shadow:var(--box-shadow-hover)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-light)}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:9px 19px;border-radius:6px;font-weight:500;cursor:pointer}.btn-outline:hover{background:var(--bg-green-light)}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--border-radius);overflow:hidden}.data-table th{background:#f2f3f5;padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light)}.data-table tr:last-child td{border-bottom:none}.pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.pagination button{padding:6px 12px;border:1px solid var(--border-light);background:#fff;cursor:pointer;border-radius:4px}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-title{font-size:24px;margin-bottom:24px;font-weight:600}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px}.search-select{padding:8px 12px;border:1px solid var(--border-light);border-radius:6px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-light);margin-bottom:20px}.tabs span{padding:8px 0;cursor:pointer;color:var(--text-secondary)}.tabs span.active{color:var(--primary);border-bottom:2px solid var(--primary)}.action-btn{background:none;border:none;color:var(--primary);cursor:pointer;margin:0 4px}.action-btn.danger{color:var(--danger)}.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#fff;width:480px;border-radius:8px;padding:24px}.form-row{margin-bottom:16px}.form-row label{display:block;margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}