:root{--primary-color:#3fa9f5;--primary-dark:#2a8bd4;--primary-light:#e6f4fd;--text-main:#333;--text-muted:#757575;--border-color:#e0e0e0;--bg-color:#f4f5f8;--surface:#fff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5}.erp-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.erp-sidebar{background:var(--surface);border-right:1px solid var(--border-color);flex-direction:column;align-items:center;gap:16px;width:60px;padding-top:16px;display:flex}.erp-sidebar-icon{width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.erp-sidebar-icon:hover{background:var(--primary-light);color:var(--primary-color)}.erp-sidebar-icon.active{background:var(--primary-light);color:var(--primary-color);font-weight:700}.erp-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.erp-header{background:var(--surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.erp-header-title{color:var(--text-main);font-size:16px;font-weight:600}.erp-content{flex:1;gap:12px;padding:12px;display:flex;overflow:hidden}.erp-master{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;flex:1;display:flex;box-shadow:0 1px 3px #0000000d}.erp-toolbar{border-bottom:1px solid var(--border-color);background:#fafafa;align-items:center;gap:8px;padding:8px 12px;display:flex}.erp-table-container{flex:1;overflow:auto}.erp-table{border-collapse:collapse;width:100%}.erp-table th{z-index:10;text-align:left;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-muted);background:#f8f9fa;padding:8px 12px;font-weight:600;position:sticky;top:0}.erp-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;padding:8px 12px}.erp-table tr:hover{background:var(--primary-light)}.erp-table tr.selected{background:var(--primary-light);box-shadow:inset 2px 0 0 var(--primary-color)}.erp-detail{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;width:350px;display:flex;box-shadow:0 1px 3px #0000000d}.erp-detail-header{border-bottom:1px solid var(--border-color);background:#fafafa;justify-content:space-between;align-items:center;padding:12px;font-weight:600;display:flex}.erp-detail-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.detail-row{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-muted);font-size:12px}.detail-value{font-size:14px;font-weight:500}.btn{border:1px solid var(--border-color);background:var(--surface);color:var(--text-main);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:#f5f5f5}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{color:var(--danger);background:#fef2f2;border-color:#fca5a5}.btn-danger:hover{background:#fee2e2}.badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-gray{color:#374151;background:#f3f4f6}.search-input{border:1px solid var(--border-color);border-radius:4px;outline:none;width:250px;padding:6px 12px;font-size:13px}.search-input:focus{border-color:var(--primary-color)}